diff options
| author | Yuval Adam <yuval@y3xz.com> | 2015-12-09 14:48:58 +0200 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2015-12-09 14:48:58 +0200 |
| commit | 1289e7b10e9e7c4c61134b63d6667c7974c228f0 (patch) | |
| tree | 7b02db35b60cf798f49bb59f9ad3bfda1ce26b0c | |
| parent | 70b961a1ace9563daea6c939fa0182f6476c3297 (diff) | |
Add explanatory text
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | style.scss | 6 |
2 files changed, 6 insertions, 1 deletions
@@ -15,6 +15,7 @@ <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> @@ -14,15 +14,19 @@ body { header { margin-bottom: 30px; + margin-left: 40px; h1 { font-size: 1.7em; - margin-left: 40px; small { text-transform: uppercase; color: #bbb; display: block; } } + p { + margin-right: 90px; + font-size: 0.8em; + } } div.ip-address { |