From 7255c439b2ae05cea8d357e411c781f492416b9c Mon Sep 17 00:00:00 2001
From: MattKBD <matt@blz.co>
Date: Fri, 11 Sep 2020 10:56:18 +1200
Subject: Added "usable" wording with explanation, so people don't keep raising
 issues like #10, #20, #28

---
 src/index.html | 3 ++-
 src/index.js   | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/index.html b/src/index.html
index 23b15c1..bfa05de 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,7 +29,8 @@
         </header>
         <section id="app"></section>
         <footer>
-            Created by <a href="https://yuv.al">Yuval Adam</a>. Source available on <a href="https://github.com/yuvadm/cidr.xyz">Github</a>.
+            <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>
diff --git a/src/index.js b/src/index.js
index 0e26684..f5df9e8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -127,11 +127,11 @@ class IPAddress extends Component {
           </span>
           <span className="first">
             <span className="value">{details.first}</span>
-            <span className="label">First IP</span>
+            <span className="label">First Usable IP</span>
           </span>
           <span className="last">
             <span className="value">{details.last}</span>
-            <span className="label">Last IP</span>
+            <span className="label">Last Usable IP</span>
           </span>
           <span className="count">
             <span className="value">{details.size.toLocaleString()}</span>
-- 
cgit v1.3.1