From 5088bbe6003c85d77916f94a7cbb2cbfd340e02b Mon Sep 17 00:00:00 2001
From: Yehuda Katz <yehuda@ymkatz.net>
Date: Wed, 8 Dec 2021 00:13:30 -0500
Subject: [PATCH 1/3] Add IPv6 support

Split IPv4 and IPv6 calculations into different JS files to make them easier to understand.

IDE decided to format HTML code and I left it as-is.
---
 calculations.js   |   44 ++
 calculations_4.js |   60 +++
 calculations_6.js |   79 +++
 gennum.php        |    4 +-
 subnets.html      | 1200 +++++++++++++++++++++++----------------------
 5 files changed, 812 insertions(+), 575 deletions(-)
 create mode 100644 calculations.js
 create mode 100644 calculations_4.js
 create mode 100644 calculations_6.js

diff --git a/calculations.js b/calculations.js
new file mode 100644
index 0000000..29a0914
--- /dev/null
+++ b/calculations.js
@@ -0,0 +1,44 @@
+function inet_ntoa(mode, addrint) {
+    var fn = "inet_ntoa_" + mode;
+    return window[fn](addrint);
+}
+
+function inet_aton(mode, addrint) {
+    var fn = "inet_aton_" + mode;
+    return window[fn](addrint);
+}
+
+function network_address(mode, addrint) {
+    var fn = "network_address_" + mode;
+    return window[fn](addrint);
+}
+
+function subnet_addresses(mode, addrint) {
+    var fn = "subnet_addresses_" + mode;
+    return window[fn](addrint);
+}
+
+function subnet_first_address_useable(mode, addrint) {
+    var fn = "subnet_first_address_useable_" + mode;
+    return window[fn](addrint);
+}
+
+function subnet_last_address_useable(mode, addrint) {
+    var fn = "subnet_last_address_useable_" + mode;
+    return window[fn](addrint);
+}
+
+function subnet_last_address(mode, subnet, mask) {
+    var fn = "subnet_last_address_" + mode;
+    return window[fn](mode, subnet, mask);
+}
+
+function subnet_netmask(mode, addrint) {
+    var fn = "subnet_netmask_" + mode;
+    return window[fn](addrint);
+}
+
+function num_hosts(mode, useableFirst, useableLast) {
+    var fn = "num_hosts_" + mode;
+    return window[fn](useableFirst, useableLast);
+}
diff --git a/calculations_4.js b/calculations_4.js
new file mode 100644
index 0000000..c6d7f75
--- /dev/null
+++ b/calculations_4.js
@@ -0,0 +1,60 @@
+function inet_ntoa_4(addrint) {
+    return (
+        ((addrint >> 24) & 0xff) +
+        "." +
+        ((addrint >> 16) & 0xff) +
+        "." +
+        ((addrint >> 8) & 0xff) +
+        "." +
+        (addrint & 0xff)
+    );
+};
+
+function inet_aton_4(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_4(ip, mask) {
+    var maskbits = 0;
+    for (var i = 31 - mask; i >= 0; i--) {
+        ip &= ~1 << i;
+    }
+    return ip;
+}
+
+function subnet_addresses_4(mask) {
+    return 1 << (32 - mask);
+}
+
+function subnet_first_address_useable_4(addrint) {
+    return addrint + 1;
+}
+
+function subnet_last_address_useable_4(addrint) {
+    return addrint - 1;
+}
+
+function subnet_last_address_4(mode, subnet, mask) {
+    return subnet + subnet_addresses(mode, mask) - 1;
+}
+
+function subnet_netmask_4(mask) {
+    return network_address(4, 0xffffffff, mask);
+}
+
+function num_hosts_4(useableFirst, useableLast) {
+    return 1 + useableLast - useableFirst;
+}
diff --git a/calculations_6.js b/calculations_6.js
new file mode 100644
index 0000000..c8ee8bd
--- /dev/null
+++ b/calculations_6.js
@@ -0,0 +1,79 @@
+function inet_ntoa_6(addrint) {
+    return "" +
+        ((addrint >> 112n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 96n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 80n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 64n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 48n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 32n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        ((addrint >> 16n) & BigInt(0xffff)).toString(16) +
+        ":" +
+        (addrint & BigInt(0xffff)).toString(16);
+}
+
+function inet_aton_6(addrstr) {
+    var re =
+        /^([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})\:([0-9a-f]{1,4})$/;
+    var res = re.exec(addrstr);
+
+    if (res === null) {
+        return null;
+    }
+
+    for (var i = 1; i <= 8; i++) {
+        if (res[i] < 0 || res[i] > 0xffff) {
+            return null;
+        }
+    }
+
+    var r1 = BigInt(parseInt(res[1], 16)) << 112n;
+    var r2 = BigInt(parseInt(res[2], 16)) << 96n;
+    var r3 = BigInt(parseInt(res[3], 16)) << 80n;
+    var r4 = BigInt(parseInt(res[4], 16)) << 64n;
+    var r5 = BigInt(parseInt(res[5], 16)) << 48n;
+    var r6 = BigInt(parseInt(res[6], 16)) << 32n;
+    var r7 = BigInt(parseInt(res[7], 16)) << 16n;
+    var r8 = BigInt(parseInt(res[8], 16));
+
+    var rt = r1 | r2 | r3 | r4 | r5 | r6 | r7 | r8;
+
+    return rt;
+}
+
+function network_address_6(ip, mask) {
+    var maskbits = 0;
+    for (var i = 128 - mask; i >= 0; i--) {
+        ip &= ~1 << i;
+    }
+    return ip;
+}
+
+function subnet_addresses_6(mask) {
+    return 1n << (128n - BigInt(mask));
+}
+
+function subnet_first_address_useable_6(addrint) {
+    return addrint + 1n;
+}
+
+function subnet_last_address_useable_6(addrint) {
+    return addrint - 1n;
+}
+
+function subnet_last_address_6(mode, subnet, mask) {
+    return subnet + subnet_addresses(mode, mask) - 1n;
+}
+
+function subnet_netmask_6(mask) {
+    return undefined;
+}
+
+function num_hosts_6(useableFirst, useableLast) {
+    return 1n + useableLast - useableFirst;
+}
diff --git a/gennum.php b/gennum.php
index 249d3bb..8e40931 100644
--- a/gennum.php
+++ b/gennum.php
@@ -1,5 +1,5 @@
-<?
-for ($i=0;$i<=32; $i++) {
+<?php
+for ($i=0;$i<=128; $i++) {
 
 $str = '/'.$i;
 $font = 2;
diff --git a/subnets.html b/subnets.html
index c24a7be..e0fc19b 100644
--- a/subnets.html
+++ b/subnets.html
@@ -1,585 +1,639 @@
 <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;
+  <head>
+    <title>Visual Subnet Calculator</title>
+    <script src="calculations_4.js"></script>
+    <script src="calculations_6.js"></script>
+    <script src="calculations.js"></script>
+
+    <script language="javascript" type="text/javascript">
+      var curNetwork = 0;
+      var curMask = 0;
+
+      var curVersion = 4;
+
+      function updateNetwork() {
+        var newNetworkStr = document.forms["calc"].elements["network"].value;
+        var newMask = parseInt(
+          document.forms["calc"].elements["netbits"].value
+        );
+        var newVersion = parseInt(
+          document.forms["calc"].elements["version"].value
+        );
+
+        var newNetwork = inet_aton(newVersion, newNetworkStr);
+
+        if (newNetwork === null) {
+          alert("Invalid network address entered");
+          return;
+        }
+
+        var tmpNetwork = network_address(newVersion, 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(newVersion, tmpNetwork) +
+              "."
+          );
+          newNetwork = tmpNetwork;
+          document.forms["calc"].elements["network"].value = inet_ntoa(
+            newVersion,
+            tmpNetwork
+          );
+        }
+
+        if ((newVersion == 4 && (newMask < 0 || newMask > 32)) || (newVersion == 6 && (newMask < 0 || newMask > 128))) {
+          alert("The network mask you have entered is invalid");
+          return;
+        }
+
+        if (curMask == 0) {
+          curMask = newMask;
+          curNetwork = newNetwork;
+          curVersion = newVersion;
+          startOver();
+        } else if (
+          (curMask != newMask || curVersion != newVersion) &&
+          confirm(
+            "You are changing the base network from /" +
+              curMask + "(v" + curVersion +
+              ") to /" +
+              newMask + "(v" + newVersion +
+              "). This will reset any changes you have made. Proceed?"
+          )
+        ) {
+          curMask = newMask;
+          curNetwork = newNetwork;
+          curVersion = newVersion;
+
+          startOver();
+        } else {
+          document.forms["calc"].elements["netbits"].value = curMask;
+          curNetwork = newNetwork;
+
+          recreateTables();
+        }
       }
-      else {
-	useableRange = inet_ntoa(useableFirst)+' - '+inet_ntoa(useableLast);
-	numHosts = (1 + useableLast - useableFirst);
+
+      function startOver() {
+        rootSubnet = [0, 0, null];
+
+        recreateTables();
       }
-    }
-
-    /* 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';
+
+      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?version=" +
+            curVersion +
+            "&network=" +
+            inet_ntoa(curVersion, curNetwork) +
+            "&mask=" +
+            curMask +
+            "&division=" +
+            binToAscii(nodeToString(rootSubnet));
+        }
       }
-      else {
-	newCell.className = 'maskSpanJoinable';
-	newCell.onclick = newJoin(joinnode);
-	//	newCell.onmouseover = function() { window.status = joinnode[0]+'---'+joinnode[1]+'---'+joinnode[2]+'>>>>>'+node[2];}
+
+      function nodeToString(node) {
+        if (node[2]) {
+          return "1" + nodeToString(node[2][0]) + nodeToString(node[2][1]);
+        } else {
+          return "0";
+        }
       }
 
-      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="https://github.com/davidc/subnets"><img alt="Fork me on GitHub" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png" style="right: 0;top: 0;position: absolute;" ></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>
+      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(curVersion, 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(curVersion, address) + "/" + mask)
+          );
+          newRow.appendChild(newCell);
+
+          var addressFirst = address;
+          var addressLast = subnet_last_address(curVersion, address, mask);
+          var useableFirst = subnet_first_address_useable(curVersion, address);
+          var useableLast = subnet_last_address_useable(curVersion, addressLast);
+          var numHosts;
+          var addressRange;
+          var usaebleRange;
+
+          if ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
+            addressRange = inet_ntoa(curVersion, addressFirst);
+            useableRange = addressRange;
+            numHosts = 1;
+          } else {
+            addressRange =
+              inet_ntoa(curVersion, addressFirst) +
+              " - " +
+              inet_ntoa(curVersion, addressLast);
+            if ( (curVersion == 4 && mask == 31) || (curVersion == 6 && mask == 127)) {
+              useableRange = addressRange;
+              numHosts = 2;
+            } else {
+              useableRange =
+                inet_ntoa(curVersion, useableFirst) +
+                " - " +
+                inet_ntoa(curVersion, useableLast);
+              numHosts = num_hosts(curVersion, useableFirst, useableLast);
+            }
+          }
+
+          /* netmask */
+          var newCell = document.createElement("TD");
+          var netmask = subnet_netmask(curVersion, mask);
+          if (netmask) {
+            newCell.appendChild(
+              document.createTextNode(inet_ntoa(curVersion, netmask))
+            );
+          }
+          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 ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
+            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 preloadSubnetImages() {
+        if (document.images) {
+          if (!document.preloadedImages) {
+            document.preloadedImages = new Array();
+          }
+
+          for (var i = 0; i <= 128; 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["version"].value = args["version"] || 4;
+          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">IPv4 / IPv6</td>
+                <td class="label">Network Address</td>
+                <td class="label">Mask bits</td>
+              </tr>
+              <tr>
+                <td>
+                  <input type="radio" name="version" value="4" checked />
+                  <input type="radio" name="version" value="6" />
+                </td>
+                <td>
+                  <input
+                    type="text"
+                    name="network"
+                    size="15"
+                    maxlength="45"
+                    value="192.168.0.0"
+                  />
+                </td>
+                <td>
+                  /<input
+                    type="text"
+                    name="netbits"
+                    size="3"
+                    maxlength="3"
+                    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="https://github.com/davidc/subnets"
+            ><img
+              alt="Fork me on GitHub"
+              src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png"
+              style="right: 0; top: 0; position: absolute"
+          /></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>
+      </tbody>
+    </table>
+  </body>
 </html>

From 5a01d82b6fc6ff7379da67dcda23b2086345853c Mon Sep 17 00:00:00 2001
From: Yehuda Katz <ykatz@cs.umd.edu>
Date: Wed, 8 Dec 2021 00:18:03 -0500
Subject: [PATCH 2/3] Add new images for IPv6

---
 gennum.php  |   2 +-
 img/0.gif   | Bin 136 -> 64 bytes
 img/1.gif   | Bin 136 -> 63 bytes
 img/10.gif  | Bin 179 -> 72 bytes
 img/100.gif | Bin 0 -> 80 bytes
 img/101.gif | Bin 0 -> 80 bytes
 img/102.gif | Bin 0 -> 83 bytes
 img/103.gif | Bin 0 -> 81 bytes
 img/104.gif | Bin 0 -> 80 bytes
 img/105.gif | Bin 0 -> 83 bytes
 img/106.gif | Bin 0 -> 82 bytes
 img/107.gif | Bin 0 -> 81 bytes
 img/108.gif | Bin 0 -> 84 bytes
 img/109.gif | Bin 0 -> 81 bytes
 img/11.gif  | Bin 179 -> 72 bytes
 img/110.gif | Bin 0 -> 80 bytes
 img/111.gif | Bin 0 -> 81 bytes
 img/112.gif | Bin 0 -> 83 bytes
 img/113.gif | Bin 0 -> 83 bytes
 img/114.gif | Bin 0 -> 80 bytes
 img/115.gif | Bin 0 -> 84 bytes
 img/116.gif | Bin 0 -> 83 bytes
 img/117.gif | Bin 0 -> 80 bytes
 img/118.gif | Bin 0 -> 83 bytes
 img/119.gif | Bin 0 -> 81 bytes
 img/12.gif  | Bin 179 -> 74 bytes
 img/120.gif | Bin 0 -> 84 bytes
 img/121.gif | Bin 0 -> 84 bytes
 img/122.gif | Bin 0 -> 85 bytes
 img/123.gif | Bin 0 -> 84 bytes
 img/124.gif | Bin 0 -> 84 bytes
 img/125.gif | Bin 0 -> 84 bytes
 img/126.gif | Bin 0 -> 85 bytes
 img/127.gif | Bin 0 -> 83 bytes
 img/128.gif | Bin 0 -> 85 bytes
 img/13.gif  | Bin 179 -> 74 bytes
 img/14.gif  | Bin 179 -> 73 bytes
 img/15.gif  | Bin 179 -> 74 bytes
 img/16.gif  | Bin 179 -> 74 bytes
 img/17.gif  | Bin 179 -> 73 bytes
 img/18.gif  | Bin 179 -> 75 bytes
 img/19.gif  | Bin 179 -> 75 bytes
 img/2.gif   | Bin 136 -> 66 bytes
 img/20.gif  | Bin 179 -> 75 bytes
 img/21.gif  | Bin 179 -> 75 bytes
 img/22.gif  | Bin 179 -> 76 bytes
 img/23.gif  | Bin 179 -> 76 bytes
 img/24.gif  | Bin 179 -> 75 bytes
 img/25.gif  | Bin 179 -> 78 bytes
 img/26.gif  | Bin 179 -> 76 bytes
 img/27.gif  | Bin 179 -> 75 bytes
 img/28.gif  | Bin 179 -> 77 bytes
 img/29.gif  | Bin 179 -> 76 bytes
 img/3.gif   | Bin 136 -> 65 bytes
 img/30.gif  | Bin 179 -> 74 bytes
 img/31.gif  | Bin 179 -> 75 bytes
 img/32.gif  | Bin 179 -> 76 bytes
 img/33.gif  | Bin 0 -> 76 bytes
 img/34.gif  | Bin 0 -> 75 bytes
 img/35.gif  | Bin 0 -> 78 bytes
 img/36.gif  | Bin 0 -> 76 bytes
 img/37.gif  | Bin 0 -> 73 bytes
 img/38.gif  | Bin 0 -> 76 bytes
 img/39.gif  | Bin 0 -> 76 bytes
 img/4.gif   | Bin 136 -> 64 bytes
 img/40.gif  | Bin 0 -> 73 bytes
 img/41.gif  | Bin 0 -> 73 bytes
 img/42.gif  | Bin 0 -> 75 bytes
 img/43.gif  | Bin 0 -> 75 bytes
 img/44.gif  | Bin 0 -> 73 bytes
 img/45.gif  | Bin 0 -> 76 bytes
 img/46.gif  | Bin 0 -> 75 bytes
 img/47.gif  | Bin 0 -> 73 bytes
 img/48.gif  | Bin 0 -> 75 bytes
 img/49.gif  | Bin 0 -> 75 bytes
 img/5.gif   | Bin 136 -> 65 bytes
 img/50.gif  | Bin 0 -> 73 bytes
 img/51.gif  | Bin 0 -> 73 bytes
 img/52.gif  | Bin 0 -> 76 bytes
 img/53.gif  | Bin 0 -> 76 bytes
 img/54.gif  | Bin 0 -> 73 bytes
 img/55.gif  | Bin 0 -> 76 bytes
 img/56.gif  | Bin 0 -> 76 bytes
 img/57.gif  | Bin 0 -> 75 bytes
 img/58.gif  | Bin 0 -> 78 bytes
 img/59.gif  | Bin 0 -> 76 bytes
 img/6.gif   | Bin 136 -> 66 bytes
 img/60.gif  | Bin 0 -> 75 bytes
 img/61.gif  | Bin 0 -> 73 bytes
 img/62.gif  | Bin 0 -> 76 bytes
 img/63.gif  | Bin 0 -> 77 bytes
 img/64.gif  | Bin 0 -> 74 bytes
 img/65.gif  | Bin 0 -> 77 bytes
 img/66.gif  | Bin 0 -> 77 bytes
 img/67.gif  | Bin 0 -> 76 bytes
 img/68.gif  | Bin 0 -> 77 bytes
 img/69.gif  | Bin 0 -> 76 bytes
 img/7.gif   | Bin 136 -> 63 bytes
 img/70.gif  | Bin 0 -> 73 bytes
 img/71.gif  | Bin 0 -> 73 bytes
 img/72.gif  | Bin 0 -> 74 bytes
 img/73.gif  | Bin 0 -> 73 bytes
 img/74.gif  | Bin 0 -> 73 bytes
 img/75.gif  | Bin 0 -> 74 bytes
 img/76.gif  | Bin 0 -> 75 bytes
 img/77.gif  | Bin 0 -> 71 bytes
 img/78.gif  | Bin 0 -> 74 bytes
 img/79.gif  | Bin 0 -> 74 bytes
 img/8.gif   | Bin 136 -> 66 bytes
 img/80.gif  | Bin 0 -> 76 bytes
 img/81.gif  | Bin 0 -> 74 bytes
 img/82.gif  | Bin 0 -> 77 bytes
 img/83.gif  | Bin 0 -> 76 bytes
 img/84.gif  | Bin 0 -> 76 bytes
 img/85.gif  | Bin 0 -> 78 bytes
 img/86.gif  | Bin 0 -> 76 bytes
 img/87.gif  | Bin 0 -> 75 bytes
 img/88.gif  | Bin 0 -> 78 bytes
 img/89.gif  | Bin 0 -> 78 bytes
 img/9.gif   | Bin 136 -> 66 bytes
 img/90.gif  | Bin 0 -> 75 bytes
 img/91.gif  | Bin 0 -> 75 bytes
 img/92.gif  | Bin 0 -> 76 bytes
 img/93.gif  | Bin 0 -> 76 bytes
 img/94.gif  | Bin 0 -> 74 bytes
 img/95.gif  | Bin 0 -> 76 bytes
 img/96.gif  | Bin 0 -> 76 bytes
 img/97.gif  | Bin 0 -> 75 bytes
 img/98.gif  | Bin 0 -> 76 bytes
 img/99.gif  | Bin 0 -> 77 bytes
 130 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 img/100.gif
 create mode 100644 img/101.gif
 create mode 100644 img/102.gif
 create mode 100644 img/103.gif
 create mode 100644 img/104.gif
 create mode 100644 img/105.gif
 create mode 100644 img/106.gif
 create mode 100644 img/107.gif
 create mode 100644 img/108.gif
 create mode 100644 img/109.gif
 create mode 100644 img/110.gif
 create mode 100644 img/111.gif
 create mode 100644 img/112.gif
 create mode 100644 img/113.gif
 create mode 100644 img/114.gif
 create mode 100644 img/115.gif
 create mode 100644 img/116.gif
 create mode 100644 img/117.gif
 create mode 100644 img/118.gif
 create mode 100644 img/119.gif
 create mode 100644 img/120.gif
 create mode 100644 img/121.gif
 create mode 100644 img/122.gif
 create mode 100644 img/123.gif
 create mode 100644 img/124.gif
 create mode 100644 img/125.gif
 create mode 100644 img/126.gif
 create mode 100644 img/127.gif
 create mode 100644 img/128.gif
 create mode 100644 img/33.gif
 create mode 100644 img/34.gif
 create mode 100644 img/35.gif
 create mode 100644 img/36.gif
 create mode 100644 img/37.gif
 create mode 100644 img/38.gif
 create mode 100644 img/39.gif
 create mode 100644 img/40.gif
 create mode 100644 img/41.gif
 create mode 100644 img/42.gif
 create mode 100644 img/43.gif
 create mode 100644 img/44.gif
 create mode 100644 img/45.gif
 create mode 100644 img/46.gif
 create mode 100644 img/47.gif
 create mode 100644 img/48.gif
 create mode 100644 img/49.gif
 create mode 100644 img/50.gif
 create mode 100644 img/51.gif
 create mode 100644 img/52.gif
 create mode 100644 img/53.gif
 create mode 100644 img/54.gif
 create mode 100644 img/55.gif
 create mode 100644 img/56.gif
 create mode 100644 img/57.gif
 create mode 100644 img/58.gif
 create mode 100644 img/59.gif
 create mode 100644 img/60.gif
 create mode 100644 img/61.gif
 create mode 100644 img/62.gif
 create mode 100644 img/63.gif
 create mode 100644 img/64.gif
 create mode 100644 img/65.gif
 create mode 100644 img/66.gif
 create mode 100644 img/67.gif
 create mode 100644 img/68.gif
 create mode 100644 img/69.gif
 create mode 100644 img/70.gif
 create mode 100644 img/71.gif
 create mode 100644 img/72.gif
 create mode 100644 img/73.gif
 create mode 100644 img/74.gif
 create mode 100644 img/75.gif
 create mode 100644 img/76.gif
 create mode 100644 img/77.gif
 create mode 100644 img/78.gif
 create mode 100644 img/79.gif
 create mode 100644 img/80.gif
 create mode 100644 img/81.gif
 create mode 100644 img/82.gif
 create mode 100644 img/83.gif
 create mode 100644 img/84.gif
 create mode 100644 img/85.gif
 create mode 100644 img/86.gif
 create mode 100644 img/87.gif
 create mode 100644 img/88.gif
 create mode 100644 img/89.gif
 create mode 100644 img/90.gif
 create mode 100644 img/91.gif
 create mode 100644 img/92.gif
 create mode 100644 img/93.gif
 create mode 100644 img/94.gif
 create mode 100644 img/95.gif
 create mode 100644 img/96.gif
 create mode 100644 img/97.gif
 create mode 100644 img/98.gif
 create mode 100644 img/99.gif

diff --git a/gennum.php b/gennum.php
index 8e40931..b3996fc 100644
--- a/gennum.php
+++ b/gennum.php
@@ -20,4 +20,4 @@
 
 
 //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
index 1f22eef27e8e0a203136245d0da5cb1da01af1d9..056604d4004658addc0d0e0125649a0e4306dccf 100644
GIT binary patch
literal 64
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhylU6@v`K0aR{C2w8U+k;>1
PUY4HS(kL0sz+epk6_pbW

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

diff --git a/img/1.gif b/img/1.gif
index 2e0eed61100f83d35f08bcbd3ad247a60ca25614..efd2134f0c8192be8275bec6522341658a6fa50d 100644
GIT binary patch
literal 63
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhylT$om_K0aR{C2w8U!k$_C
On499#CZsVkSOWm@V-Y0)

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

diff --git a/img/10.gif b/img/10.gif
index add0da68a3596def63fba8340892cd30e4425c65..256bc5fb8590d44413ef4031cb7476cfe2744212 100644
GIT binary patch
literal 72
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy_U6@v`K0aR{C2w8U!k$_C
Xn499#COlIuJA1ru&a`=6j11NQx&9WB

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

diff --git a/img/100.gif b/img/100.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2f398b45ac34a7ca22968a01b22ee4d7d63be720
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
gn499#COlIuJA1ru&a`<3&!&B?e)?IBnU%pB0GN*(d;kCd

literal 0
HcmV?d00001

diff --git a/img/101.gif b/img/101.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1f090a11e2ab86ef30df53364a9cb150c89520e2
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
gn499#COlIuJA1ru&a`=XH`j$o?7yjI&&ps80Fq%Ey#N3J

literal 0
HcmV?d00001

diff --git a/img/102.gif b/img/102.gif
new file mode 100644
index 0000000000000000000000000000000000000000..84b7ff416a20e2a178a445abdf0dbe34f5804c64
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
jn499#COlIuJA1ru&a`<~!m3PS^LPAP$D60cz+epk=#Lx<

literal 0
HcmV?d00001

diff --git a/img/103.gif b/img/103.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75b451e7add25b9121d2d362c74c1a48db101b63
GIT binary patch
literal 81
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<T$om_K0aR{C2w8U!k$_C
hn499#COlIuJA1ru&a`=NtIuxPa<}AhLJ=c_H2}V$9RC0S

literal 0
HcmV?d00001

diff --git a/img/104.gif b/img/104.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f01a386256fbb184714fb3c6d91e2250c80925c0
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
gn499#COlIuJA1ru&a`<SmR(wx+wxJ>nU%pB0GxmuzW@LL

literal 0
HcmV?d00001

diff --git a/img/105.gif b/img/105.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f0b1dbeadc0b1a2b799d82b4f0589234ff70d292
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
jn499#COlIuJA1ru&a`>CFQ(l-efQ}q>CE|>3=Gx)`q3Sx

literal 0
HcmV?d00001

diff --git a/img/106.gif b/img/106.gif
new file mode 100644
index 0000000000000000000000000000000000000000..659e0cb0406b5dc65fba8d248dcdc6ad392ac479
GIT binary patch
literal 82
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<U6@v`K0aR{C2w8U!k$_C
in499#COlIuJA1ru&a`>)E2iE4buZN}-zt)U!5RS5n;cO9

literal 0
HcmV?d00001

diff --git a/img/107.gif b/img/107.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ab2f3e73b204a475621fc9a87ac9240f6d11f983
GIT binary patch
literal 81
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<T$om_K0aR{C2w8U!k$_C
hn499#COlIuJA1ru&a`>Y#4bMFe)C0cVmc#(H2}NZ9J>Gj

literal 0
HcmV?d00001

diff --git a/img/108.gif b/img/108.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5159e74ec89f3388ffa40ee0646bd421776cb086
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#COlIuJA1ru&a`>+o7cYoHf`71$AWK-MHv{Z0UL@QH~;_u

literal 0
HcmV?d00001

diff --git a/img/109.gif b/img/109.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9f4564f936fd2934641723ec640c79f5c5abe397
GIT binary patch
literal 81
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<T$om_K0aR{C2w8U!k$_C
hn499#COlIuJA1ru&a`=Xd#2^@&CTY!oX*H#4FIpw8)yIk

literal 0
HcmV?d00001

diff --git a/img/11.gif b/img/11.gif
index 81474df1d5c462bc55fc8880a2f9b8944f0af972..3c41b51bbcce326ddef7f84ead90dec56830be7a 100644
GIT binary patch
literal 72
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy_U6@v`K0aR{C2w8U!k$_C
Xn499#Ca7I6xh~$Ny>o5=BZD;nuwoUC

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

diff --git a/img/110.gif b/img/110.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f7d3902cd1561e903026a62b3c5c03bfea61705d
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
gn499#Ca7I6xh~$Ny>sq{-+Rlf7U`%lvocr%0D=M;WdHyG

literal 0
HcmV?d00001

diff --git a/img/111.gif b/img/111.gif
new file mode 100644
index 0000000000000000000000000000000000000000..637ab700b0063d63ab32a85f0e1acfe16ec9670f
GIT binary patch
literal 81
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<T$om_K0aR{C2w8U!k$_C
hn499#Ca7I6xh~$Ny>o7u%<}hFlQP0idowav0|1*-8fE|h

literal 0
HcmV?d00001

diff --git a/img/112.gif b/img/112.gif
new file mode 100644
index 0000000000000000000000000000000000000000..62e3dd3b4d00febca9229728d93f639cf392f9e3
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
in499#Ca7I6xh~$Ny>qTuSXE(6{*Jz7ym?v-4Aub0ZyE;x

literal 0
HcmV?d00001

diff --git a/img/113.gif b/img/113.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0e2f4f224601860827e1073a2e7a2f891d37677e
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
in499#Ca7I6xh~$Ny>o7)%;Nm6YqLY7`P8%-7_0%vEg7T$

literal 0
HcmV?d00001

diff --git a/img/114.gif b/img/114.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e394e2eab7a5c1add97ddc1f49efe76956da2fc5
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
fn499#Ca7I6xh~$Ny>qU?vSZ1fTT8U;SsAPWd%GDh

literal 0
HcmV?d00001

diff --git a/img/115.gif b/img/115.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cc6228475c308cb39a2eddef25ec93f1c19316b2
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#Ca7I6xh~$Ny>sqNk-nIiWfeUS+FqX)VPLQZ0PznTA^-pY

literal 0
HcmV?d00001

diff --git a/img/116.gif b/img/116.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3923a2d4a17b2a8be20a77672b0583aea0c5a2cb
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
jn499#Ca7I6xh~$Ny>o8l>S=~i&orx~Bj#%|FjxZs%sm=C

literal 0
HcmV?d00001

diff --git a/img/117.gif b/img/117.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ef0858dc16667816941ac308940395e7d9948cbd
GIT binary patch
literal 80
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy#U6@v`K0aR{C2w8U!k$_C
gn499#Ca7I6xh~$Ny>qV7ts|<l{rY;(vocr%0DxB-9smFU

literal 0
HcmV?d00001

diff --git a/img/118.gif b/img/118.gif
new file mode 100644
index 0000000000000000000000000000000000000000..261e298bb200bcbe1a7bfa85d9725e2de24a55c5
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
in499#Ca7I6xh~$Ny>sr&j-?qf_mcah{c5!s7_0%(_!_+c

literal 0
HcmV?d00001

diff --git a/img/119.gif b/img/119.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c0f764395d19f23bea4819787a0f7a8a336be4e8
GIT binary patch
literal 81
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhw<T$om_K0aR{C2w8U!k$_C
hn499#Ca7I6xh~$Ny>srhXZyZXR9lLk@?vDL1^}le8x{Zn

literal 0
HcmV?d00001

diff --git a/img/12.gif b/img/12.gif
index aa0fbf892c53367510073f54b16147b81fea55dd..21c6d7a3660a9bbb256c5372649239782f674afc 100644
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U!k$_C
an499#CZuhd8aHcI^zWkUS7)&@SOWm;U>G?7

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_$

diff --git a/img/120.gif b/img/120.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d3d3f4b4e0ee5efddad3b783f06692215668772b
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#CZuhd8aHcI^zWkUSLgNKFuiYgN<Pn9gn_{t01Fu$y8r+H

literal 0
HcmV?d00001

diff --git a/img/121.gif b/img/121.gif
new file mode 100644
index 0000000000000000000000000000000000000000..69e5211df952c522a87828e8ec222cab4b22783f
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#CZuhd8aHcI^zWkUSLdy=F^ktYmy#PS!oXk+00FEU_W%F@

literal 0
HcmV?d00001

diff --git a/img/122.gif b/img/122.gif
new file mode 100644
index 0000000000000000000000000000000000000000..529efa6b32aefe40383b97d6a61eb990e1e1cba9
GIT binary patch
literal 85
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxqT$om_K0aR{C2w8U!k$_C
mn499#CZuhd8aHcI^zWkUSLd<)URkvH@Sc6UZ;G%oSOWkxF&_v3

literal 0
HcmV?d00001

diff --git a/img/123.gif b/img/123.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2360e4a49f17d6d381f236b676ed255f479b77ba
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#CZuhd8aHcI^zWkUSLc1YTeEn#_tuV$q6`ey02ojnMF0Q*

literal 0
HcmV?d00001

diff --git a/img/124.gif b/img/124.gif
new file mode 100644
index 0000000000000000000000000000000000000000..afff8e4a10e82a3f858d83005bb30f19874a7c2b
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#CZuhd8aHcI^zWkUSLg9wTe-8Yy&}0;gn_{t01Iv%3IG5A

literal 0
HcmV?d00001

diff --git a/img/125.gif b/img/125.gif
new file mode 100644
index 0000000000000000000000000000000000000000..441afa08d07a3c99b69040835b31f236b18ed316
GIT binary patch
literal 84
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVU6@v`K0aR{C2w8U!k$_C
kn499#CZuhd8aHcI^zWkUSLYR36n)rZt`)m7m5ad|00?*->;M1&

literal 0
HcmV?d00001

diff --git a/img/126.gif b/img/126.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7db8091d1eecb44c840e7a7520aca9ce0a654012
GIT binary patch
literal 85
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxqT$om_K0aR{C2w8U!k$_C
mn499#CZuhd8aHcI^zWkUSLdzxVfsqv@UMFZt{Aa0SOWk%r5~UG

literal 0
HcmV?d00001

diff --git a/img/127.gif b/img/127.gif
new file mode 100644
index 0000000000000000000000000000000000000000..521517abff17a8ac39ca4f366a98f2004da76360
GIT binary patch
literal 83
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhyVT$om_K0aR{C2w8U!k$_C
jn499#CZuhd8aHcI^zWkUSLX@yWPj|vG9_P=fx#L8=Ug0B

literal 0
HcmV?d00001

diff --git a/img/128.gif b/img/128.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d1fec57997bb8bd9a31fde6aa6c9ddd18b5666a5
GIT binary patch
literal 85
zcmZ?wbhEHb<Ykax_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxqT$om_K0aR{C2w8U!k$_C
ln499#CZuhd8aHcI^zWkUSLbOoneN)Pd$E7v6F*i4YXB-B9rpkL

literal 0
HcmV?d00001

diff --git a/img/13.gif b/img/13.gif
index a330aede5aead8c645fbbdb15959821eee197ba5..41c4f1a90bc29d374dc1c5456ec4dbf87d2d1c2c 100644
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U!k$_C
Zn499#CZrYDW}TY4X16I{851jmH2~kG78?Kn

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

diff --git a/img/14.gif b/img/14.gif
index 5061b3e7a386801c1db0935a7b4099acb6ed356e..519236e7f239b969d3daa42907aafe3f888c4029 100644
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U!k$_C
Yn499#COm5`eYz#rSEKHE2m^yP0Md^Z=l}o!

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(

diff --git a/img/15.gif b/img/15.gif
index 5cf73b1d3ff00622ae84fd1db2c969c62b7dd1b3..06ca04df15f2ec18f830c8e2680c95e6c916b5ac 100644
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U!k$_C
Zn499#CZq{>Uf)%i5xs9d*JM@(YXINw7MlP7

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

diff --git a/img/16.gif b/img/16.gif
index ba52ac841d11fd1e83f9426727043144ca26680a..bf6db6c8e97862b521f414a634b92ee82158fa59 100644
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U!k$_C
Zn499#CZq|M-MO~q>C;VuYLi(RtO4kr7j*yt

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

diff --git a/img/17.gif b/img/17.gif
index 687e3a9de1afd4b80434470cedd652de0cf86454..21919cdd3899bc0f8bcf5d0837b1de1bfa9ee375 100644
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U!k$_C
Yn499#CM?_Pn)x&Lb?crfIid{K0Mv{Zga7~l

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

diff --git a/img/18.gif b/img/18.gif
index ea9122e45ddfb7e55da38a41264cee2fd6a783fe..1129667b011f27d26016dd22ee14b6390868cc9f 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U!k$_C
an499#CZs)1I2#rB=Gf7KDd*A{8LR;aWf-&o

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

diff --git a/img/19.gif b/img/19.gif
index a7f1782261c84f7910eec6dbf6852110c3445348..61997286fd4b1ad78b48820e2c1a5d290db0888c 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U!k$_C
an499#Ca8%g@<zqI*_KxzJkOhv!5RSP1{Jmd

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

diff --git a/img/2.gif b/img/2.gif
index d33f5da1f55a06235f1b41f44a85d316c434b10b..d7d56134a7b507b15414ff2ba815357b4659d3cd 100644
GIT binary patch
literal 66
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvU6@v`K0aR{C2w7pq8a~5
QkH#eDqU&E%y%`y-0UeYP?*IS*

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

diff --git a/img/20.gif b/img/20.gif
index d3942f6f293099e17f164af454e20b20fc07bbe1..6a860f3691acf8592fe25e2aae629c395b80e3ad 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w7pq8a~5
akH#eDqU&E%FK?W?lzV^L@l^qg4AubedKYj2

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

diff --git a/img/21.gif b/img/21.gif
index e1aba590a1901b2a56e3f57ac32dea7132041c46..14ddc0a3a146fd926dd28a950d3d0a960c498f93 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w7pq8a~5
akH#eDqU&E%@9y06f^m78+UfvC25SKC1{W9r

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

diff --git a/img/22.gif b/img/22.gif
index 35aab945a3b70a52178817c2a9e2a86e1a201146..94297587c700cab7363b983570a626bad4cc5ebb 100644
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w7pq8a~5
bkH#eDqU&E%V`nwxWE@+3Wz$+N5e91j1QQp)

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

diff --git a/img/23.gif b/img/23.gif
index 59fe14088a2625faf2652f22e3a4b5adf8572f17..235a69236358996a2e8ea243f5fc2a676e80bc24 100644
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w7pq8a~5
bkH#eDqU&E%Z%J-jI&)UR^PH?81_o;Y274E|

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

diff --git a/img/24.gif b/img/24.gif
index 537691d1bf1d6ce764c9f72097fd66493e26f692..3a593fdc748897a09b45cdb17623cb596a0d34f1 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w7pq8a~5
akH#eDqU&E%FHbC6{M+r#nw61^4Aubj2pACn

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*

diff --git a/img/25.gif b/img/25.gif
index f3a80219910c3a8cff5b60d9eefd31c6483aae11..e50232939e22aac067abc925874b5cb126f6cd77 100644
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w7pq8a~5
dkH#eDqU&E%qe_;jy;v6KvCGYRl_w*EH2^OC7q$QZ

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

diff --git a/img/26.gif b/img/26.gif
index 158b84e6f4c7272fe76e4ba23993f3e3e9b692f2..da891f5c80cc4c810f35f268fb93a8e35609e9fb 100644
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w7pq8a~5
bkH#eDqU&E%Z*80!W99Why<B3A7=twc0uUD=

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

diff --git a/img/27.gif b/img/27.gif
index 7d3440e514ab3846d3e6febde86fc3a998b71f61..d5346f4b037176a5fc590358b1fd30fd4dda7dab 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w7pq8a~5
akH#eDqU&E%Ur8)g`?~Xmb#68zgEau`W*092

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&$

diff --git a/img/28.gif b/img/28.gif
index 2f72826b760130556580f4d17952ef10e23791ba..795609d022656f46e2b94a17f0cbf4da7f0b7406 100644
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w7pq8a~5
ckH#eDqU&E%XKn5c%9{1zdzsD}CRPS(03dl7CIA2c

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

diff --git a/img/29.gif b/img/29.gif
index c37713693571bdeb2ea0834d1774fc11e41283a7..c19960ff03c51f56b8ff9251aa1af1af51a8919e 100644
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w7pq8a~5
bkH#eDqU&E%V>frkXYE^kM|Lfj2!k~M0pk})

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?

diff --git a/img/3.gif b/img/3.gif
index ee2563fff186a2f71fea971ca39b6eb8093310d6..94ac1e73a1fd450384b0c1f0c49185a263b757c0 100644
GIT binary patch
literal 65
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvT$om_K0aR{C2w8U@}7M2
PUy=&yL44D6SsAPW4Vn<W

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

diff --git a/img/30.gif b/img/30.gif
index 75c27f5126814ccec249d43a54508d14bd82360e..8b9b245754daaffdcfb061bb519eab7887a80eab 100644
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U@}7M2
ZUy=&yL44CP+sn5u=AM3cmJ=(3H2}`K6~6!g

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

diff --git a/img/31.gif b/img/31.gif
index 3797c8b9e80053d988e47fd29d2c0045920f28f0..5129d649b81e2b441f98e45bc6daf376c6a85a76 100644
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U@}7M2
aUy=&yL44Cn#h*;Q&bWBp)nx&U4AubXVHTSJ

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

diff --git a/img/32.gif b/img/32.gif
index b64649d08e36452a31c6fca487937f116405fea8..1341a88d806292abfdeed844e6754c972d7527c9 100644
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U@}7M2
bUy=&yL44Cn=N(`B_}HNoiH({83=Gx)2#gmx

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

diff --git a/img/33.gif b/img/33.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cd87227012f5e7dcfea5c1bb617e74402a79502e
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U@}7M2
bUy=&yL44C3=efrvpUe}=o>LOVz+epk^Su?P

literal 0
HcmV?d00001

diff --git a/img/34.gif b/img/34.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7fa027e0038a70cc9bf020fa47b4146416ad6ff8
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U@}7M2
aUy=&yL44CPGu)kKi_3nxwJd;<!5RSFAr*}P

literal 0
HcmV?d00001

diff --git a/img/35.gif b/img/35.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c505d62d2cab72d42c44a5db5758de7fadc83040
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w8U@}7M2
dUy=&yL44C3FEvh^^So<A`vErZWnPR7)&Mtv7!&{i

literal 0
HcmV?d00001

diff --git a/img/36.gif b/img/36.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0768276785cb9dcfa5e834873eb7962e81a399a8
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U@}7M2
bUy=&yL44C3kFTnei`+N+i&Vs1Q3h)O{k0al

literal 0
HcmV?d00001

diff --git a/img/37.gif b/img/37.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3bd69e8becd5a66d852fee6734ee700f81388930
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U@}7M2
YUy=&yL44DeraYdS#xYlOl^BCH0JqN-6aWAK

literal 0
HcmV?d00001

diff --git a/img/38.gif b/img/38.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a87580c0ff50ae5064832d9b805774716b264e35
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U@}7M2
bUy=&yL44C3*_$RU4d1soXHx-}2!k~M_7@fh

literal 0
HcmV?d00001

diff --git a/img/39.gif b/img/39.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0e3d5572b7d99c50a64d3176d5531229a8fa30cf
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U@}7M2
bUy=&yL44CndA;)DUal%E-=G=5z+epk^$Zo>

literal 0
HcmV?d00001

diff --git a/img/4.gif b/img/4.gif
index 0545fa3f2f5da4fa9a8db41fe20cd658c455e252..84ba107ae5a29edf47abe80973f4bbc288c99c9e 100644
GIT binary patch
literal 64
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhylU6@v`K0aR{C2w8U+lj%S
Pj@Mpvb4vOq!e9*m5+V~V

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

diff --git a/img/40.gif b/img/40.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5184d1554d29d4c47aed8064dbc18235f6793ce0
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U+lj%S
Yj@Mpvb4r>v^%?6nk?cH;5C#To0NO4VZ2$lO

literal 0
HcmV?d00001

diff --git a/img/41.gif b/img/41.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c020c31923c40cef531dbc9ef188164236f080f5
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U+lj%S
Yj@Mpvb4t1vtHwG>x_jP>U<L+j0M|YirvLx|

literal 0
HcmV?d00001

diff --git a/img/42.gif b/img/42.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b7c52c57cf797ea7fe65544f03b5ba725d2ed67f
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U+lj%S
aj@Mpvb4t2atG*~G@bNx3n??SN4AuY;eHab^

literal 0
HcmV?d00001

diff --git a/img/43.gif b/img/43.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f41ac6213b5b655c7bc8b71a8ac4731da06df0f9
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U+lj%S
aj@Mpvb4pqk`(Tw@UiO~p%?rI48LR;n&={xy

literal 0
HcmV?d00001

diff --git a/img/44.gif b/img/44.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6d0b1e3500e675004c6d9dde87d6e1746d38c96c
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U+lj%S
Yj@Mpvb4r?)o4LePVP#WB7z2Yf0N8F8h5!Hn

literal 0
HcmV?d00001

diff --git a/img/45.gif b/img/45.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6ad8c54d9f3b942b5195a2e29c596684a47da47d
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U+lj%S
bj@Mpvb4ps)8&M(|qFr|)a@UI>1_o;YBySjH

literal 0
HcmV?d00001

diff --git a/img/46.gif b/img/46.gif
new file mode 100644
index 0000000000000000000000000000000000000000..35d8bb929d5426a45059ce7f077ee2e525141db0
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U+lj%S
aj@Mpvb4pq^H6eM;#p;c^t#cz88LR;m(in;W

literal 0
HcmV?d00001

diff --git a/img/47.gif b/img/47.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bc19541e4f4fb218cdc1c8949dbfb01b782cfae1
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U+lj%S
Yj@Mpvb4qH9n^GaQux-n98&L*p0NWWC1poj5

literal 0
HcmV?d00001

diff --git a/img/48.gif b/img/48.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2f02296717e42973c43c302f353b8b854c71b81a
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U+lj%S
aj@Mpvb4prf8F5%DM7vFJ#k>qg25SHW;TIDC

literal 0
HcmV?d00001

diff --git a/img/49.gif b/img/49.gif
new file mode 100644
index 0000000000000000000000000000000000000000..99d7b373c2c851bf41abaf3a72da3d6c869e92d1
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U+lj%S
aj@Mpvb4t2q8X>$foO}Pm$VEPk4AuY$HWzCE

literal 0
HcmV?d00001

diff --git a/img/5.gif b/img/5.gif
index 1c772e6c3b997b25e8984dc26b44f5053fa42241..2609d85f7a98c80b2d568fb87cd2d77b16c9342d 100644
GIT binary patch
literal 65
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvT$om_K0aR{C2w8UavO^{
P=h`4;yF1ftSsAPW3V0C$

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

diff --git a/img/50.gif b/img/50.gif
new file mode 100644
index 0000000000000000000000000000000000000000..09ef368e428c5a4f7617d106de82f0b6496cd1d2
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8UavO^{
Y=h`4;yF1fTmw#)`d+nJ0ON7B10KD}UZU6uP

literal 0
HcmV?d00001

diff --git a/img/51.gif b/img/51.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a1aec288c5c5941e608ef1e39e83e7d9a96f147c
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8UavO^{
Y=h`4;yF1e|=Sv2uUr$TU5@oOk0In4jjQ{`u

literal 0
HcmV?d00001

diff --git a/img/52.gif b/img/52.gif
new file mode 100644
index 0000000000000000000000000000000000000000..40b6be18fb0061c274744806d7c596f9f79b8957
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UavO^{
b=h`4;yF1e|l_l0`TkqTW-87#|guxmB@4gkc

literal 0
HcmV?d00001

diff --git a/img/53.gif b/img/53.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ead88ccf0f85afaa66d5f5f2566a625120f63c79
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UavO^{
b=h`4;yF1e&l_j<<Ilk|Wlx6HJ5e91j_oNn-

literal 0
HcmV?d00001

diff --git a/img/54.gif b/img/54.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d771880212751bb8d06c4b31151e7102b6675672
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8UavO^{
Y=h`4;yF1fT=e){PDP5N~OO(MH0Je4&ga7~l

literal 0
HcmV?d00001

diff --git a/img/55.gif b/img/55.gif
new file mode 100644
index 0000000000000000000000000000000000000000..be47291d72a183672baad7fb93a2546d990d34c5
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UavO^{
b=h`4;yF1e&rNt*Le!lIV^u~l;A`I35`C1nY

literal 0
HcmV?d00001

diff --git a/img/56.gif b/img/56.gif
new file mode 100644
index 0000000000000000000000000000000000000000..55493e56de42e7ac19464a2769d2db69cacff73d
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UavO^{
b=h`4;yF1e&pZ};_!@ghHD=|Ncfx#L8{?`_f

literal 0
HcmV?d00001

diff --git a/img/57.gif b/img/57.gif
new file mode 100644
index 0000000000000000000000000000000000000000..78c6a50f81ae2e3914c38d65568a51b6ab0867b2
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8UavO^{
a=h`4;yF1gC-Z!m!b|c8+&nj<525SKBITup^

literal 0
HcmV?d00001

diff --git a/img/58.gif b/img/58.gif
new file mode 100644
index 0000000000000000000000000000000000000000..83aaf20d82064c3398d1bbb604ab9113fbd8fa4a
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w8UavO^{
d=h`4;yF1e&=NL|s`>|J-=e*9PrJjro)&M8y7g+!R

literal 0
HcmV?d00001

diff --git a/img/59.gif b/img/59.gif
new file mode 100644
index 0000000000000000000000000000000000000000..dc7f956b97b8250c9e7f56b26049bff239627bb4
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UavO^{
b=h`4;yF1e|eV;e#zC8BCA};-x2!k~M0+$!S

literal 0
HcmV?d00001

diff --git a/img/6.gif b/img/6.gif
index e8b409339803a93dc2976d59867fb854e828fc8c..6203e8096a60fa9dd07f949a40fb3c7af968aee7 100644
GIT binary patch
literal 66
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvU6@v`K0aR{C2w8U^P2&)
R{7nNbn#7-_dNDFs0{|<L5=j66

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

diff --git a/img/60.gif b/img/60.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fa034acfd7b0c78f09eb8312a3a80650ef3d03d6
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U^P2&)
a{7nNbn#7-_%3hE4kJ|O9Yo#|MgEav6m=`Dj

literal 0
HcmV?d00001

diff --git a/img/61.gif b/img/61.gif
new file mode 100644
index 0000000000000000000000000000000000000000..62d5d257d8c25a618cd00e22ea2e56ae253ee335
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U^P2&)
Y{7nNbn#7-_rtI8wmTmhiFL4HI0LwELWdHyG

literal 0
HcmV?d00001

diff --git a/img/62.gif b/img/62.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4a2de855627db6a59fac4979c0694c2068468cf5
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U^P2&)
b{7nNbn#7-_hRo{IdAYSv(`+r52!k~M4nP+5

literal 0
HcmV?d00001

diff --git a/img/63.gif b/img/63.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0213c5f44f83ab63df7ebda2087359e915e0890f
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8U^P2&)
c{7nNbn#7-_`p=ps&be*g6)C=DTC5D#03ePQ*#H0l

literal 0
HcmV?d00001

diff --git a/img/64.gif b/img/64.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c94c4f68d2df066d5442a9f16fc4d680e506caff
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U^P2&)
Z{7nNbn#7-_%3hng_IA#v)qboD)&S<E7k&T$

literal 0
HcmV?d00001

diff --git a/img/65.gif b/img/65.gif
new file mode 100644
index 0000000000000000000000000000000000000000..10e36e5d71ee958d834c1d540eac258d16419c81
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8U^P2&)
c{7nNbn#7-__HSAG?D;Z}n!SSQt63SW0XU@@82|tP

literal 0
HcmV?d00001

diff --git a/img/66.gif b/img/66.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e731509e003c94607a14d2f1edc0d6524772cbad
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8U^P2&)
c{7nNbn#7-_o^OjyifY=RevoaI5i5f=04UcNga7~l

literal 0
HcmV?d00001

diff --git a/img/67.gif b/img/67.gif
new file mode 100644
index 0000000000000000000000000000000000000000..509cacaa622afaa16692c72f1432ce14e406f506
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U^P2&)
b{7nNbn#7-_u994u^LXd;-wE0Q3=Gx)7~dE{

literal 0
HcmV?d00001

diff --git a/img/68.gif b/img/68.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c119d719abdeb7c3c1a713a17ad3b6781b56b4a7
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8U^P2&)
c{7nNbn#7-_^0#-UW_fK;U+=eCjg`R~03VDN_W%F@

literal 0
HcmV?d00001

diff --git a/img/69.gif b/img/69.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2ad7323c1bee8b3ec95c114f832b71fceab70086
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8U^P2&)
b{7nNbn#7-_E@|vc<Er|gUVeLx7=twc5x5uE

literal 0
HcmV?d00001

diff --git a/img/7.gif b/img/7.gif
index cdf7330f175bb2195f24856bdc91ed70bda7ed0e..d0320be4a813e8414ff8695dc6125588be72e658 100644
GIT binary patch
literal 63
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhylT$om_K0aR{C2w8U=cSt*
O@7VhNm>9*#U=0BKDH1jS

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

diff --git a/img/70.gif b/img/70.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b594822d7586c0e39c243a70b2f47d418206d39d
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U=cSt*
Y@7VhNn0Tvn#znWzb>T_NgBTdB0p<u7*Z=?k

literal 0
HcmV?d00001

diff --git a/img/71.gif b/img/71.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d7fecf2d678a7caa8506938cd6578d7fd79d26d8
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U=cSt*
Y@7VhNm>9LCb4tY)iB&VzgBcjC0p7wF9RL6T

literal 0
HcmV?d00001

diff --git a/img/72.gif b/img/72.gif
new file mode 100644
index 0000000000000000000000000000000000000000..afdb76662c88dce0ee35fe569b9cad2a1ef542f3
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U=cSt*
Z@7VhNm>4B8%frj{-ZQD(<SbSOYXI#H7VZE5

literal 0
HcmV?d00001

diff --git a/img/73.gif b/img/73.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1bd1a21f12c75facf2c50708acda64e857dbd450
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U=cSt*
Z@7VhNm^iCF?~2scRS)A9uM}ml1_0)S7;OLm

literal 0
HcmV?d00001

diff --git a/img/74.gif b/img/74.gif
new file mode 100644
index 0000000000000000000000000000000000000000..72cb7d64ff00419836de8c5feb5b353cf0e1dedd
GIT binary patch
literal 73
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfT$om_K0aR{C2w8U=cSt*
Z@7VhNn0TwTcH-5U$A7PS9>Tz24FK^r8FK&t

literal 0
HcmV?d00001

diff --git a/img/75.gif b/img/75.gif
new file mode 100644
index 0000000000000000000000000000000000000000..57bfbe99e2701891aae7b647aab1234d0f8011f8
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U=cSt*
a@7VhNm^dq4CZ%J|?AJ3_rKGVkSOWn0nixL-

literal 0
HcmV?d00001

diff --git a/img/76.gif b/img/76.gif
new file mode 100644
index 0000000000000000000000000000000000000000..13281278eb53dc8c00cfb8132f9673c55088b60f
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8U=cSt*
a@7VhNm>5-@5S`KyxBF1quX&z~4AuY-mKcfv

literal 0
HcmV?d00001

diff --git a/img/77.gif b/img/77.gif
new file mode 100644
index 0000000000000000000000000000000000000000..42f9e6e14e8fb4dd9a01d3152b2c2042fe9990aa
GIT binary patch
literal 71
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhy_T$om_K0aR{C2w8U=cSt*
W@7VhNm^jNdDe$H5;$`z#8LR=W0~VtI

literal 0
HcmV?d00001

diff --git a/img/78.gif b/img/78.gif
new file mode 100644
index 0000000000000000000000000000000000000000..46f8dcf769186cab0209ecf0213e08ac395884d6
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U=cSt*
Z@7VhNm>6X|Yp%;W!Kac*RYt4~)&TCH7Rmqs

literal 0
HcmV?d00001

diff --git a/img/79.gif b/img/79.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0bde2b2206e1bfcf7da1d244202f841ac17745ad
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8U=cSt*
a@7VhNm>6{>Vcy1db36AuP0V6tum%7FJQ)-K

literal 0
HcmV?d00001

diff --git a/img/8.gif b/img/8.gif
index 19f55152cf53aa5f7dc4feda56e773dc2935106f..1bf618124727d68343730007559c104f80436a44 100644
GIT binary patch
literal 66
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvU6@v`K0aR{C2w8UbH^Q(
R&b61=r%k_{>cz-l4FE7R69oVO

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

diff --git a/img/80.gif b/img/80.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f6c8cb6bb8698a235f0e0b63e5ddaf88b2d1f02c
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UbH^Q(
b&b61=r%k_{dcmyiiL`BQ^|GuW1_o;Y8-*9*

literal 0
HcmV?d00001

diff --git a/img/81.gif b/img/81.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1bd4cf9db91352d55466d81c1a62dd4d214a1f20
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8UbH^Q(
a&b61=r%k_{s#v-9`L><cRz$HfSOWm?z8FXV

literal 0
HcmV?d00001

diff --git a/img/82.gif b/img/82.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6dc0f9c16181dac9cf7e95f07b2679a0e7f1c6b8
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8UbH^Q(
c&b61=r%k_{dL^SuC%SKgOe^miCRPS(05KpJtpET3

literal 0
HcmV?d00001

diff --git a/img/83.gif b/img/83.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9437f5179c6b7c0ebeb2892f7f240a69b64751c4
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UbH^Q(
c&b61=r%k_{dOl;)I?as*TNZ8N5@E0g03z}jw*UYD

literal 0
HcmV?d00001

diff --git a/img/84.gif b/img/84.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8a5b50b7a44b43d61c54b042348f8e624270a284
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UbH^Q(
c&b61=r%k_{dSRO9W8-}n-PUJ?F)&yI03_-d*#H0l

literal 0
HcmV?d00001

diff --git a/img/85.gif b/img/85.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4a792a8ebabc855d8410b860d38e8c1849747d36
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w8UbH^Q(
e&b61=r%k_{+P|guV(Pwm(#5aUR(mlrSOWlB))~nF

literal 0
HcmV?d00001

diff --git a/img/86.gif b/img/86.gif
new file mode 100644
index 0000000000000000000000000000000000000000..55b4459d4e5ba2754b4a86ac905e1f0710cb6032
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8UbH^Q(
c&b61=r%k_{dVZSQJrA!9n(J?@5o53h03$3J4FCWD

literal 0
HcmV?d00001

diff --git a/img/87.gif b/img/87.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4443871d7656b3b388911f79bcbbc69fb17802be
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8UbH^Q(
a&b61=r%k_{x=ONFuw|#n@?}|!4AubsrWZK?

literal 0
HcmV?d00001

diff --git a/img/88.gif b/img/88.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9430a960a82b9d7769f843c55094cbfb06392832
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w8UbH^Q(
e&b61=r%k_{dOodZ$&*<H5?4i}Ry!~<SOWl8Eg38T

literal 0
HcmV?d00001

diff --git a/img/89.gif b/img/89.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b7ae3965ac31f0a4071b9de53e8d01f44b294898
GIT binary patch
literal 78
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKU6@v`K0aR{C2w8UbH^Q(
e&b61=r%k_{nmA?JV~L}mQV*R?TkXKeU=09W4;obf

literal 0
HcmV?d00001

diff --git a/img/9.gif b/img/9.gif
index 7fed873815711e8e3e330630eb7aca61144cbb96..dbe7fa09039f327dbba1e77bf2d1115ac96b7e9b 100644
GIT binary patch
literal 66
zcmZ?wbhEHb<YnMt_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwvU6@v`K0aR{C2w8ULX#b?
R^|eVma<5-Z^<reO1^_LA6A%CZ

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

diff --git a/img/90.gif b/img/90.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3e3f6a21c0b9f62e15a08ce61a4b404f595f2e27
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8ULX#b?
a^|eVma<5-Zm9m=ojHAu)=qi6k25SKMoEIwq

literal 0
HcmV?d00001

diff --git a/img/91.gif b/img/91.gif
new file mode 100644
index 0000000000000000000000000000000000000000..919ceac292527b7a4627ce8b05dcd69193d25779
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8ULX#b?
a^|eVma<5-Z4f!#{t^3&OSE~XT8LR;c4H)GB

literal 0
HcmV?d00001

diff --git a/img/92.gif b/img/92.gif
new file mode 100644
index 0000000000000000000000000000000000000000..828eac061567cc3682d04bb305d6edaaefe3ad7e
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8ULX#b?
b^|eVma<5-ZoswCnW4i6B$8xOz1_o;Y7N!@w

literal 0
HcmV?d00001

diff --git a/img/93.gif b/img/93.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7e25992cc6e3c0b8f89ab8733f8754069196d878
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8ULX#b?
b^|eVma<5-Z?a%CcpuKgewB<@J5e91j8b24|

literal 0
HcmV?d00001

diff --git a/img/94.gif b/img/94.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75ac6f444b95b111910e2a133f5112638efdc37f
GIT binary patch
literal 74
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhwfU6@v`K0aR{C2w8ULX#b?
Z^|eVma<5-Zjq>XC|G8+>vNTo(YXIpu7q<Wa

literal 0
HcmV?d00001

diff --git a/img/95.gif b/img/95.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9982114f251348cfedcdf51d93b173a48dc52706
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8ULX#b?
b^|eVma<5-Z?QfaI=6P`8^P<qXq72pm8{HV0

literal 0
HcmV?d00001

diff --git a/img/96.gif b/img/96.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f83823e2c14590469f2ad6bbd27646e51e87d8e8
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8ULX#b?
b^|eVma<5-Z<)78p@v?8@#-t5V3=Gx)9+(*4

literal 0
HcmV?d00001

diff --git a/img/97.gif b/img/97.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4b058087c565d2b7175e006a96f82070b9948ec3
GIT binary patch
literal 75
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~T$om_K0aR{C2w8ULX#b?
a^|eVma<5-ZUFA6QP4mv@*-Nt+8LR;crx@q}

literal 0
HcmV?d00001

diff --git a/img/98.gif b/img/98.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f5b45ecda1229c60c7b0ea1fa58c75d686906894
GIT binary patch
literal 76
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhx~U6@v`K0aR{C2w8ULX#b?
b^|eVma<5-Z<v+D{LFS$*K9(!FL>R0A8d?|z

literal 0
HcmV?d00001

diff --git a/img/99.gif b/img/99.gif
new file mode 100644
index 0000000000000000000000000000000000000000..69a6c454c8b51588f03b8f18caa35de3aba3421a
GIT binary patch
literal 77
zcmZ?wbhEHb<Yf?I_`tyM|Nnmm1_s5SEQ~;kK?g*DWEhxKT$om_K0aR{C2w8ULX#b?
c^|eVma<5-Z4Vf&p_~o%p;aM7Mm{=LC0W^*neE<Le

literal 0
HcmV?d00001


From 6d1332dbcd18fced37022e8b66a39c83757a5222 Mon Sep 17 00:00:00 2001
From: Yehuda Katz <yehuda@ymkatz.net>
Date: Sun, 24 Mar 2024 18:02:04 -0400
Subject: [PATCH 3/3] WIP: undo some formatting

---
 subnets.html | 1169 ++++++++++++++++++++++++--------------------------
 1 file changed, 559 insertions(+), 610 deletions(-)

diff --git a/subnets.html b/subnets.html
index e0fc19b..334d2a9 100644
--- a/subnets.html
+++ b/subnets.html
@@ -1,639 +1,588 @@
 <html>
-  <head>
-    <title>Visual Subnet Calculator</title>
-    <script src="calculations_4.js"></script>
-    <script src="calculations_6.js"></script>
-    <script src="calculations.js"></script>
-
-    <script language="javascript" type="text/javascript">
-      var curNetwork = 0;
-      var curMask = 0;
-
-      var curVersion = 4;
-
-      function updateNetwork() {
-        var newNetworkStr = document.forms["calc"].elements["network"].value;
-        var newMask = parseInt(
-          document.forms["calc"].elements["netbits"].value
-        );
-        var newVersion = parseInt(
-          document.forms["calc"].elements["version"].value
-        );
-
-        var newNetwork = inet_aton(newVersion, newNetworkStr);
-
-        if (newNetwork === null) {
-          alert("Invalid network address entered");
-          return;
-        }
-
-        var tmpNetwork = network_address(newVersion, 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(newVersion, tmpNetwork) +
-              "."
-          );
-          newNetwork = tmpNetwork;
-          document.forms["calc"].elements["network"].value = inet_ntoa(
-            newVersion,
-            tmpNetwork
-          );
-        }
-
-        if ((newVersion == 4 && (newMask < 0 || newMask > 32)) || (newVersion == 6 && (newMask < 0 || newMask > 128))) {
-          alert("The network mask you have entered is invalid");
-          return;
-        }
-
-        if (curMask == 0) {
-          curMask = newMask;
-          curNetwork = newNetwork;
-          curVersion = newVersion;
-          startOver();
-        } else if (
-          (curMask != newMask || curVersion != newVersion) &&
-          confirm(
-            "You are changing the base network from /" +
-              curMask + "(v" + curVersion +
-              ") to /" +
-              newMask + "(v" + newVersion +
-              "). This will reset any changes you have made. Proceed?"
-          )
-        ) {
-          curMask = newMask;
-          curNetwork = newNetwork;
-          curVersion = newVersion;
-
-          startOver();
-        } else {
-          document.forms["calc"].elements["netbits"].value = curMask;
-          curNetwork = newNetwork;
-
-          recreateTables();
-        }
+<head>
+<title>Visual Subnet Calculator</title>
+<script src="calculations_4.js"></script>
+<script src="calculations_6.js"></script>
+<script src="calculations.js"></script>
+
+<script language="javascript" type="text/javascript">
+  var curNetwork = 0;
+  var curMask = 0;
+
+  var curVersion = 4;
+
+  function updateNetwork() {
+    var newNetworkStr = document.forms["calc"].elements["network"].value;
+    var newMask = parseInt(
+      document.forms["calc"].elements["netbits"].value
+    );
+    var newVersion = parseInt(
+      document.forms["calc"].elements["version"].value
+    );
+
+    var newNetwork = inet_aton(newVersion, newNetworkStr);
+
+    if (newNetwork === null) {
+      alert("Invalid network address entered");
+      return;
+    }
+
+    var tmpNetwork = network_address(newVersion, 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(newVersion, tmpNetwork) +
+        "."
+      );
+      newNetwork = tmpNetwork;
+      document.forms["calc"].elements["network"].value = inet_ntoa(
+        newVersion,
+        tmpNetwork
+      );
+    }
+
+    if ((newVersion == 4 && (newMask < 0 || newMask > 32)) || (newVersion == 6 && (newMask < 0 || newMask > 128))) {
+      alert("The network mask you have entered is invalid");
+      return;
+    }
+
+    if (curMask == 0) {
+      curMask = newMask;
+      curNetwork = newNetwork;
+      curVersion = newVersion;
+      startOver();
+    } else if (
+      (curMask != newMask || curVersion != newVersion) &&
+      confirm(
+        "You are changing the base network from /" +
+          curMask + "(v" + curVersion +
+          ") to /" +
+          newMask + "(v" + newVersion +
+          "). This will reset any changes you have made. Proceed?"
+      )
+    ) {
+      curMask = newMask;
+      curNetwork = newNetwork;
+      curVersion = newVersion;
+
+      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?version=" +
+        curVersion +
+        "&network=" +
+        inet_ntoa(curVersion, 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;
       }
-
-      function startOver() {
-        rootSubnet = [0, 0, null];
-
-        recreateTables();
+      curBit++;
+      if (curBit > 3) {
+        curOut += curChar.toString(16);
+        curChar = 0;
+        curBit = 0;
       }
-
-      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?version=" +
-            curVersion +
-            "&network=" +
-            inet_ntoa(curVersion, curNetwork) +
-            "&mask=" +
-            curMask +
-            "&division=" +
-            binToAscii(nodeToString(rootSubnet));
-        }
-      }
-
-      function nodeToString(node) {
-        if (node[2]) {
-          return "1" + nodeToString(node[2][0]) + nodeToString(node[2][1]);
+    }
+    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(curVersion, 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(curVersion, address) + "/" + mask)
+      );
+      newRow.appendChild(newCell);
+
+      var addressFirst = address;
+      var addressLast = subnet_last_address(curVersion, address, mask);
+      var useableFirst = subnet_first_address_useable(curVersion, address);
+      var useableLast = subnet_last_address_useable(curVersion, addressLast);
+      var numHosts;
+      var addressRange;
+      var usaebleRange;
+
+      if ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
+        addressRange = inet_ntoa(curVersion, addressFirst);
+        useableRange = addressRange;
+        numHosts = 1;
+      } else {
+        addressRange =
+          inet_ntoa(curVersion, addressFirst) +
+          " - " +
+          inet_ntoa(curVersion, addressLast);
+        if ( (curVersion == 4 && mask == 31) || (curVersion == 6 && mask == 127)) {
+          useableRange = addressRange;
+          numHosts = 2;
         } 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";
+          useableRange =
+            inet_ntoa(curVersion, useableFirst) +
+            " - " +
+            inet_ntoa(curVersion, useableLast);
+          numHosts = num_hosts(curVersion, useableFirst, useableLast);
         }
-        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(curVersion, 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(curVersion, address) + "/" + mask)
-          );
-          newRow.appendChild(newCell);
-
-          var addressFirst = address;
-          var addressLast = subnet_last_address(curVersion, address, mask);
-          var useableFirst = subnet_first_address_useable(curVersion, address);
-          var useableLast = subnet_last_address_useable(curVersion, addressLast);
-          var numHosts;
-          var addressRange;
-          var usaebleRange;
-
-          if ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
-            addressRange = inet_ntoa(curVersion, addressFirst);
-            useableRange = addressRange;
-            numHosts = 1;
-          } else {
-            addressRange =
-              inet_ntoa(curVersion, addressFirst) +
-              " - " +
-              inet_ntoa(curVersion, addressLast);
-            if ( (curVersion == 4 && mask == 31) || (curVersion == 6 && mask == 127)) {
-              useableRange = addressRange;
-              numHosts = 2;
-            } else {
-              useableRange =
-                inet_ntoa(curVersion, useableFirst) +
-                " - " +
-                inet_ntoa(curVersion, useableLast);
-              numHosts = num_hosts(curVersion, useableFirst, useableLast);
-            }
-          }
-
-          /* netmask */
-          var newCell = document.createElement("TD");
-          var netmask = subnet_netmask(curVersion, mask);
-          if (netmask) {
-            newCell.appendChild(
-              document.createTextNode(inet_ntoa(curVersion, netmask))
-            );
-          }
-          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 ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
-            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
-          }
-        }
+      /* netmask */
+      var newCell = document.createElement("TD");
+      var netmask = subnet_netmask(curVersion, mask);
+      if (netmask) {
+        newCell.appendChild(
+          document.createTextNode(inet_ntoa(curVersion, netmask))
+        );
       }
-
-      /* This is necessary because 'joinnode' changes during the scope of the caller */
-      function newJoin(joinnode) {
-        return function () {
-          join(joinnode);
+      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 ((curVersion == 4 && mask == 32) || (curVersion == 6 && mask == 128)) {
+        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);
       }
 
-      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];
-        }
-      }
+      var colspan = depth - node[0];
 
-      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];
-        }
-      }
+      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 rootSubnet;
-
-      // each node is Array:
-      // [0] => depth of children, total number of visible children, children
-
-      function preloadSubnetImages() {
-        if (document.images) {
-          if (!document.preloadedImages) {
-            document.preloadedImages = new Array();
-          }
-
-          for (var i = 0; i <= 128; i++) {
-            var img = new Image();
-            img.src = "img/" + i + ".gif";
-            document.preloadedImages.push(img);
-          }
-        }
-      }
+        var newCell = document.createElement("TD");
+        newCell.rowSpan = rowspan > 1 ? rowspan : 1;
+        newCell.colSpan = colspan > 1 ? colspan : 1;
 
-      function calcOnLoad() {
-        preloadSubnetImages();
-        args = parseQueryString();
-        if (args["network"] && args["mask"] && args["division"]) {
-          document.forms["calc"].elements["version"].value = args["version"] || 4;
-          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();
+        if (i == labels.length / 3 - 1) {
+          newCell.className = "maskSpan";
         } else {
-          updateNetwork();
+          newCell.className = "maskSpanJoinable";
+          newCell.onclick = newJoin(joinnode);
+          //	newCell.onmouseover = function() { window.status = joinnode[0]+'---'+joinnode[1]+'---'+joinnode[2]+'>>>>>'+node[2];}
         }
-      }
 
-      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];
+        var newImg = document.createElement("IMG");
+        newImg.src = "img/" + mask + ".gif";
+        newCell.appendChild(newImg);
+        newRow.appendChild(newCell);
 
-          division = loadNode(curNode[2][0], division.substr(1));
-          division = loadNode(curNode[2][1], division);
-          return division;
-        }
+        colspan = 1; // reset for subsequent cells
       }
-
-      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;
+    }
+  }
+
+  /* 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 preloadSubnetImages() {
+    if (document.images) {
+      if (!document.preloadedImages) {
+        document.preloadedImages = new Array();
       }
 
-      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 */
+      for (var i = 0; i <= 128; i++) {
+        var img = new Image();
+        img.src = "img/" + i + ".gif";
+        document.preloadedImages.push(img);
       }
-    </script>
-
-    <style type="text/css">
-      H1 {
-        font-family: Arial, Verdana, sans-serif;
-        font-size: 18pt;
+    }
+  }
+
+  function calcOnLoad() {
+    preloadSubnetImages();
+    args = parseQueryString();
+    if (args["network"] && args["mask"] && args["division"]) {
+      document.forms["calc"].elements["version"].value = args["version"] || 4;
+      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);
       }
-
-      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">IPv4 / IPv6</td>
-                <td class="label">Network Address</td>
-                <td class="label">Mask bits</td>
-              </tr>
-              <tr>
-                <td>
-                  <input type="radio" name="version" value="4" checked />
-                  <input type="radio" name="version" value="6" />
-                </td>
-                <td>
-                  <input
-                    type="text"
-                    name="network"
-                    size="15"
-                    maxlength="45"
-                    value="192.168.0.0"
-                  />
-                </td>
-                <td>
-                  /<input
-                    type="text"
-                    name="netbits"
-                    size="3"
-                    maxlength="3"
-                    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="https://github.com/davidc/subnets"
-            ><img
-              alt="Fork me on GitHub"
-              src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png"
-              style="right: 0; top: 0; position: absolute"
-          /></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>
+      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">IPv4 / IPv6</td>
+<td class="label">Network Address</td>
+<td class="label">Mask bits</td>
+</tr>
+<tr>
+<td>
+<input type="radio" name="version" value="4" checked />
+<input type="radio" name="version" value="6" />
+</td>
+<td><input type="text" name="network" size="15" maxlength="45" value="192.168.0.0"></td>
+<td>/<input type="text" name="netbits" size="3" maxlength="3" 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="https://github.com/davidc/subnets"><img alt="Fork me on GitHub" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png" style="right: 0;top: 0;position: absolute;" ></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>
+</tbody>
+</table>
+
+</body>
 </html>