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/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 67% rename from subnets.html rename to funcs.js index 8305daf..4f8d5c5 100644 --- a/subnets.html +++ b/funcs.js @@ -1,9 +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 1f22eef..0000000 Binary files a/img/0.gif and /dev/null differ diff --git a/img/0.png b/img/0.png new file mode 100644 index 0000000..aeefdf9 Binary files /dev/null and b/img/0.png differ diff --git a/img/1.gif b/img/1.gif deleted file mode 100644 index 2e0eed6..0000000 Binary files a/img/1.gif and /dev/null differ diff --git a/img/1.png b/img/1.png new file mode 100644 index 0000000..e431a09 Binary files /dev/null and b/img/1.png differ diff --git a/img/10.gif b/img/10.gif deleted file mode 100644 index add0da6..0000000 Binary files a/img/10.gif and /dev/null differ diff --git a/img/10.png b/img/10.png new file mode 100644 index 0000000..75723c6 Binary files /dev/null and b/img/10.png differ diff --git a/img/11.gif b/img/11.gif deleted file mode 100644 index 81474df..0000000 Binary files a/img/11.gif and /dev/null differ diff --git a/img/11.png b/img/11.png new file mode 100644 index 0000000..217a23b Binary files /dev/null and b/img/11.png differ diff --git a/img/12.gif b/img/12.gif deleted file mode 100644 index aa0fbf8..0000000 Binary files a/img/12.gif and /dev/null differ diff --git a/img/12.png b/img/12.png new file mode 100644 index 0000000..21dcf24 Binary files /dev/null and b/img/12.png differ diff --git a/img/13.gif b/img/13.gif deleted file mode 100644 index a330aed..0000000 Binary files a/img/13.gif and /dev/null differ diff --git a/img/13.png b/img/13.png new file mode 100644 index 0000000..19cb638 Binary files /dev/null and b/img/13.png differ diff --git a/img/14.gif b/img/14.gif deleted file mode 100644 index 5061b3e..0000000 Binary files a/img/14.gif and /dev/null differ diff --git a/img/14.png b/img/14.png new file mode 100644 index 0000000..cbe4e51 Binary files /dev/null and b/img/14.png differ diff --git a/img/15.gif b/img/15.gif deleted file mode 100644 index 5cf73b1..0000000 Binary files a/img/15.gif and /dev/null differ diff --git a/img/15.png b/img/15.png new file mode 100644 index 0000000..b2743b3 Binary files /dev/null and b/img/15.png differ diff --git a/img/16.gif b/img/16.gif deleted file mode 100644 index ba52ac8..0000000 Binary files a/img/16.gif and /dev/null differ diff --git a/img/16.png b/img/16.png new file mode 100644 index 0000000..368e4df Binary files /dev/null and b/img/16.png differ diff --git a/img/17.gif b/img/17.gif deleted file mode 100644 index 687e3a9..0000000 Binary files a/img/17.gif and /dev/null differ diff --git a/img/17.png b/img/17.png new file mode 100644 index 0000000..c8168fb Binary files /dev/null and b/img/17.png differ diff --git a/img/18.gif b/img/18.gif deleted file mode 100644 index ea9122e..0000000 Binary files a/img/18.gif and /dev/null differ diff --git a/img/18.png b/img/18.png new file mode 100644 index 0000000..8ec6290 Binary files /dev/null and b/img/18.png differ diff --git a/img/19.gif b/img/19.gif deleted file mode 100644 index a7f1782..0000000 Binary files a/img/19.gif and /dev/null differ diff --git a/img/19.png b/img/19.png new file mode 100644 index 0000000..24c6664 Binary files /dev/null and b/img/19.png differ diff --git a/img/2.gif b/img/2.gif deleted file mode 100644 index d33f5da..0000000 Binary files a/img/2.gif and /dev/null differ diff --git a/img/2.png b/img/2.png new file mode 100644 index 0000000..c48f07d Binary files /dev/null and b/img/2.png differ diff --git a/img/20.gif b/img/20.gif deleted file mode 100644 index d3942f6..0000000 Binary files a/img/20.gif and /dev/null differ diff --git a/img/20.png b/img/20.png new file mode 100644 index 0000000..ccfef9e Binary files /dev/null and b/img/20.png differ diff --git a/img/21.gif b/img/21.gif deleted file mode 100644 index e1aba59..0000000 Binary files a/img/21.gif and /dev/null differ diff --git a/img/21.png b/img/21.png new file mode 100644 index 0000000..b0dcbbc Binary files /dev/null and b/img/21.png differ diff --git a/img/22.gif b/img/22.gif deleted file mode 100644 index 35aab94..0000000 Binary files a/img/22.gif and /dev/null differ diff --git a/img/22.png b/img/22.png new file mode 100644 index 0000000..a5b4108 Binary files /dev/null and b/img/22.png differ diff --git a/img/23.gif b/img/23.gif deleted file mode 100644 index 59fe140..0000000 Binary files a/img/23.gif and /dev/null differ diff --git a/img/23.png b/img/23.png new file mode 100644 index 0000000..548550b Binary files /dev/null and b/img/23.png differ diff --git a/img/24.gif b/img/24.gif deleted file mode 100644 index 537691d..0000000 Binary files a/img/24.gif and /dev/null differ diff --git a/img/24.png b/img/24.png new file mode 100644 index 0000000..23b99e7 Binary files /dev/null and b/img/24.png differ diff --git a/img/25.gif b/img/25.gif deleted file mode 100644 index f3a8021..0000000 Binary files a/img/25.gif and /dev/null differ diff --git a/img/25.png b/img/25.png new file mode 100644 index 0000000..2d96daf Binary files /dev/null and b/img/25.png differ diff --git a/img/26.gif b/img/26.gif deleted file mode 100644 index 158b84e..0000000 Binary files a/img/26.gif and /dev/null differ diff --git a/img/26.png b/img/26.png new file mode 100644 index 0000000..5e48b4e Binary files /dev/null and b/img/26.png differ diff --git a/img/27.gif b/img/27.gif deleted file mode 100644 index 7d3440e..0000000 Binary files a/img/27.gif and /dev/null differ diff --git a/img/27.png b/img/27.png new file mode 100644 index 0000000..bf0d28e Binary files /dev/null and b/img/27.png differ diff --git a/img/28.gif b/img/28.gif deleted file mode 100644 index 2f72826..0000000 Binary files a/img/28.gif and /dev/null differ diff --git a/img/28.png b/img/28.png new file mode 100644 index 0000000..b1ab1dd Binary files /dev/null and b/img/28.png differ diff --git a/img/29.gif b/img/29.gif deleted file mode 100644 index c377136..0000000 Binary files a/img/29.gif and /dev/null differ diff --git a/img/29.png b/img/29.png new file mode 100644 index 0000000..27f165d Binary files /dev/null and b/img/29.png differ diff --git a/img/3.gif b/img/3.gif deleted file mode 100644 index ee2563f..0000000 Binary files a/img/3.gif and /dev/null differ diff --git a/img/3.png b/img/3.png new file mode 100644 index 0000000..a06121a Binary files /dev/null and b/img/3.png differ diff --git a/img/30.gif b/img/30.gif deleted file mode 100644 index 75c27f5..0000000 Binary files a/img/30.gif and /dev/null differ diff --git a/img/30.png b/img/30.png new file mode 100644 index 0000000..2c2acd1 Binary files /dev/null and b/img/30.png differ diff --git a/img/31.gif b/img/31.gif deleted file mode 100644 index 3797c8b..0000000 Binary files a/img/31.gif and /dev/null differ diff --git a/img/31.png b/img/31.png new file mode 100644 index 0000000..aa8fc56 Binary files /dev/null and b/img/31.png differ diff --git a/img/32.gif b/img/32.gif deleted file mode 100644 index b64649d..0000000 Binary files a/img/32.gif and /dev/null differ diff --git a/img/32.png b/img/32.png new file mode 100644 index 0000000..d8e3683 Binary files /dev/null and b/img/32.png differ diff --git a/img/4.gif b/img/4.gif deleted file mode 100644 index 0545fa3..0000000 Binary files a/img/4.gif and /dev/null differ diff --git a/img/4.png b/img/4.png new file mode 100644 index 0000000..2808bfb Binary files /dev/null and b/img/4.png differ diff --git a/img/5.gif b/img/5.gif deleted file mode 100644 index 1c772e6..0000000 Binary files a/img/5.gif and /dev/null differ diff --git a/img/5.png b/img/5.png new file mode 100644 index 0000000..06e40f9 Binary files /dev/null and b/img/5.png differ diff --git a/img/6.gif b/img/6.gif deleted file mode 100644 index e8b4093..0000000 Binary files a/img/6.gif and /dev/null differ diff --git a/img/6.png b/img/6.png new file mode 100644 index 0000000..c44a119 Binary files /dev/null and b/img/6.png differ diff --git a/img/7.gif b/img/7.gif deleted file mode 100644 index cdf7330..0000000 Binary files a/img/7.gif and /dev/null differ diff --git a/img/7.png b/img/7.png new file mode 100644 index 0000000..dc7161d Binary files /dev/null and b/img/7.png differ diff --git a/img/8.gif b/img/8.gif deleted file mode 100644 index 19f5515..0000000 Binary files a/img/8.gif and /dev/null differ diff --git a/img/8.png b/img/8.png new file mode 100644 index 0000000..e8b5c18 Binary files /dev/null and b/img/8.png differ diff --git a/img/9.gif b/img/9.gif deleted file mode 100644 index 7fed873..0000000 Binary files a/img/9.gif and /dev/null differ diff --git a/img/9.png b/img/9.png new file mode 100644 index 0000000..5e7cca0 Binary files /dev/null and b/img/9.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..224e5ef --- /dev/null +++ b/index.html @@ -0,0 +1,76 @@ + + + + + + Visual Subnet Calculator 2.0 + + + + + +

Visual Subnet Calculator

+ +

Enter the network you wish to subnet:

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

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.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
Subnet addressNetmaskRange of addressesUseable IPsHostsDivideJoin
+ + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..288052d --- /dev/null +++ b/styles.css @@ -0,0 +1,120 @@ +h1 { + font-family: 'Lato', sans-serif; + font-size: 140%; +} + +body { + font-family: 'Lato', sans-serif; +} + +p { + font-family: 'Lato', sans-serif; + font-size: 80%; +} + +hr { + border-bottom: 1px solid #fff; + border-top: 1px solid #8c8b8b; +} + +.calc { + border-collapse: collapse; + font-family: 'Source Code Pro', sans-serif; + font-size: 80%; +} + +.calc td { + border: 1px solid black; + padding: 5px; +} + +.calc thead { + background-color: #eeeeee; + font-family: 'Lato', sans-serif; + font-size: 120%; + font-weight: bold; +} + +.disabledAction { + color: red; +} + +.maskSpan { + background-color: #cccccc; + text-align: right; +} + +.maskSpanJoinable { + background-color: #cccccc; + cursor: hand; + text-align: right; +} + +.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-size: 90%; + 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; +} + +input[type=text] { + font-family: 'Source Code Pro', sans-serif; + font-size: 90%; +} +