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