+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>WTF IS MY DARKNET IP?</title>
+ <link rel="stylesheet" type="text/css" href="/style.css" />
+ <script src="http://js.cdn.dn/jquery/jquery.min.js"></script>
+ <script>
+ $( document ).ready( function () {
+ $.getJSON("http://v4.wtfismyip.dn/api", function (data) {
+ $("#v4ip").html(data["ipaddress"]);
+ $("#v4host").html(data["hostname"]);
+ });
+ $.getJSON("http://v6.wtfismyip.dn/api", function(data) {
+ $("#v6ip").html(data["ipaddress"]);
+ $("#v6host").html(data["hostname"]);
+ });
+ $.getJSON("/named/{{token}}", function(data) {
+ data.forEach(function (value) {
+ $("#nameservers").append("<tr><td>" + value[0] + "</td><td>" + value[1] + "</td></tr>");
+ });
+ });
+ });
+ </script>
+ </head>
+ <body>
+ <div class="document">
+ <h1>WTF IS MY DARKNET IP?</h1>
+ <img src="//{{token}}.ns4.wtfismyip.dn/" width="1px" height="1px" />
+ <img src="//{{token}}.ns6.wtfismyip.dn/" width="1px" height="1px" />
+ <p>
+ For automated checks use our fancy shiny new <a href="//wtfismyip.dn/api">API</a>!
+ </p>
+ <table>
+ <tr>
+ <td>Preferred</td><td>{{remote_addr}}</td><td>{{hostname}}</td>
+ </tr>
+ <tr>
+ <td>IPv4</td><td id="v4ip">No connectivity</td><td id="v4host"></td>
+ </tr>
+ <tr>
+ <td>IPv6</td><td id="v6ip">No connectivity</td><td id="v6host"></td>
+ </tr>
+ </table>
+
+ <h2>WTF are my DNS Servers?</h2>
+ <table id="nameservers">
+
+ </table>
+ </div>
+ </body>
+</html>