myip.dn42/wwwroot/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        
        <title>myip.dn42</title>
        
        <meta name="author" content="dn42 community">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="robots" content="index, follow">
        <meta name="description" content="This service can tell you your IP address in dn42.">
        <meta name="keywords" content="what is my ip,my ip">
                
        <link rel="icon" type="image/png" href="/favicon.png">
        <link rel="shortcut icon" type="image/png" href="/favicon.png">
        
        <link rel="stylesheet" href="/assets/css/normalize.css">
        <link rel="stylesheet" href="/assets/css/simple.min.css">

        <script src="/assets/js/myip.js"></script>
    </head>
    <body>
        <header>
            <h1>myip.dn42</h1>
        </header>
        <main>
            <div>
                <h2>Your IP address</h2>
                Your default IP address is <strong><span id=defaultip>fetching from <a href="/api">api</a></span></strong>.<br>
                Your IPv4 address is <strong><span id=ipv4>fetching from <a href="http://v4.myip.dn42/api">api</a></span></strong>.<br>
                Your IPv6 address is <strong><span id=ipv6>fetching from <a href="http://v6.myip.dn42/api">api</a></span></strong>.<br>
            </div>
            <div>
                <h2>Remote Node</h2>
                The node's ip address is <span id="serverdefault">fetching from <a href="/api">api</a></span>.<br>
                The node's ipv4 address is <span id="serveripv4">fetching from <a href="http://172.20.0.81/api">api</a></span>.<br>
                The node's ipv6 address is <span id="serveripv6">fetching from <a href="http://[fd42:d42:d42:81::1]/api">api</a></span>.<br>
                You have reached the myip.dn42 service of AS<span id="node_as">fetching from <a href="/api">api</a></span>. The server is located in <span id="node_location">fetching from <a href="/api">api</a></span> . The server has the ID/name <code id="node_id">fetching from <a href="/api">api</a></code>.
            </div>
        </main>
        <footer>
            <p>
        This service is provided by the dn42 community. Anycast is used to ensure the reliability of the service. Bugs or feedback about the service can be submitted via the Mailling list or the <a href="https://git.dn42.dev/lare/myip.dn42/issues">issue tracker</a>.
            </p>
        </footer>
    </body>
</html>
add static html site with clientside js 2022-09-18 11:51:33 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`

			`<title>myip.dn42</title>`

			`<meta name="author" content="dn42 community">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<meta name="robots" content="index, follow">`
			`<meta name="description" content="This service can tell you your IP address in dn42.">`
			`<meta name="keywords" content="what is my ip,my ip">`

			`<link rel="icon" type="image/png" href="/favicon.png">`
			`<link rel="shortcut icon" type="image/png" href="/favicon.png">`

Remove integrity for CSS This is unnecessary when using resources that are loaded from your own site. This technique should rather be used in connection with CDNs. 2023-09-23 17:10:20 +02:00			`<link rel="stylesheet" href="/assets/css/normalize.css">`
			`<link rel="stylesheet" href="/assets/css/simple.min.css">`
add static html site with clientside js 2022-09-18 11:51:33 +02:00
Outsource JavaScript into seperate file In general, JS and CSS resources should be in separate files. This improves clarity and security (for example, when using CSP). 2023-09-23 17:09:59 +02:00			`<script src="/assets/js/myip.js"></script>`
add static html site with clientside js 2022-09-18 11:51:33 +02:00			`</head>`
			`<body>`
			`<header>`
			`<h1>myip.dn42</h1>`
			`</header>`
			`<main>`
			`<div>`
			`<h2>Your IP address</h2>`
			`Your default IP address is <strong><span id=defaultip>fetching from <a href="/api">api</a></span></strong>.<br>`
			`Your IPv4 address is <strong><span id=ipv4>fetching from <a href="http://v4.myip.dn42/api">api</a></span></strong>.<br>`
			`Your IPv6 address is <strong><span id=ipv6>fetching from <a href="http://v6.myip.dn42/api">api</a></span></strong>.<br>`
			`</div>`
			`<div>`
			`<h2>Remote Node</h2>`
Replace dns with ip addresses This ensures that people without a working DNS but with working IP connections to the dn42 can use the JavaScript page. 2023-09-23 17:11:48 +02:00			`The node's ip address is <span id="serverdefault">fetching from <a href="/api">api</a></span>.<br>`
			`The node's ipv4 address is <span id="serveripv4">fetching from <a href="http://172.20.0.81/api">api</a></span>.<br>`
			`The node's ipv6 address is <span id="serveripv6">fetching from <a href="http://[fd42:d42:d42:81::1]/api">api</a></span>.<br>`
add static html site with clientside js 2022-09-18 11:51:33 +02:00			`You have reached the myip.dn42 service of AS<span id="node_as">fetching from <a href="/api">api</a></span>. The server is located in <span id="node_location">fetching from <a href="/api">api</a></span> . The server has the ID/name <code id="node_id">fetching from <a href="/api">api</a></code>.`
			`</div>`
			`</main>`
			`<footer>`
			`<p>`
			`This service is provided by the dn42 community. Anycast is used to ensure the reliability of the service. Bugs or feedback about the service can be submitted via the Mailling list or the <a href="https://git.dn42.dev/lare/myip.dn42/issues">issue tracker</a>.`
			`</p>`
			`</footer>`
			`</body>`
			`</html>`