index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <title>CIDR.xyz</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="all">
        <meta name="keywords" content="cidr, ip address, range, netmask, visualizer">
        <meta name="author" content="Yuval Adam">

        <link rel="canonical" href="http://cidr.xyz">
    </head>
    <body>
        <header>
            <h1>CIDR.xyz<small>An interactive IP address and CIDR range visualizer</small></h1>
            <p><a href="https://en.wikipedia.org/wiki/Classless_Inter-Domain_Routing">CIDR</a> is a notation for describing blocks of IP addresses and is used heavily in various networking configurations. IP addresses contain 4 octets, each consisting of 8 bytes giving values between 0 and 255. The decimal value that comes after the slash is the number of bits consisting of the routing prefix. This in turn can be translated into a netmask, and also designates how many available addresses are in the block.</p>
        </header>
        <section id="app"></section>
        <footer>
            Created by <a href="https://y3xz.com">Yuval Adam</a>. Source available on <a href="https://github.com/yuvadm/cidr.xyz">Github</a>.
        </footer>
        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
    </body>
</html>