From 8ff281ddb66919570f34bc961f986a8fb66eeb24 Mon Sep 17 00:00:00 2001 From: Jason Costomiris Date: Fri, 6 Jul 2018 13:28:34 -0400 Subject: [PATCH 1/5] Initial Push after fork. * Change from GIF to PNG (unencumbered image formats are better) * Modularized - Moved CSS and JS to their own files --- README.md | 2 +- subnets.html => funcs.js | 171 +++------------------------------------ img/0.gif | Bin 136 -> 0 bytes img/0.png | Bin 0 -> 315 bytes img/1.gif | Bin 136 -> 0 bytes img/1.png | Bin 0 -> 313 bytes img/10.gif | Bin 179 -> 0 bytes img/10.png | Bin 0 -> 335 bytes img/11.gif | Bin 179 -> 0 bytes img/11.png | Bin 0 -> 315 bytes img/12.gif | Bin 179 -> 0 bytes img/12.png | Bin 0 -> 334 bytes img/13.gif | Bin 179 -> 0 bytes img/13.png | Bin 0 -> 333 bytes img/14.gif | Bin 179 -> 0 bytes img/14.png | Bin 0 -> 331 bytes img/15.gif | Bin 179 -> 0 bytes img/15.png | Bin 0 -> 336 bytes img/16.gif | Bin 179 -> 0 bytes img/16.png | Bin 0 -> 335 bytes img/17.gif | Bin 179 -> 0 bytes img/17.png | Bin 0 -> 333 bytes img/18.gif | Bin 179 -> 0 bytes img/18.png | Bin 0 -> 334 bytes img/19.gif | Bin 179 -> 0 bytes img/19.png | Bin 0 -> 336 bytes img/2.gif | Bin 136 -> 0 bytes img/2.png | Bin 0 -> 319 bytes img/20.gif | Bin 179 -> 0 bytes img/20.png | Bin 0 -> 339 bytes img/21.gif | Bin 179 -> 0 bytes img/21.png | Bin 0 -> 338 bytes img/22.gif | Bin 179 -> 0 bytes img/22.png | Bin 0 -> 320 bytes img/23.gif | Bin 179 -> 0 bytes img/23.png | Bin 0 -> 338 bytes img/24.gif | Bin 179 -> 0 bytes img/24.png | Bin 0 -> 340 bytes img/25.gif | Bin 179 -> 0 bytes img/25.png | Bin 0 -> 340 bytes img/26.gif | Bin 179 -> 0 bytes img/26.png | Bin 0 -> 341 bytes img/27.gif | Bin 179 -> 0 bytes img/27.png | Bin 0 -> 337 bytes img/28.gif | Bin 179 -> 0 bytes img/28.png | Bin 0 -> 339 bytes img/29.gif | Bin 179 -> 0 bytes img/29.png | Bin 0 -> 338 bytes img/3.gif | Bin 136 -> 0 bytes img/3.png | Bin 0 -> 314 bytes img/30.gif | Bin 179 -> 0 bytes img/30.png | Bin 0 -> 333 bytes img/31.gif | Bin 179 -> 0 bytes img/31.png | Bin 0 -> 334 bytes img/32.gif | Bin 179 -> 0 bytes img/32.png | Bin 0 -> 331 bytes img/4.gif | Bin 136 -> 0 bytes img/4.png | Bin 0 -> 316 bytes img/5.gif | Bin 136 -> 0 bytes img/5.png | Bin 0 -> 317 bytes img/6.gif | Bin 136 -> 0 bytes img/6.png | Bin 0 -> 317 bytes img/7.gif | Bin 136 -> 0 bytes img/7.png | Bin 0 -> 316 bytes img/8.gif | Bin 136 -> 0 bytes img/8.png | Bin 0 -> 315 bytes img/9.gif | Bin 136 -> 0 bytes img/9.png | Bin 0 -> 318 bytes index.html | 91 +++++++++++++++++++++ styles.css | 52 ++++++++++++ 70 files changed, 156 insertions(+), 160 deletions(-) rename subnets.html => funcs.js (70%) delete mode 100644 img/0.gif create mode 100644 img/0.png delete mode 100644 img/1.gif create mode 100644 img/1.png delete mode 100644 img/10.gif create mode 100644 img/10.png delete mode 100644 img/11.gif create mode 100644 img/11.png delete mode 100644 img/12.gif create mode 100644 img/12.png delete mode 100644 img/13.gif create mode 100644 img/13.png delete mode 100644 img/14.gif create mode 100644 img/14.png delete mode 100644 img/15.gif create mode 100644 img/15.png delete mode 100644 img/16.gif create mode 100644 img/16.png delete mode 100644 img/17.gif create mode 100644 img/17.png delete mode 100644 img/18.gif create mode 100644 img/18.png delete mode 100644 img/19.gif create mode 100644 img/19.png delete mode 100644 img/2.gif create mode 100644 img/2.png delete mode 100644 img/20.gif create mode 100644 img/20.png delete mode 100644 img/21.gif create mode 100644 img/21.png delete mode 100644 img/22.gif create mode 100644 img/22.png delete mode 100644 img/23.gif create mode 100644 img/23.png delete mode 100644 img/24.gif create mode 100644 img/24.png delete mode 100644 img/25.gif create mode 100644 img/25.png delete mode 100644 img/26.gif create mode 100644 img/26.png delete mode 100644 img/27.gif create mode 100644 img/27.png delete mode 100644 img/28.gif create mode 100644 img/28.png delete mode 100644 img/29.gif create mode 100644 img/29.png delete mode 100644 img/3.gif create mode 100644 img/3.png delete mode 100644 img/30.gif create mode 100644 img/30.png delete mode 100644 img/31.gif create mode 100644 img/31.png delete mode 100644 img/32.gif create mode 100644 img/32.png delete mode 100644 img/4.gif create mode 100644 img/4.png delete mode 100644 img/5.gif create mode 100644 img/5.png delete mode 100644 img/6.gif create mode 100644 img/6.png delete mode 100644 img/7.gif create mode 100644 img/7.png delete mode 100644 img/8.gif create mode 100644 img/8.png delete mode 100644 img/9.gif create mode 100644 img/9.png create mode 100644 index.html create mode 100644 styles.css diff --git a/README.md b/README.md index a17716b..f288334 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # subnets -Visual subnet calculator as seen at http://www.davidc.net/sites/default/subnets/subnets.html +Forked copy of a Visual subnet calculator. Original seen at http://www.davidc.net/sites/default/subnets/subnets.html diff --git a/subnets.html b/funcs.js similarity index 70% rename from subnets.html rename to funcs.js index 8305daf..482d2b6 100644 --- a/subnets.html +++ b/funcs.js @@ -1,7 +1,3 @@ - - -Visual Subnet Calculator - - - - - - - - - - - -
- -

Visual Subnet Calculator

- -

Enter the network you wish to subnet:

- -
- - - - - - - - - - - -
Network AddressMask bits
/ - -
- -

Show columns: - - - - - - - -

-
- -

Click below to split and join subnets.
-If you wish to save this subnetting for later, bookmark this hyperlink.

- -		 -Sargasso Networks -
- -
-
-
- - --------- - - - - - - - - - - - - - - -
Subnet addressNetmaskRange of addressesUseable IPsHostsDivideJoin
- - - diff --git a/img/0.gif b/img/0.gif deleted file mode 100644 index 1f22eef27e8e0a203136245d0da5cb1da01af1d9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHb^h>0H5e31^@s6 diff --git a/img/0.png b/img/0.png new file mode 100644 index 0000000000000000000000000000000000000000..aeefdf9bddfd48c350c9046a9e73300cf4855f4d GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp@K+MCz0wjg^{RauKq&xaLGB9lH=l+w(3gjy!dj$D1 zFjT2AFf_Ckr_Wm>bfjssS zPhVH|OI)G?(ws#zD~hF`x5}oHCC!{r~4{<_*T+ElRxq+Qr`kjZ-agjVMV; zEJ?LWE=mPb3`Pcq7Pkr_Wm>bfjssS zPhVH|OI)G?(ws#zD~G{q}$V9a){(O0QWfmpU+?<;Z5r zU-@G}hNxOdIjd&gi<48+m#?0zv8~Et literal 0 HcmV?d00001 diff --git a/img/10.gif b/img/10.gif deleted file mode 100644 index add0da68a3596def63fba8340892cd30e4425c65..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4R(Z#}J9jwG#q`7z|mQ4d2y2{j%7a_u|_5M*1$6XA;@A z3-*21_;ed|}NnLR7+eVN>UO_QmvAUQh^kMk%6Iwu7SC(fmw*5ft8V=m5G_I zfr*uYf#1~U$tW6f^HVa@DuEgdjC2hRbd3x{jDQ-!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4SYB0AlfNC)FT)7*lfx*+&&t;ucLK6V{mRcA9 literal 0 HcmV?d00001 diff --git a/img/12.gif b/img/12.gif deleted file mode 100644 index aa0fbf892c53367510073f54b16147b81fea55dd..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4L6-`2lPs3fXxQ>93UK}+O; zE`jF(e-@e=`FPwHN{YEK)%d($db&f-uh*xfeqKuX`YZoNX-RI`^2t-Pr%Q3U$5!Zn z%CKOR3Dyw*dG*=>pbe@et`Q|Ei6yC4$wjF^iowXh&_dV1T-U%X#L&RX$k58vP}ji3 z%D}*V#?4|B4Y~O#nQ4_k4F*QKh6cJuh9O2k4dzxrHdsS`^_y=%4Gf;HelF{r5}E)2 CqGvq- literal 0 HcmV?d00001 diff --git a/img/13.gif b/img/13.gif deleted file mode 100644 index a330aede5aead8c645fbbdb15959821eee197ba5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e42OC7#SE^=o*;o8kmI`8dw<_TA7;Y8kkra z7>F+Tb_GR4ZhlH;S|w0}fswAEfv%BZh!IeOxfPHN){tNQ<{MB0gQu&X%Q~loCID_# BW|IH_ literal 0 HcmV?d00001 diff --git a/img/14.gif b/img/14.gif deleted file mode 100644 index 5061b3e7a386801c1db0935a7b4099acb6ed356e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e40I%U}a=vWoW2tU}9xp zpz$=P3q?b2eoAIqB~XKbk*=YEu90Dg5m1A<6_5?qkYD}g8&Cs-r>mdKI;Vst0P!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4hGLNN5mr zkzv}u_;K&Gs|y$WyFTGD^Ixy$uYAgd&R$!+Zq23Rs;}2AJbcM_&%RK*QrDJce38sr z@*(XKRy7QD&8m`4#`j`@cBq!PMwFx^mZVxG7o`Fz1|tJQ3ta}#<1B0r&&blZXa`RI%(<*@)42*OQ4RnnRLyUkL%&mZIu!j8VH{XC77(8A5T-G@y GGywohgJ;hG literal 0 HcmV?d00001 diff --git a/img/16.gif b/img/16.gif deleted file mode 100644 index ba52ac841d11fd1e83f9426727043144ca26680a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4R(Z#}J9jwG#sQ4j6Da9j*AUy}3Uxc+153+bTmk7Br@{ z@HYOx__6z3Xrkla^$JIsm&R0vc;LOWgau<-4*hcps|0E=Fw!+N&^0m)F#>8Zw*s=k8uF{(d;@A=@O1TaS?83{ F1OPo!XaxWO literal 0 HcmV?d00001 diff --git a/img/17.gif b/img/17.gif deleted file mode 100644 index 687e3a9de1afd4b80434470cedd652de0cf86454..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4r|zuGNgP1TA*6u8c~vxSdwa$T$Bo=7>o=IEp!dcbq&ly3=OP|jI0bTbq!3c z3=E{Xl-{Cf$jwj5OsfQHFfh_JG|)9N3^4*~Ft-A-!5Z?b-+*jj@O1TaS?83{1OSN? BW1j#3 literal 0 HcmV?d00001 diff --git a/img/18.gif b/img/18.gif deleted file mode 100644 index ea9122e45ddfb7e55da38a41264cee2fd6a783fe..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4oTbFs)@!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4Z0GwRG$FtP%UwdC`m~yNwrEYN(E93Mh1o!x(4RD24*3K23AH!Rz{|} z1}0Vp20^O+RVW&A^HVa@DuEgdjC2hRbd3x{jDQ-hWzR`-+&qzJYD@<);T3K F0RW7nXpaB@ literal 0 HcmV?d00001 diff --git a/img/2.gif b/img/2.gif deleted file mode 100644 index d33f5da1f55a06235f1b41f44a85d316c434b10b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(p;}6Xx0FQ+&x_!LnJQOp7Z2mP~c#8@cQ$A`fJ9GO>TNR%$y4v(^_H~ z-(9H;oFdBqYJ00z{E`m^xhp<-xb%fozRS3>F3#edn!)}5H5QE1b>w+3?v~328mU_1 z8c~vxSdwa$T$Bo=7>o=IEp!dcbq&ly3=OP|46TfebPY_b3=C?vp8AfWAvZrIGp!P+ m!N5q@&_LJ7FvJL`!Q2YS25ZQ#e)A2efx*+&&t;ucLK6V8t6pIM literal 0 HcmV?d00001 diff --git a/img/20.gif b/img/20.gif deleted file mode 100644 index d3942f6f293099e17f164af454e20b20fc07bbe1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHbl?>JZlZG%8 diff --git a/img/20.png b/img/20.png new file mode 100644 index 0000000000000000000000000000000000000000..ccfef9e2264933c9bf2c8f1ccac4574f70aa5c71 GIT binary patch literal 339 zcmeAS@N?(olHy`uVBq!ia0vp@KrF<;0wlGP=IjJgEa{HEjtmSN`?>!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4ytm& zMt}eRuhjDgQwxuwWNO^LETA>2C9V-ADTyViR>?)FK#IZ0z|cb1z+BhBEX2^j%E-vd z2*@?DGB7ayq_+!2LvDUbW?CgsgMpE*p@FWEVTch>gSi!u4c3rf{pK4`1B0ilpUXO@ GgeCyVab;Nm literal 0 HcmV?d00001 diff --git a/img/21.gif b/img/21.gif deleted file mode 100644 index e1aba590a1901b2a56e3f57ac32dea7132041c46..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4pQf)O*}TW2;Mr_LN^fTW(!r3D@J<^|!wLviVlOXVnirtcs1^ zSz&tr@!^MTFOO)5$Mn292((4D#5JNMC9x#cD!C{XNHG{07+UBWnClvtg%}!G85vm_ z8|oUESQ!{(9mxKUq9HdwB{QuOsKLNU*U&)M$S}kRsKML{$Odc3uYU6lsDZ)L)z4*} HQ$iB}77%Fo literal 0 HcmV?d00001 diff --git a/img/22.gif b/img/22.gif deleted file mode 100644 index 35aab945a3b70a52178817c2a9e2a86e1a201146..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4wQdt>>FrE;tw; zTE|fSYLCXLF7~gtou=vsRqQYesZ>#NUu9Enk`=BmlP)~tef{5uEXP~)B-y zEpd$~Nl7e8wMs5Z1yT$~28I^82Ijg3W+8?KRz?O^#-_RkCRPRpv#RFbMA49&pOTqY o3DjU2Gqdd>FVdQ&MBb@0MfZ#tpET3 literal 0 HcmV?d00001 diff --git a/img/23.gif b/img/23.gif deleted file mode 100644 index 59fe14088a2625faf2652f22e3a4b5adf8572f17..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4oX|44$+*U4N z^6FVsxAw94%ryoJ_eBRBWp?fSSkNMr?IqtT^!><++_w)-u{X>8*H0|l((<#@jPv>1 zrsSpmJ3W3dES|3;TC4fwInWl>64!{5l*E!$tK_0oAjM#0U}&LhV6JOm7Gh{%Wn^Gw z4CI!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4!C8<`)MX5lF!N|bSLf61t*T5{q(7?*b zz{C!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4KOY``isjcltSv2EJ~0Gnk7|i)L`h0wNvc(HQ7VvPFfuT-&^0jEH82Y?G_W!< zure{$H88O}I}`pq|>1_n=8 KKbLh*2~7YDY-jEO literal 0 HcmV?d00001 diff --git a/img/26.gif b/img/26.gif deleted file mode 100644 index 158b84e6f4c7272fe76e4ba23993f3e3e9b692f2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4B{c3~p7N4u*7^H~mS zo|tuy`CTI(wpHaiipqODJGeC9$-@pG%}-Y}uCB@}c+=mo^I!7ei=w|aJ@4dLbnf%L zXPf?fhTQy=%(P0N1_L8qLjzqS!w{fqBXcVt8>}I}`pq|>1_n=8 KKbLh*2~7Y{^l4@Q literal 0 HcmV?d00001 diff --git a/img/27.gif b/img/27.gif deleted file mode 100644 index 7d3440e514ab3846d3e6febde86fc3a998b71f61..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4A2wJWZqFS@$T?8lRK$Ls%%@9>*ExgCF`?7?Eg zLgO=W;)lg`-f7F~e`%-!TB2Iw8c~vxSdwa$T$Bo=7>o=IEp!dcbq&ly3=OP|46IBn zbq!3c3=G2M|7=0gkei>9nN|tZU|^(cXrOCk7y?vnWNrmygEiz=zxf8#z~JfX=d#Wz Gp$Pz$!e^=g literal 0 HcmV?d00001 diff --git a/img/28.gif b/img/28.gif deleted file mode 100644 index 2f72826b760130556580f4d17952ef10e23791ba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e45{L2LeZWsjv*44r%v?bJ7B=U%=q!YzBT*w4NH1M^dyccOwn*r zWSXihV(t4!;S?YDtj)ZoH4Au@{oS>ao7}XgwyH-bzv8XZ<#_z(bZeY!?WxzohVH5J zf9I{JIn~cC9?hdK>2dvnGSC{;64!{5l*E!$tK_0oAjM#0U}&LhV6JOm7Gh{%Wn^Gw zYOHHuVr5`pe{^vQiiX_$l+3hBpaugYT|)z1Bf}7&Y9n(iLqmv$lRVFzfEpM)UHx3v IIVCg!0CyN*#sB~S literal 0 HcmV?d00001 diff --git a/img/29.gif b/img/29.gif deleted file mode 100644 index c37713693571bdeb2ea0834d1774fc11e41283a7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb YnXKf}A*2XYBdFle0kjls@=6A40I9Vwp#T5? diff --git a/img/29.png b/img/29.png new file mode 100644 index 0000000000000000000000000000000000000000..27f165d0a428b81eef393610c090d0a673431c82 GIT binary patch literal 338 zcmeAS@N?(olHy`uVBq!ia0vp@KrF<;0wlGP=IjJgEa{HEjtmSN`?>!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e45{L2LQ$SBjv*44dnb7FH8^lMbAS97evI|nCqu2-MthuQZERo_ zXbTnF?o+cc$66=jo!OO-PFntY?Nt zNAq@xCVQcIi}vb@?@Cbuc|o>>l&Da7#dg^8CaPD z*(O#72B*8)%TYAs=BH$)RRT2_80i`s=o%S@096~ATNxTcG@Rsl?gZ4p;OXk;vd$@? F2>^`;XZrvE literal 0 HcmV?d00001 diff --git a/img/3.gif b/img/3.gif deleted file mode 100644 index ee2563fff186a2f71fea971ca39b6eb8093310d6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMIeEG`hDcnlJ%5mo!GMMN!nObZi_34E5hzxyRCH}*a@n#d zZ*@&Zzoh)C-JM3}U7L2vOuovnXmRgMqh9^rhW7tFcQ6#Y%W|G_+PWQRnrew_L`h0w zNvc(HQ7VvPFfuT-&^0jEH82Y?G_W!00E{ aA*2d28K|8Jq()G|0c0sqWRc5C25SJMSTHpJ diff --git a/img/30.png b/img/30.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2acd185f7e415318e454fa6228787345d4b4ae GIT binary patch literal 333 zcmeAS@N?(olHy`uVBq!ia0vp@KrF<;0wlGP=IjJgEa{HEjtmSN`?>!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e45{L2LZO~6jv*44TPHXQ9Z=w4=6w8rzYo8zuQ2;**Ew?!XlVrq zw%*|SD%U4pvYpHR#O5ZE{En$|Y18!rGG;8Eyy)Xe+coX-Jk#GVyzt3C>AU**)z6N{ zvLEJ_oS-i%Jf|xTXn|^pYeY#(Vo9o1a#1RfVlXl=w9qv$*EKK;F*L9;GPE)<(ls!# zGBB{4aJCCYLvDUbW?Cgs15kybfv%BZh!IeOxs{AfNGe)x)!-K XFfcL!)hqzpH3eoVP-KzIN(O5H%_K3u diff --git a/img/31.png b/img/31.png new file mode 100644 index 0000000000000000000000000000000000000000..aa8fc562b59fbc28d7dffdfe4b6a4f423e709185 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0vp@KrF<;0wlGP=IjJgEa{HEjtmSN`?>!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e45{L2LSddRjv*44TPGY8WKiT_Zru2PS~36A2@SLQ4YU)cx8Zx2cx6MwFx^mZVxG7o`Fz1|tJQ3ta}#< z1B2h@pF!S6Xvob^$xN#RYA`U;H8jvQG7K>SYB0AlG=yk4$@AO^sDZ)L)z4*}Q$iB} D*v(|i literal 0 HcmV?d00001 diff --git a/img/32.gif b/img/32.gif deleted file mode 100644 index b64649d08e36452a31c6fca487937f116405fea8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 179 zcmZ?wbhEHb!lvI6-E$sR$z z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e45{L2LcyLcjv*44d;2~44j6DS8@~F#|Baj!mxZIQ_%y)`23`~8 z9PSUkUE)=z__#0KZL_);(Du40Y#oz}gZx}8srbI+!at`4WO!F!KWO02?%W!lTPJ-l zmP1E$`*oujpz*3Dt`Q|Ei6yC4$wjF^iowXh&_dV1T-U%X#L&RX$k56F$ThJtFqrjV y(h(F5x%nxXX_Y_?21dGu2D(OuAx1zA=2nJ=5Dh1Jo;v|GFnGH9xvX*%0Gzoc0ssI2 diff --git a/img/4.png b/img/4.png new file mode 100644 index 0000000000000000000000000000000000000000..2808bfb647428ce95b2c4155c963bc046480d93c GIT binary patch literal 316 zcmeAS@N?(olHy`uVBq!ia0vp@K+MCz0wjg^{RauKq&xaLGB9lH=l+w(3gjy!dj$D1 zFjT2AFf_Ckr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMxp=xbhDcnl?LWxJpupj@@azBmKJ8Im+xDFJrl!EkC2+BA z*Xl>j+e&5x>@|I|W8sXK&ngTe~DWM4fsexaE literal 0 HcmV?d00001 diff --git a/img/5.gif b/img/5.gif deleted file mode 100644 index 1c772e6c3b997b25e8984dc26b44f5053fa42241..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMxq7-dhDcnl?epYgFyLT1`s2U;<>uU2snf2L1sO#GS|+$Z zkd@7UlHJN#n(ruTuaRQ;{LW7AVn(I(mp|UOpOL>hWnoPQnC}Q!>*kff@{q kbPWx3jSNGKfEvuL3=JU~PVzi=0%~CJboFyt=akR{0MQLvQ~&?~ literal 0 HcmV?d00001 diff --git a/img/6.gif b/img/6.gif deleted file mode 100644 index e8b409339803a93dc2976d59867fb854e828fc8c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMxq7-dhDcnl?f2wkFyLT1_~XC+WoPl}%bqSe$q>jTqVPzl z)a^L;*{z3KsL;LqswJ)w zB`Jv|saDBFsX&Us$iUD-*T7uYz%0bjz{<$b%Gg-fz{JYHKrG|nT@($u`6-!cl|T&! lM!JRux<-Z}MnDbbR)&TU4JUb?I{`H?c)I$ztaD0e0st8TT-pEt literal 0 HcmV?d00001 diff --git a/img/7.gif b/img/7.gif deleted file mode 100644 index cdf7330f175bb2195f24856bdc91ed70bda7ed0e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMxp=xbhDcm4J?F{CpuoX=;M#}(`q!EDbZ&L4FfS9)aB$%+ zop-9c=8VLOdupfdyhy8=Z5g;enfcHAxclEO+mdKI;Vst0BpHm?f?J) literal 0 HcmV?d00001 diff --git a/img/8.gif b/img/8.gif deleted file mode 100644 index 19f55152cf53aa5f7dc4feda56e773dc2935106f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbkr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMIeWS|hDcnl?f2wkFyLTX`tg7KGWOjImOWjRrlgdyKr+$y zfu^XwNN!uxt2`%3^OC2#d{!*YZdg$*<-cEk()8DB{SR?!ZBgLeGjEzU&^Xl+*NBpo z#FA92kr_Wm>bfjssS zPhVH|OI)G?(%f^VOTGdMxp}%chDcnlJ?F{CpuoX=VA_xW`q!JeyV>+4+_^ + + + + Visual Subnet Calculator 2.0 + + + + + + + + + +
+ +

Visual Subnet Calculator

+ +

Enter the network you wish to subnet:

+ +
+ + + + + + + + + + + +
Network AddressMask bits
/ + +
+ +

Show columns: + + + + + + + +

+
+ +

Click below to split and join subnets.
+If you wish to save this subnetting for later, bookmark this hyperlink.

+ +		 +Sargasso Networks +
+ +
+
+
+ + +++++++++ + + + + + + + + + + + + + + +
Subnet addressNetmaskRange of addressesUseable IPsHostsDivideJoin
+ + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..88e64e2 --- /dev/null +++ b/styles.css @@ -0,0 +1,52 @@ +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; +} + From 0354c4fbc82b161d34472116b041cdd6456d8318 Mon Sep 17 00:00:00 2001 From: Jason Costomiris Date: Fri, 6 Jul 2018 15:48:29 -0400 Subject: [PATCH 2/5] Updates, Optimizations. * Got rid of table at top of page, changed for
* Intro Google Fonts * Lato for most * Source Code Pro for addresses * Overall beautify --- .gitignore | 46 ++++++++++++++++++++ index.html | 123 +++++++++++++++++++++++------------------------------ styles.css | 94 +++++++++++++++++++++++++++++++++------- 3 files changed, 177 insertions(+), 86 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..461eb85 --- /dev/null +++ b/.gitignore @@ -0,0 +1,46 @@ +# Windows image file caches +Thumbs.db +ehthumbs.db + +# Folder config file +Desktop.ini + +# Recycle Bin used on file shares +$RECYCLE.BIN/ + +# Windows Installer files +*.cab +*.msi +*.msm +*.msp + +# Windows shortcuts +*.lnk + +# ========================= +# Operating System Files +# ========================= + +# OSX +# ========================= + +.DS_Store +.AppleDouble +.LSOverride + +# Thumbnails +._* + +# Files that might appear on external disk +.Spotlight-V100 +.Trashes + +# Directories potentially created on remote AFP share +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk + +# Jupyter Notebook Checkpoints +.ipynb_checkpoints diff --git a/index.html b/index.html index 95930c0..d639396 100644 --- a/index.html +++ b/index.html @@ -1,90 +1,73 @@ - - Visual Subnet Calculator 2.0 - + + + Visual Subnet Calculator 2.0 + - - - - - -
-

Visual Subnet Calculator

Enter the network you wish to subnet:

- - - - - - - - - - - -
Network AddressMask bits
/ - -
- -

Show columns: - - - - - - - -

+
+
+
+
Network Address
+
/ Mask Bits
+
+
+
+
/
+
+ + +
+
+
+
-

Click below to split and join subnets.
+ + + +

Click below to split and join subnets.
If you wish to save this subnetting for later, bookmark this hyperlink.

-		 -Sargasso Networks -
- -
-
-
+
--------- - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + +
Subnet addressNetmaskRange of addressesUseable IPsHostsDivideJoin
Subnet addressNetmaskRange of addressesUseable IPsHostsDivideJoin
diff --git a/styles.css b/styles.css index 88e64e2..c1a25f0 100644 --- a/styles.css +++ b/styles.css @@ -1,34 +1,38 @@ h1 { - font-family: Arial, Verdana, sans-serif; + font-family: 'Lato', sans-serif; font-size: 18pt; } body { - font-family: Arial, Verdana, sans-serif; + font-family: 'Lato', sans-serif; } p { - font-family: Arial, Verdana, sans-serif; - font-size: 75%; + font-family: 'Lato', sans-serif; + font-size: 80%; } -.label { - font-family: Arial, Verdana, sans-serif; - font-size: 60%; +hr { + border-bottom: 1px solid #fff; + border-top: 1px solid #8c8b8b; + size: 1; } .calc { - font-family: Arial, Verdana, sans-serif; - font-size: 80%; - border-collapse: collapse; + border-collapse: collapse; + font-family: 'Source Code Pro', sans-serif; + font-size: 80%; } + .calc td { - border: 1px solid black; + border: 1px solid black; } .calc thead { - font-weight: bold; background-color: #eeeeee; + font-family: 'Lato', sans-serif; + font-size: 100%; + font-weight: bold; } .disabledAction { @@ -39,14 +43,72 @@ p { background-color: #cccccc; text-align: right; } + .maskSpanJoinable { background-color: #cccccc; + cursor: hand; text-align: right; - cursor: hand; } -.maskSpanRotate { - filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - background-color:green; +.rTable { + display: table; +} + +.rTableRow { + display: table-row; +} + +.rTableHeading { + background-color: #ddd; + display: table-header-group; +} + +.rTableCell { + display: table-cell; +} + +.rTableHead { + display: table-cell; + font-size: 80%; + font-weight: bold; +} + +.rTableCellButton { + display: table-cell; +} + +.rTableHeading { + background-color: #ddd; + display: table-header-group; + font-weight: bold; +} + +.rTableFoot { + background-color: #ddd; + display: table-footer-group; + font-weight: bold; +} + +.rTableBody { + display: table-row-group; +} + +input[type=button], input[type=submit], input[type=reset] { + border: none; + color: white; + cursor: pointer; + font-family: 'Lato', sans-serif; + font-weight: bold; + margin: 4px 2px; + padding: 8px 8px; + text-decoration: none; +} + +input[type=submit] { + background-color: green; +} + +input[type=button], input[type=reset] { + background-color: red; } From 1e0f71ee089f5e508f223d14d84bd6d789a317ff Mon Sep 17 00:00:00 2001 From: Jason Costomiris Date: Mon, 9 Jul 2018 21:19:14 -0400 Subject: [PATCH 3/5] Dumped Unused Function Signed-off-by: Jason Costomiris --- funcs.js | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/funcs.js b/funcs.js index 482d2b6..e01ec72 100644 --- a/funcs.js +++ b/funcs.js @@ -421,18 +421,4 @@ function parseQueryString (str) 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 */ -} - //--> From 7a83794c4562036041ba3fee1b5bfc4c3883161d Mon Sep 17 00:00:00 2001 From: Jason Costomiris Date: Tue, 10 Jul 2018 10:31:28 -0400 Subject: [PATCH 4/5] Cleanups --- funcs.js | 6 ------ index.html | 1 + 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/funcs.js b/funcs.js index e01ec72..4f8d5c5 100644 --- a/funcs.js +++ b/funcs.js @@ -1,5 +1,3 @@ - diff --git a/index.html b/index.html index d639396..9286f00 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ Visual Subnet Calculator 2.0 + From 0a5424f01df41a9c6882c9870174f963f82f6c2a Mon Sep 17 00:00:00 2001 From: Jason Costomiris Date: Tue, 10 Jul 2018 12:41:13 -0400 Subject: [PATCH 5/5] Styles Cleanup, added RFC 3021 note (/31 mask) --- index.html | 5 +++-- styles.css | 30 ++++++++++++++++++------------ 2 files changed, 21 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 9286f00..224e5ef 100644 --- a/index.html +++ b/index.html @@ -35,8 +35,9 @@ -

Click below to split and join subnets.
-If you wish to save this subnetting for later, bookmark this hyperlink.

+

Click below to split and join subnets.

+

If you wish to save this subnetting for later, bookmark this hyperlink.

+

Confused about the /31 netmask? Read RFC3021 to get some clarity.

diff --git a/styles.css b/styles.css index c1a25f0..288052d 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,6 @@ h1 { font-family: 'Lato', sans-serif; - font-size: 18pt; + font-size: 140%; } body { @@ -15,7 +15,6 @@ p { hr { border-bottom: 1px solid #fff; border-top: 1px solid #8c8b8b; - size: 1; } .calc { @@ -26,17 +25,18 @@ hr { .calc td { border: 1px solid black; + padding: 5px; } .calc thead { background-color: #eeeeee; font-family: 'Lato', sans-serif; - font-size: 100%; + font-size: 120%; font-weight: bold; } .disabledAction { - color: #dddddd; + color: red; } .maskSpan { @@ -94,14 +94,15 @@ hr { } input[type=button], input[type=submit], input[type=reset] { - border: none; - color: white; - cursor: pointer; - font-family: 'Lato', sans-serif; - font-weight: bold; - margin: 4px 2px; - padding: 8px 8px; - text-decoration: none; + border: none; + color: white; + cursor: pointer; + font-family: 'Lato', sans-serif; + font-size: 90%; + font-weight: bold; + margin: 4px 2px; + padding: 8px 8px; + text-decoration: none; } input[type=submit] { @@ -112,3 +113,8 @@ input[type=button], input[type=reset] { background-color: red; } +input[type=text] { + font-family: 'Source Code Pro', sans-serif; + font-size: 90%; +} +