templates/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3   <head>
   4         <title>WTF IS MY DARKNET IP?</title>
   5         <link rel="stylesheet" type="text/css" href="/style.css" />
   6         <script src="http://js.cdn.dn/jquery/jquery.min.js"></script>
   7         <script>
   8           $( document ).ready( function () {
   9             $.getJSON("http://v4.wtfismyip.dn/api", function (data) {
  10               $("#v4ip").html(data["ipaddress"]);
  11               $("#v4host").html(data["hostname"]);
  12             });
  13             $.getJSON("http://v6.wtfismyip.dn/api", function(data) {
  14               $("#v6ip").html(data["ipaddress"]);
  15               $("#v6host").html(data["hostname"]);
  16             });
  17             $.getJSON("/named/{{token}}", function(data) {
  18               data.forEach(function (value) {
  19                 $("#nameservers").append("<tr><td>" + value[0] + "</td><td>" + value[1] + "</td></tr>");
  20               });
  21             });
  22           });
  23         </script>
  24   </head>
  25   <body>
  26         <div class="document">
  27           <h1>WTF IS MY DARKNET IP?</h1>
  28           <img src="//{{token}}.ns4.wtfismyip.dn/" width="1px" height="1px" />
  29           <img src="//{{token}}.ns6.wtfismyip.dn/" width="1px" height="1px" />
  30           <p>
  31                 For automated checks use our fancy shiny new <a href="//wtfismyip.dn/api">API</a>!
  32           </p>
  33           <table>
  34                 <tr>
  35                   <td>Preferred</td><td>{{remote_addr}}</td><td>{{hostname}}</td>
  36                 </tr>
  37                 <tr>
  38                   <td>IPv4</td><td id="v4ip">No connectivity</td><td id="v4host"></td>
  39                 </tr>
  40                 <tr>
  41                   <td>IPv6</td><td id="v6ip">No connectivity</td><td id="v6host"></td>
  42                 </tr>
  43           </table>
  44
  45           <h2>WTF are my DNS Servers?</h2>
  46           <table id="nameservers">
  47
  48           </table>
  49         </div>
  50   </body>
  51 </html>