index.html

   1 <!DOCTYPE html>
   2 <head>
   3     <title>fedi-block-api{% if domain %} {{domain}}{% endif %}</title>
   4     <style>
   5         body {
   6             background-color: #000022;
   7             color: #ffffff;
   8             text-align: center;
   9         }
  10         .block_level {
  11             background-color: #1c1c3c;
  12             width: 750px;
  13             padding: 5px;
  14             margin: auto;
  15             margin-top: 10px;
  16         }
  17         .block {
  18             background-color: #2d2d4d;
  19             padding: 5px;
  20             margin: 5px;
  21         }
  22         a {
  23             color: #ffffff;
  24         }
  25         .info {
  26             margin-top: 25px;
  27         }
  28         input[type="text"], input[type="submit"] {
  29             padding: 5px;
  30             border-radius: 5px;
  31             color: white;
  32             background: #445;
  33             font-size: 16px;
  34         }
  35
  36         input[type="text"]:hover {
  37             border-color: #f08;
  38         }
  39
  40         input[type="submit"] {
  41             cursor: pointer;
  42         }
  43
  44         input[type="submit"]:hover {
  45             border-color: #f08;
  46         }
  47
  48         span[title] {
  49             text-decoration: underline dotted;
  50         }
  51     </style>
  52 </head>
  53 <body>
  54     {% if reason %}
  55         <h1>Instances that use "{{reason}}" in their Reason</h1>
  56         {% for block_level in blocks.blocks %}
  57             <div class="block_level">
  58                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  59                 {% for block in blocks.blocks[block_level] %}
  60                     <div class="block">
  61                         <img src="https://proxy.duckduckgo.com/ip3/{{block.blocker}}.ico" width=16/>
  62                         <b><a href="https://{{block.blocker}}">{{block.blocker}}</a></b> ->
  63                         <img src="https://proxy.duckduckgo.com/ip3/{{block.blocked}}.ico" width=16/>
  64                         <b><a href="https://{{block.blocked}}">{{block.blocked}}</a></b><br/>
  65                         {{block.reason}}
  66                     </div>
  67                 {% endfor %}
  68             </div>
  69         {% endfor %}
  70     {% elif blocks %}
  71         <h1>Instances that block {{domain}}</h1>
  72         {% for block_level in blocks.blocks %}
  73             <div class="block_level" id="{{block_level}}">
  74                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  75                 {% for block in blocks.blocks[block_level] %}
  76                     <div class="block">
  77                         <img src="https://proxy.duckduckgo.com/ip3/{{block}}.ico" width=16/>
  78                         <b><a href="https://{{block}}">{{block}}</a></b>
  79                         {% if block in blocks.wildcards %}
  80                             (<span title="wildcard block">&lowast;</span>)
  81                         {% endif %}
  82                         <br/>
  83                         {% if block_level in blocks.reasons %}
  84                             {{blocks.reasons[block_level][block]}}
  85                         {% endif %}
  86                     </div>
  87                 {% endfor %}
  88             </div>
  89         {% endfor %}
  90     {% else %}
  91         <h1>Enter a Domain</h1>
  92         <form>
  93             <input type="text" name="domain" placeholder="example.com" />
  94             <input type="submit" value="Submit" />
  95         </form>
  96         <h1>Enter a Reason</h1>
  97         <form>
  98             <input type="text" name="reason" placeholder="free speech" />
  99             <input type="submit" value="Submit" />
 100         </form>
 101         <div class="info">
 102             known instances: {{info.known_instances}}<br/>
 103             indexed instances: {{info.indexed_instances}}<br/>
 104             blocks recorded: {{info.blocks_recorded}}<br/>
 105             source code: <a href="{{info.source_code}}">{{info.source_code}}</a>
 106         </div>
 107     {% endif %}
 108 </body>
 109 </html>