From 5ef32e2d84d239d09684f5cf43ee70fe88b6d023 Mon Sep 17 00:00:00 2001
From: David Croft <david@sargasso.net>
Date: Wed, 20 Sep 2017 16:49:00 +0100
Subject: [PATCH] initial import of visual subnet calculator

---
 gennum.php   |  23 ++
 img/0.gif    | Bin 0 -> 136 bytes
 img/1.gif    | Bin 0 -> 136 bytes
 img/10.gif   | Bin 0 -> 179 bytes
 img/11.gif   | Bin 0 -> 179 bytes
 img/12.gif   | Bin 0 -> 179 bytes
 img/13.gif   | Bin 0 -> 179 bytes
 img/14.gif   | Bin 0 -> 179 bytes
 img/15.gif   | Bin 0 -> 179 bytes
 img/16.gif   | Bin 0 -> 179 bytes
 img/17.gif   | Bin 0 -> 179 bytes
 img/18.gif   | Bin 0 -> 179 bytes
 img/19.gif   | Bin 0 -> 179 bytes
 img/2.gif    | Bin 0 -> 136 bytes
 img/20.gif   | Bin 0 -> 179 bytes
 img/21.gif   | Bin 0 -> 179 bytes
 img/22.gif   | Bin 0 -> 179 bytes
 img/23.gif   | Bin 0 -> 179 bytes
 img/24.gif   | Bin 0 -> 179 bytes
 img/25.gif   | Bin 0 -> 179 bytes
 img/26.gif   | Bin 0 -> 179 bytes
 img/27.gif   | Bin 0 -> 179 bytes
 img/28.gif   | Bin 0 -> 179 bytes
 img/29.gif   | Bin 0 -> 179 bytes
 img/3.gif    | Bin 0 -> 136 bytes
 img/30.gif   | Bin 0 -> 179 bytes
 img/31.gif   | Bin 0 -> 179 bytes
 img/32.gif   | Bin 0 -> 179 bytes
 img/4.gif    | Bin 0 -> 136 bytes
 img/5.gif    | Bin 0 -> 136 bytes
 img/6.gif    | Bin 0 -> 136 bytes
 img/7.gif    | Bin 0 -> 136 bytes
 img/8.gif    | Bin 0 -> 136 bytes
 img/9.gif    | Bin 0 -> 136 bytes
 subnets.html | 585 +++++++++++++++++++++++++++++++++++++++++++++++++++
 35 files changed, 608 insertions(+)
 create mode 100644 gennum.php
 create mode 100644 img/0.gif
 create mode 100644 img/1.gif
 create mode 100644 img/10.gif
 create mode 100644 img/11.gif
 create mode 100644 img/12.gif
 create mode 100644 img/13.gif
 create mode 100644 img/14.gif
 create mode 100644 img/15.gif
 create mode 100644 img/16.gif
 create mode 100644 img/17.gif
 create mode 100644 img/18.gif
 create mode 100644 img/19.gif
 create mode 100644 img/2.gif
 create mode 100644 img/20.gif
 create mode 100644 img/21.gif
 create mode 100644 img/22.gif
 create mode 100644 img/23.gif
 create mode 100644 img/24.gif
 create mode 100644 img/25.gif
 create mode 100644 img/26.gif
 create mode 100644 img/27.gif
 create mode 100644 img/28.gif
 create mode 100644 img/29.gif
 create mode 100644 img/3.gif
 create mode 100644 img/30.gif
 create mode 100644 img/31.gif
 create mode 100644 img/32.gif
 create mode 100644 img/4.gif
 create mode 100644 img/5.gif
 create mode 100644 img/6.gif
 create mode 100644 img/7.gif
 create mode 100644 img/8.gif
 create mode 100644 img/9.gif
 create mode 100644 subnets.html

diff --git a/gennum.php b/gennum.php
new file mode 100644
index 0000000..249d3bb
--- /dev/null
+++ b/gennum.php
@@ -0,0 +1,23 @@
+<?
+for ($i=0;$i<=32; $i++) {
+
+$str = '/'.$i;
+$font = 2;
+
+echo $str."\n";
+
+$w = ImageFontWidth($font) * strlen($str);
+$h = ImageFontHeight($font);
+
+
+$im = ImageCreate($w, $h);
+$bg = ImageColorAllocate($im, 255, 255, 255);
+$fg = ImageColorAllocate($im, 0, 0, 0);
+ImageColorTransparent($im, $bg);
+ImageString($im, $font, 0, 0, $str, $fg);
+ImageGIF($im, 'tmp/'.$i.'.gif');
+#system("/usr/bin/convert -rotate 90 tmp/".$i.".gif img/".$i.".gif");
+
+
+//for i in tmp/*; do  convert -rotate 90 $i img/`basename $i`; done
+}
\ No newline at end of file
diff --git a/img/0.gif b/img/0.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1f22eef27e8e0a203136245d0da5cb1da01af1d9
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
w3|1#7gV77hQ1zO^A+P|X7$_A0)Fq(mB?401A;bz&qvX&4GzX$Mh>^h>0H5e31^@s6

literal 0
HcmV?d00001

diff --git a/img/1.gif b/img/1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2e0eed61100f83d35f08bcbd3ad247a60ca25614
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
u3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CqBw|=!5RRd<s}^e

literal 0
HcmV?d00001

diff --git a/img/10.gif b/img/10.gif
new file mode 100644
index 0000000000000000000000000000000000000000..add0da68a3596def63fba8340892cd30e4425c65
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)Cu9$@bq((^5O9W(Khmb1B
TWF?nQCa_`!s4k$?N(O5H`<O9C

literal 0
HcmV?d00001

diff --git a/img/11.gif b/img/11.gif
new file mode 100644
index 0000000000000000000000000000000000000000..81474df1d5c462bc55fc8880a2f9b8944f0af972
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrWmLlq=re=O9W(K15hzg
R3ZxyVm;-7lSn)~*YXBs3GSC13

literal 0
HcmV?d00001

diff --git a/img/12.gif b/img/12.gif
new file mode 100644
index 0000000000000000000000000000000000000000..aa0fbf892c53367510073f54b16147b81fea55dd
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrkDvL!UR+dvZ8}Y6=d=P
TmqsB)u!utkSQk)gC4)5p96K_$

literal 0
HcmV?d00001

diff --git a/img/13.gif b/img/13.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a330aede5aead8c645fbbdb15959821eee197ba5
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrWj}rNQ4O}1+t<;ND(Lk
W)ZQqh2vjVvz@Y=I3n;ac!5RP|xH888

literal 0
HcmV?d00001

diff --git a/img/14.gif b/img/14.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5061b3e7a386801c1db0935a7b4099acb6ed356e
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)Cu9yX4GAl?IP)a}*WT1jW
M1A`)(;*|{601|pKLjV8(

literal 0
HcmV?d00001

diff --git a/img/15.gif b/img/15.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5cf73b1d3ff00622ae84fd1db2c969c62b7dd1b3
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrkHCAhX7D96Hph(iVh)G
XkjX$10Y#u<0R@*vur8p~N(O5H5BxFv

literal 0
HcmV?d00001

diff --git a/img/16.gif b/img/16.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ba52ac841d11fd1e83f9426727043144ca26680a
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrkIO`1EhvYl}iL<V26+*
X$m9hsjY5h*#R4D(NEc9QC4)5p_kS_7

literal 0
HcmV?d00001

diff --git a/img/17.gif b/img/17.gif
new file mode 100644
index 0000000000000000000000000000000000000000..687e3a9de1afd4b80434470cedd652de0cf86454
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)Ct{BJwDrQpjngX_hK^0<h
SqX19@WJLp57m%@%!5RQK+cR?j

literal 0
HcmV?d00001

diff --git a/img/18.gif b/img/18.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ea9122e45ddfb7e55da38a41264cee2fd6a783fe
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)CrkIOGLjWkkq{=k~WJQON
ZBFN+gE{#HpK*a(J96G?dfKn?NtO5VOG4=oe

literal 0
HcmV?d00001

diff --git a/img/19.gif b/img/19.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a7f1782261c84f7910eec6dbf6852110c3445348
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1xoj2wVVE%nB3<0P133WCH1O0BN71AqX)Crr2o;hX7E7NfpQdn%u#p
Y3Nl&Ar9(&&q*%eB1FQ=uwUWUa01?(P)Bpeg

literal 0
HcmV?d00001

diff --git a/img/2.gif b/img/2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d33f5da1f55a06235f1b41f44a85d316c434b10b
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
v3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwSLKO!wGFSruY-A(q

literal 0
HcmV?d00001

diff --git a/img/20.gif b/img/20.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d3942f6f293099e17f164af454e20b20fc07bbe1
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwSA}Qtw0GX@^R^!qkqzW<_
TsGSL<Mo_^4WGUF>l?>JZlZG%8

literal 0
HcmV?d00001

diff --git a/img/21.gif b/img/21.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e1aba590a1901b2a56e3f57ac32dea7132041c46
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!W9EW0)T3mRKaRo8W<Rv
SfaWX!+cgDdDcIzd4Aua=QZbzX

literal 0
HcmV?d00001

diff --git a/img/22.gif b/img/22.gif
new file mode 100644
index 0000000000000000000000000000000000000000..35aab945a3b70a52178817c2a9e2a86e1a201146
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WA<?)G)DnO#xZa!K4Z@
Vd4Wr#kRn*bp#x|s*yNQA)&R5`F@pdA

literal 0
HcmV?d00001

diff --git a/img/23.gif b/img/23.gif
new file mode 100644
index 0000000000000000000000000000000000000000..59fe14088a2625faf2652f22e3a4b5adf8572f17
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WBc+FabqCR&)p{0!0EB
WxHJkW0@VmCaOeP93O0EqgEauTmobz8

literal 0
HcmV?d00001

diff --git a/img/24.gif b/img/24.gif
new file mode 100644
index 0000000000000000000000000000000000000000..537691d1bf1d6ce764c9f72097fd66493e26f692
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwSA}NNL%<9zwHc$YhCQ!kl
Sfk6?d2BaNmDcIzd4AuauSuqd*

literal 0
HcmV?d00001

diff --git a/img/25.gif b/img/25.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f3a80219910c3a8cff5b60d9eefd31c6483aae11
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WDB(;SgBh0+jM<0a?)j
Y))fd85l{rG5m0bx1X>C<c_o820H@n9$N&HU

literal 0
HcmV?d00001

diff --git a/img/26.gif b/img/26.gif
new file mode 100644
index 0000000000000000000000000000000000000000..158b84e6f4c7272fe76e4ba23993f3e3e9b692f2
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WDC|a0CF=FsX8Z)VOpA
XDS}L1;L<3h2vj2gVn7wIWUvMRk8Lo3

literal 0
HcmV?d00001

diff --git a/img/27.gif b/img/27.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7d3440e514ab3846d3e6febde86fc3a998b71f61
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwSA`}C4EpX{%QuLYvwt_(w
UVsfJZPy}Q}1JF`1V<m$%0MNQJKmY&$

literal 0
HcmV?d00001

diff --git a/img/28.gif b/img/28.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2f72826b760130556580f4d17952ef10e23791ba
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WDC|Xb1q+FsX7)0a?)@
bqzE#3flH&1B2bOM0*4NurC^g+GFSrum#r|v

literal 0
HcmV?d00001

diff --git a/img/29.gif b/img/29.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c37713693571bdeb2ea0834d1774fc11e41283a7
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77h0IN{~DrN<$5d`WIVD%CKDt72(QUxjoiZlwS!WBDB;Sd0-0ZD<Z=wMO>
YnXKf}A*2XYBdFle0kjls@=6A40I9Vwp#T5?

literal 0
HcmV?d00001

diff --git a/img/3.gif b/img/3.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ee2563fff186a2f71fea971ca39b6eb8093310d6
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
y3|1#7gV77hQ1ueg2vh<pW(A4}0(A+fIsru%Idn3qf)pz_GzzFf6$ddgSOWlefFuk6

literal 0
HcmV?d00001

diff --git a/img/30.gif b/img/30.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75c27f5126814ccec249d43a54508d14bd82360e
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1ueg2vh<pW(A4}0(A+fIsru%Idn3qf)pz_GzzF96ti#yfJ{~d>00E{
aA*2d28K|8Jq()G|0c0sqWRc5C25SJMSTHpJ

literal 0
HcmV?d00001

diff --git a/img/31.gif b/img/31.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3797c8b9e80053d988e47fd29d2c0045920f28f0
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1ueg2vh<pW(A4}0(A+fIsru%Idn3qf)pz_GzzG~6$3>AfNGe)x)!-K
XFfcL!)hqzpH3eoVP-KzIN(O5H%_K3u

literal 0
HcmV?d00001

diff --git a/img/32.gif b/img/32.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b64649d08e36452a31c6fca487937f116405fea8
GIT binary patch
literal 179
zcmZ?wbhEHb<Yf?I_{hir1pmPR$WZ*r0u*3k&;f~p<QbS+L^uK$xpWGtda-Cg7+g~z
z3|1#7gV77hQ1ueg2vh<pW(A4}0(A+fIsru%Idn3qf)pz_GzzG~6*EE9FaZ^Vtmt4;
Z1)03SrBO%`EaK1sv=k_^$YmviH2}oyF{J<i

literal 0
HcmV?d00001

diff --git a/img/4.gif b/img/4.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0545fa3f2f5da4fa9a8db41fe20cd658c455e252
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
s3|1#7gV77hQ1zO^Aplm)H3gze(W?ch*r9=e5u{iNYz{<m5F>*%0Gzoc0ssI2

literal 0
HcmV?d00001

diff --git a/img/5.gif b/img/5.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1c772e6c3b997b25e8984dc26b44f5053fa42241
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
z3|1#7gV77hQ1ueg5L9sJ6k_$7!XXIMC7{YB0#pnXQ3NSgaOhxCg(?nWWUvMRVPYe5

literal 0
HcmV?d00001

diff --git a/img/6.gif b/img/6.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e8b409339803a93dc2976d59867fb854e828fc8c
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
x3|1#7gV77hQ1uew5Lf_I%<3hg5dhRBpz0(7RP4~nqzY230AfHD2Qe~O0|0TgBjNx6

literal 0
HcmV?d00001

diff --git a/img/7.gif b/img/7.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cdf7330f175bb2195f24856bdc91ed70bda7ed0e
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
p3|1#7gV77hPz5s_I)y+|f*@UtULs({Oo~v&3=lOgok5HY)&Qp-C1d~q

literal 0
HcmV?d00001

diff --git a/img/8.gif b/img/8.gif
new file mode 100644
index 0000000000000000000000000000000000000000..19f55152cf53aa5f7dc4feda56e773dc2935106f
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
z3|1#7gV77hQ1uew2v7hjX7v)$5CrNHP<0XkDt72(QUxhiaA*`zg(?nWWUvMRUfv^V

literal 0
HcmV?d00001

diff --git a/img/9.gif b/img/9.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7fed873815711e8e3e330630eb7aca61144cbb96
GIT binary patch
literal 136
zcmZ?wbhEHb<YnMt_{hir1pmPR$WZ*r0u*3k&;f~p<QbSEMK}T%xpWGtda-Cg7+g~z
v3|1#7gV77hQ1xoj5L5svW(6^Tx&&CgL_mr=1XMwal^hxbRH2H47#XYqe6b`X

literal 0
HcmV?d00001

diff --git a/subnets.html b/subnets.html
new file mode 100644
index 0000000..8305daf
--- /dev/null
+++ b/subnets.html
@@ -0,0 +1,585 @@
+<html>
+<head>
+<title>Visual Subnet Calculator</title>
+<script language="javascript" type="text/javascript">
+<!--
+
+var curNetwork = 0;
+var curMask = 0;
+
+function updateNetwork()
+{
+  var newNetworkStr = document.forms['calc'].elements['network'].value;
+  var newMask = parseInt(document.forms['calc'].elements['netbits'].value);
+
+  var newNetwork = inet_aton(newNetworkStr);
+
+  if (newNetwork === null) {
+    alert('Invalid network address entered');
+    return;
+  }
+
+  var tmpNetwork = network_address(newNetwork, newMask);
+  if (newNetwork != tmpNetwork) {
+    alert('The network address entered is not on a network boundary for this mask.\nIt has been changed to '+inet_ntoa(tmpNetwork)+'.');
+    newNetwork = tmpNetwork;
+    document.forms['calc'].elements['network'].value = inet_ntoa(tmpNetwork);
+  }
+
+  if (newMask < 0 || newMask > 32) {
+    alert('The network mask you have entered is invalid');
+    return;
+  }
+
+  if (curMask == 0) {
+    curMask = newMask;
+    curNetwork = newNetwork;
+    startOver();
+  }
+  else if (curMask != newMask && confirm('You are changing the base network from /'+curMask+' to /'+newMask+'. This will reset any changes you have made. Proceed?')) {
+    curMask = newMask;
+    curNetwork = newNetwork;
+
+    startOver();
+  }
+  else {
+    document.forms['calc'].elements['netbits'].value = curMask;
+    curNetwork = newNetwork;
+
+    recreateTables();
+  }
+}
+
+function startOver()
+{
+  rootSubnet = [0, 0, null];
+
+  recreateTables();
+}
+
+function recreateTables()
+{
+  var calcbody = document.getElementById('calcbody');
+  if (!calcbody) {
+    alert('Body not found');
+    return;
+  }
+
+  while (calcbody.hasChildNodes()) {
+    calcbody.removeChild(calcbody.firstChild);
+  }
+
+  updateNumChildren(rootSubnet);
+  updateDepthChildren(rootSubnet);
+
+  createRow(calcbody, rootSubnet, curNetwork, curMask, [curMask, rootSubnet[1], rootSubnet], rootSubnet[0]);
+
+  document.getElementById('joinHeader').colSpan = (rootSubnet[0] > 0 ? rootSubnet[0] : 1);
+  document.getElementById('col_join').span = (rootSubnet[0] > 0 ? rootSubnet[0] : 1);
+
+  /* Create the bookmark hyperlink */
+  var link = document.getElementById('saveLink');
+  if (link) {
+    link.href = 'subnets.html?network='+inet_ntoa(curNetwork)+'&mask='+curMask+'&division='+binToAscii(nodeToString(rootSubnet));
+  }
+}
+
+function nodeToString(node)
+{
+  if (node[2]) {
+    return '1'+nodeToString(node[2][0])+nodeToString(node[2][1]);
+  }
+  else {
+    return '0';
+  }
+}
+
+function binToAscii(str)
+{
+  var curOut = '';
+  var curBit = 0;
+  var curChar = 0;
+
+  for (var i=0; i<str.length; i++) {
+    if (str.charAt(i) == '1') {
+      curChar |= 1<<curBit;
+    }
+    curBit++;
+    if (curBit > 3) {
+      curOut += curChar.toString(16);
+      curChar = 0;
+      curBit = 0;
+    }
+  }
+  if (curBit > 0) {
+    curOut += curChar.toString(16);
+  }
+  return str.length+'.'+curOut;
+}
+
+function asciiToBin(str)
+{
+  var re = /([0-9]+)\.([0-9a-f]+)/;
+  var res = re.exec(str);
+  var len = res[1];
+  var encoded = res[2];
+  var out = '';
+  for (var i=0; i< res[1]; i++) {
+    var ch = parseInt(res[2].charAt(Math.floor(i/4)), 16);
+    var pos = i % 4;
+    out += (ch & (1<<pos) ? '1' : '0');
+  }
+  return out;
+}
+
+function createRow(calcbody, node, address, mask, labels, depth)
+{
+  if (node[2]) {
+    var newlabels = labels;
+    newlabels.push(mask+1);
+    newlabels.push(node[2][0][1]);
+    newlabels.push(node[2][0]);
+    createRow(calcbody, node[2][0], address, mask+1, newlabels, depth-1);
+
+    newlabels = new Array();
+    newlabels.push(mask+1);
+    newlabels.push(node[2][1][1]);
+    newlabels.push(node[2][1]);
+    createRow(calcbody, node[2][1], address+subnet_addresses(mask+1), mask+1, newlabels, depth-1);
+  }
+  else {
+    var newRow = document.createElement('TR');
+    calcbody.appendChild(newRow);
+
+    /* subnet address */
+    var newCell = document.createElement('TD');
+    newCell.appendChild(document.createTextNode(inet_ntoa(address)+'/'+mask));
+    newRow.appendChild(newCell);
+
+    var addressFirst = address;
+    var addressLast = subnet_last_address(address, mask);
+    var useableFirst = address + 1;
+    var useableLast = addressLast - 1;
+    var numHosts;
+    var addressRange;
+    var usaebleRange;
+
+    if (mask == 32) {
+      addressRange = inet_ntoa(addressFirst);
+      useableRange = addressRange;
+      numHosts = 1;
+    }
+    else {
+      addressRange = inet_ntoa(addressFirst)+' - '+inet_ntoa(addressLast);
+      if (mask == 31) {
+	useableRange = addressRange;
+	numHosts = 2;
+      }
+      else {
+	useableRange = inet_ntoa(useableFirst)+' - '+inet_ntoa(useableLast);
+	numHosts = (1 + useableLast - useableFirst);
+      }
+    }
+
+    /* netmask */
+    var newCell = document.createElement('TD');
+    newCell.appendChild(document.createTextNode(inet_ntoa(subnet_netmask(mask))));
+    newRow.appendChild(newCell);
+
+    /* range of addresses */
+    var newCell = document.createElement('TD');
+    newCell.appendChild(document.createTextNode(addressRange));
+    newRow.appendChild(newCell);
+
+    /* useable addresses */
+    var newCell = document.createElement('TD');
+    newCell.appendChild(document.createTextNode(useableRange));
+    newRow.appendChild(newCell);
+
+    /* Hosts */
+    var newCell = document.createElement('TD');
+    newCell.appendChild(document.createTextNode(numHosts));
+    newRow.appendChild(newCell);
+
+    /* actions */
+
+    var newCell = document.createElement('TD');
+    newRow.appendChild(newCell);
+
+    if (mask == 32) {
+      var newLink = document.createElement('SPAN');
+      newLink.className = 'disabledAction';
+      newLink.appendChild(document.createTextNode('Divide'));
+      newCell.appendChild(newLink);
+    }
+    else {
+      var newLink = document.createElement('A');
+      newLink.href = '#';
+      newLink.onclick = function () { divide(node); return false; }
+      newLink.appendChild(document.createTextNode('Divide'));
+      newCell.appendChild(newLink);
+    }
+
+    var colspan = depth - node[0];
+
+    for (var i=(labels.length/3)-1; i>=0; i--) {
+      var mask = labels[i*3];
+      var rowspan = labels[(i*3)+1];
+      var joinnode = labels[(i*3)+2];
+
+      var newCell = document.createElement('TD');
+      newCell.rowSpan = (rowspan > 1 ? rowspan : 1);
+      newCell.colSpan = (colspan > 1 ? colspan : 1);
+
+      if (i == (labels.length/3)-1) {
+	newCell.className = 'maskSpan';
+      }
+      else {
+	newCell.className = 'maskSpanJoinable';
+	newCell.onclick = newJoin(joinnode);
+	//	newCell.onmouseover = function() { window.status = joinnode[0]+'---'+joinnode[1]+'---'+joinnode[2]+'>>>>>'+node[2];}
+      }
+
+      var newImg = document.createElement('IMG');
+      newImg.src = 'img/'+mask+'.gif';
+      newCell.appendChild(newImg);
+      newRow.appendChild(newCell);
+
+      colspan = 1; // reset for subsequent cells
+    }
+  }
+
+}
+
+/* This is necessary because 'joinnode' changes during the scope of the caller */
+function newJoin(joinnode)
+{
+  return function() { join(joinnode) };
+}
+
+function divide(node)
+{
+  node[2] = new Array();
+  node[2][0] = [0, 0, null];
+  node[2][1] = [0, 0, null];
+  recreateTables();
+}
+
+function join(node)
+{
+  /* easy as pie */
+  node[2] = null;
+  recreateTables();
+}
+
+function updateNumChildren(node)
+{
+  if (node[2] == null) {
+    node[1] = 0;
+    return 1;
+  }
+  else {
+    node[1] = updateNumChildren(node[2][0]) + updateNumChildren(node[2][1]);
+    return node[1];
+  }
+}
+
+function updateDepthChildren(node)
+{
+  if (node[2] == null) {
+    node[0] = 0;
+    return 1;
+  }
+  else {
+    node[0] = updateDepthChildren(node[2][0]) + updateDepthChildren(node[2][1]);
+    return node[1];
+  }
+}
+
+
+var rootSubnet;
+
+// each node is Array:
+// [0] => depth of children, total number of visible children, children
+
+
+function inet_ntoa(addrint)
+{
+  return ((addrint >> 24) & 0xff)+'.'+
+    ((addrint >> 16) & 0xff)+'.'+
+    ((addrint >> 8) & 0xff)+'.'+
+    (addrint & 0xff);
+}
+
+function inet_aton(addrstr)
+{
+  var re = /^([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})$/;
+  var res = re.exec(addrstr);
+
+  if (res === null) {
+    return null;
+  }
+
+  for (var i=1; i<=4; i++) {
+    if (res[i] < 0 || res[i] > 255) {
+      return null;
+    }
+  }
+
+  return (res[1] << 24) | (res[2] << 16) | (res[3] << 8) | res[4];
+}
+
+function network_address(ip, mask)
+{
+  var maskbits = 0;
+  for (var i=31-mask; i>=0; i--) {
+    ip &= ~ 1<<i;
+  }
+  return ip;
+}
+
+function subnet_addresses(mask)
+{
+  return 1<<(32-mask);
+}
+
+function subnet_last_address(subnet, mask)
+{
+  return subnet + subnet_addresses(mask) - 1;
+}
+
+function subnet_netmask(mask)
+{
+  return network_address(0xffffffff, mask);
+}
+
+
+function preloadSubnetImages()
+{
+  if (document.images) {
+    if (!document.preloadedImages) {
+      document.preloadedImages = new Array();
+    }
+
+    for (var i=0; i<=32; i++) {
+      var img = new Image();
+      img.src = 'img/'+i+'.gif';
+      document.preloadedImages.push(img);
+    }
+  }
+}
+
+
+function calcOnLoad()
+{
+  preloadSubnetImages();
+  args = parseQueryString();
+  if (args['network'] && args['mask'] && args['division']) {
+    document.forms['calc'].elements['network'].value = args['network'];
+    document.forms['calc'].elements['netbits'].value = args['mask'];
+    updateNetwork();
+    var division = asciiToBin(args['division']);
+    rootSubnet = [0, 0, null];
+    if (division != '0') {
+      loadNode(rootSubnet, division);
+    }
+    recreateTables();
+  }
+  else {
+    updateNetwork();
+  }
+}
+
+function loadNode(curNode, division)
+{
+  if (division.charAt(0) == '0') {
+    return division.substr(1);
+  }
+  else {
+    curNode[2] = new Array();
+    curNode[2][0] = [0, 0, null];
+    curNode[2][1] = [0, 0, null];
+
+    division = loadNode(curNode[2][0], division.substr(1));
+    division = loadNode(curNode[2][1], division);
+    return division;
+  }
+}
+
+
+function parseQueryString (str)
+{
+  str = str ? str : location.search;
+  var query = str.charAt(0) == '?' ? str.substring(1) : str;
+  var args = new Object();
+  if (query) {
+    var fields = query.split('&');
+    for (var f = 0; f < fields.length; f++) {
+      var field = fields[f].split('=');
+      args[unescape(field[0].replace(/\+/g, ' '))] = 
+	unescape(field[1].replace(/\+/g, ' '));
+    }
+  }
+  return args;
+}
+
+window.onload = calcOnLoad;
+
+function toggleColumn(cb)
+{
+  var colName = 'col_'+(cb.id.substr(3));
+  var col = document.getElementById(colName);
+
+  if (cb.checked) {
+    col.style.display = 'block';
+  }
+  else {
+    col.style.display = 'none';
+  }
+  recreateTables(); /* because IE draws lines all over the place with border-collapse */
+}
+
+//-->
+</script>
+
+<style type="text/css">
+
+H1		{
+  font-family: Arial, Verdana, sans-serif;
+  font-size: 18pt;
+}
+
+BODY		{
+  font-family: Arial, Verdana, sans-serif;
+}
+
+P		{
+  font-family: Arial, Verdana, sans-serif;
+  font-size: 75%;
+}
+
+
+.label		{
+  font-family: Arial, Verdana, sans-serif;
+  font-size: 60%;
+}
+
+.calc {
+  font-family: Arial, Verdana, sans-serif;
+  font-size: 80%;
+  border-collapse: collapse; 
+}
+.calc td {
+ border: 1px solid black;
+}
+
+.calc thead {
+  font-weight: bold;
+  background-color: #eeeeee;
+}
+
+.disabledAction {
+ color: #dddddd;
+}
+
+.maskSpan {
+  background-color: #cccccc;
+  text-align: right;
+}
+.maskSpanJoinable {
+  background-color: #cccccc;
+  text-align: right;
+ cursor: hand;
+}
+
+.maskSpanRotate {
+ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ background-color:green;
+}
+
+</style>
+</head>
+<body>
+
+<table width="100%">
+<tr valign=top>
+<td>
+
+<h1>Visual Subnet Calculator</h1>
+
+<p>Enter the network you wish to subnet:</p>
+
+<form name="calc" onsubmit="updateNetwork(); return false;">
+
+<table cellspacing="0">
+<tr>
+<td class="label">Network Address</td>
+<td class="label">Mask bits</td>
+</tr>
+<tr>
+<td><input type="text" name="network" size="15" maxlength="15" value="192.168.0.0"></td>
+<td>/<input type="text" name="netbits" size="2" maxlength="2" value="16"></td>
+<td><input type="submit" value="Update">
+<input type="button" value="Reset" onclick="if (confirm('This will reset all subnet divisions you have made. Proceed?')) startOver();">
+</td>
+</tr>
+</table>
+
+<p>Show columns: 
+<input type="checkbox" id="cb_subnet" checked onclick="toggleColumn(this)"><label for="cb_subnet">Subnet address</label>
+<input type="checkbox" id="cb_netmask" onclick="toggleColumn(this)"><label for="cb_netmask">Netmask</label>
+<input type="checkbox" id="cb_range" checked onclick="toggleColumn(this)"><label for="cb_range">Range of addresses</label>
+<input type="checkbox" id="cb_useable" checked onclick="toggleColumn(this)"><label for="cb_useable">Useable IPs</label>
+<input type="checkbox" id="cb_hosts" checked onclick="toggleColumn(this)"><label for="cb_hosts">Hosts</label>
+<input type="checkbox" id="cb_divide" checked onclick="toggleColumn(this)"><label for="cb_divide">Divide</label>
+<input type="checkbox" id="cb_join" checked onclick="toggleColumn(this)"><label for="cb_join">Join</label>
+</p>
+</form>
+
+<p>Click below to split and join subnets.<br>
+If you wish to save this subnetting for later, bookmark <a href="subnets.html" id="saveLink">this hyperlink</a>.</p>
+
+</td>
+<td align="right">
+<a href="http://www.sargasso.net/"><img src="http://noc.us.sargasso.net/neteng.gif" width="162" height="64" alt="Sargasso Networks" border="0"></a>
+</td>
+</tr>
+</table>
+
+<br>
+<hr noshade color="black" size="1">
+<br>
+
+<table class="calc" cellspacing="0" cellpadding="2">
+<colgroup>
+<col id="col_subnet">
+<col id="col_netmask" style="display: none">
+<col id="col_range">
+<col id="col_useable">
+<col id="col_hosts">
+<col id="col_divide">
+<col id="col_join">
+</colgroup>
+<thead>
+<tr>
+<td>Subnet address</td>
+<td>Netmask</td>
+<td>Range of addresses</td>
+<td>Useable IPs</td>
+<td>Hosts</td>
+<td>Divide</td>
+<td id="joinHeader">Join</td>
+</tr>
+</thead>
+<tbody id="calcbody">
+<!--tr>
+<td>130.94.203.0/24</td>
+<td>130.94.203.0 - 130.94.203.255</td>
+<td>130.94.203.1 - 130.94.203.254 (254)</td>
+<td>Divide</td>
+</tr-->
+</tbody>
+</table>
+
+</body>
+</html>