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     </style>
  29 </head>
  30 <body>
  31     {% if reason %}
  32         <h1>Instances that use "{{reason}}" in their Reason</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.blocker}}.png" width=16/>
  39                         <b><a href="https://{{block.blocker}}">{{block.blocker}}</a></b> ->
  40                         <img src="https://chizu.love/fedi-block-api/favicons/{{block.blocked}}.png" width=16/>
  41                         <b><a href="https://{{block.blocked}}">{{block.blocked}}</a></b><br/>
  42                         {{block.reason}}
  43                     </div>
  44                 {% endfor %}
  45             </div>
  46         {% endfor %}
  47     {% elif blocks %}
  48         <h1>Instances that block {{domain}}</h1>
  49         {% for block_level in blocks.blocks %}
  50             <div class="block_level" id="{{block_level}}">
  51                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  52                 {% for block in blocks.blocks[block_level] %}
  53                     <div class="block">
  54                         <img src="https://chizu.love/fedi-block-api/favicons/{{block}}.png" width=16/>
  55                         <b><a href="https://{{block}}">{{block}}</a></b><br/>
  56                         {% if block_level in blocks.reasons %}
  57                             {{blocks.reasons[block_level][block]}}
  58                         {% endif %}
  59                     </div>
  60                 {% endfor %}
  61             </div>
  62         {% endfor %}
  63     {% else %}
  64         <h1>Enter a Domain</h1>
  65         <form>
  66             <input type="text" name="domain" placeholder="example.com" />
  67             <input type="submit" value="Submit" />
  68         </form>
  69         <h1>Enter a Reason</h1>
  70         <form>
  71             <input type="text" name="reason" placeholder="free speech" />
  72             <input type="submit" value="Submit" />
  73         </form>
  74         <div class="info">
  75             known instances: {{info.known_instances}}<br/>
  76             indexed instances: {{info.indexed_instances}}<br/>
  77             blocks recorded: {{info.blocks_recorded}}<br/>
  78             source code: <a href="{{info.source_code}}">{{info.source_code}}</a>
  79         </div>
  80     {% endif %}
  81 </body>
  82 </html>