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: 50px;
  27         }
  28     </style>
  29 </head>
  30 <body>
  31     {% if domain %}
  32         <h1>Instances that block {{domain}}</h1>
  33         {% for block_level in blocks.blocks %}
  34             <div class="block_level">
  35                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  36                 {% for block in blocks.blocks[block_level] %}
  37                     <div class="block">
  38                         <img src="https://chizu.love/fedi-block-api/favicons/{{block}}.png" width=16/>
  39                         <b><a href="https://{{block}}">{{block}}</a></b><br/>
  40                         {% if block_level in blocks.reasons %}
  41                             {{blocks.reasons[block_level][block]}}
  42                         {% endif %}
  43                     </div>
  44                 {% endfor %}
  45             </div>
  46         {% endfor %}
  47     {% else %}
  48         <h1>Enter a Domain</h1>
  49         <form>
  50             <input type="text" name="domain" placeholder="example.com" />
  51             <input type="submit" value="Submit" />
  52         </form>
  53         <div class="info">
  54             known instances: {{info.known_instances}}<br/>
  55             indexed instances: {{info.indexed_instances}}<br/>
  56             blocks recorded: {{info.blocks_recorded}}<br/>
  57             source code: <a href="{{info.source_code}}">{{info.source_code}}</a>
  58         </div>
  59     {% endif %}
  60 </body>
  61 </html>