src/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
27
28
29
30
31
32
33
34

<!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="description" content="Interactive IP address and CIDR range visualizer">
        <meta name="author" content="Yuval Adam">

        <link rel="canonical" href="https://cidr.xyz">
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-31LHNP2G97"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-31LHNP2G97');
        </script>
    </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 bits 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>
            <p>* For routing mask values &lt;= 30, first and last IPs are base and broadcast addresses and are unusable.</p>
            <p>Created by <a href="https://yuv.al">Yuval Adam</a>. Source available on <a href="https://github.com/yuvadm/cidr.xyz">Github</a>.</p>
        </footer>
    </body>
</html>