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     </style>
  48 </head>
  49 <body>
  50     {% if reason %}
  51         <h1>Instances that use "{{reason}}" in their Reason</h1>
  52         {% for block_level in blocks.blocks %}
  53             <div class="block_level">
  54                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  55                 {% for block in blocks.blocks[block_level] %}
  56                     <div class="block">
  57                         <img src="/fedi-block-api/favicons/{{block.blocker}}.png" width=16/>
  58                         <b><a href="https://{{block.blocker}}">{{block.blocker}}</a></b> ->
  59                         <img src="/fedi-block-api/favicons/{{block.blocked}}.png" width=16/>
  60                         <b><a href="https://{{block.blocked}}">{{block.blocked}}</a></b><br/>
  61                         {{block.reason}}
  62                     </div>
  63                 {% endfor %}
  64             </div>
  65         {% endfor %}
  66     {% elif blocks %}
  67         <h1>Instances that block {{domain}}</h1>
  68         {% for block_level in blocks.blocks %}
  69             <div class="block_level" id="{{block_level}}">
  70                 <h2>{{block_level}} ({{blocks.blocks[block_level]|length}})</h2>
  71                 {% for block in blocks.blocks[block_level] %}
  72                     <div class="block">
  73                         <img src="/fedi-block-api/favicons/{{block}}.png" width=16/>
  74                         <b><a href="https://{{block}}">{{block}}</a></b><br/>
  75                         {% if block_level in blocks.reasons %}
  76                             {{blocks.reasons[block_level][block]}}
  77                         {% endif %}
  78                     </div>
  79                 {% endfor %}
  80             </div>
  81         {% endfor %}
  82     {% else %}
  83         <h1>Enter a Domain</h1>
  84         <form>
  85             <input type="text" name="domain" placeholder="example.com" />
  86             <input type="submit" value="Submit" />
  87         </form>
  88         <h1>Enter a Reason</h1>
  89         <form>
  90             <input type="text" name="reason" placeholder="free speech" />
  91             <input type="submit" value="Submit" />
  92         </form>
  93         <div class="info">
  94             known instances: {{info.known_instances}}<br/>
  95             indexed instances: {{info.indexed_instances}}<br/>
  96             blocks recorded: {{info.blocks_recorded}}<br/>
  97             source code: <a href="{{info.source_code}}">{{info.source_code}}</a>
  98         </div>
  99     {% endif %}
 100 </body>
 101 </html>