19 files changed, 422 insertions, 14 deletions
diff --git a/www/blog/movies/index.html b/www/blog/movies/index.html
new file mode 100644
index 0000000..75dd290
--- /dev/null
+++ b/www/blog/movies/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+  <title>senders.io - Blog</title>
+  <link rel='stylesheet' type='text/css' href='/index.css'>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+  <div id='header'>
+    <a class='title' href='/'>senders.io</a>
+    <nav>
+      <a href="/blog">Blog</a> <a href="https://github.com/s3nd3r5">Github</a>
+    </nav>
+  </div>
+  <div id='body'>
+    <article>
+      <h2>Favorite Movies</h2>
+      <p>I occasionally ponder what my favorite movies are. So this is a list
+      to help me remember. These are in alphabetical order.</p>
+      <ul>
+        <li>Alien</li>
+        <li>All Quiet on the Western Front</li>
+        <li>Arrival</li>
+        <li>Dawn of the Dead (1978)</li>
+        <li>Day of the Dead</li>
+        <li>Dredd</li>
+        <li>Grave of the Fireflies</li>
+        <li>Hot Fuzz</li>
+        <li>Jurassic Park</li>
+        <li>Mad Max 2: The Road Warrior</li>
+        <li>Mad Max: Fury Road</li>
+        <li>Nausicaa of the Valley of the Wind</li>
+        <li>Office Space</li>
+        <li>Spaceballs</li>
+        <li>Starship Troopers</li>
+        <li>Superbad</li>
+        <li>The Night of the Living Dead</li>
+        <li>The Planet of the Apes</li>
+        <li>The Terminator</li>
+        <li>Tron: Legacy</li>
+        <li>Tron</li>
+      </ul>
+    </article>
+  </div>
+</body>
+</html>
diff --git a/www/dice/index.css b/www/dice/index.css
new file mode 100644
index 0000000..9c3a8e4
--- /dev/null
+++ b/www/dice/index.css
@@ -0,0 +1,38 @@
+#numdice {
+  font-size: 2em;
+  width: 100px;
+  text-align: center;
+}
+
+#rollbtn {
+  font-size: 2em;
+  padding: 8px 32px;
+}
+
+.output tbody tr:nth-child(even) {
+  background-color: #e6e6e6;
+}
+
+#history {
+  min-width: 33%;
+}
+
+.num {
+  text-align: center;
+  padding: 0 4px;
+}
+
+tr th {
+  border-bottom: 1px dotted #444;
+}
+
+#history tr th:nth-child(2), #history tr td:nth-child(2) {
+  border-right: 1px solid #444;
+}
+
+.footer {
+  font-size: 0.5em;
+  text-align: center;
+  width: 100%;
+}
+
diff --git a/www/dice/index.html b/www/dice/index.html
new file mode 100644
index 0000000..078e711
--- /dev/null
+++ b/www/dice/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+  <meta charset="utf-8">
+  <title>senders.io - Dice Roller</title>
+  <link rel="stylesheet" type="text/css" href="/index.css">
+  <link rel="stylesheet" type="text/css" href="./index.css">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+  <article id="body">
+    <h1>Dice Roller</h1>
+    <p>Set your number of dice and press roll. The output tables will display
+    the number of count of each result rolled.</p>
+    <div class='form'>
+      <input type='number' min="1" max="999" id="numdice" value="4">
+      <button id='rollbtn' onclick="roll()">Roll</button>
+    </div>
+    <h2>Roll Results</h2>
+    <table id='results' class='output'>
+      <thead>
+        <tr>
+          <th>Dice Face</th>
+          <th>Num Rolled</th>
+        </tr>
+      </thead>
+      <tbody id='resbody'></tbody>
+    </table>
+    <h2>Roll History</h2>
+    <table id='history' class='output'>
+      <thead>
+        <tr>
+          <th class='num'>#</th>
+          <th colspan="2">cnt</th>
+          <th>1s</th>
+          <th>2s</th>
+          <th>3s</th>
+          <th>4s</th>
+          <th>5s</th>
+          <th>6s</th>
+        </tr>
+      </thead>
+      <tbody id='histbody'></tbody>
+    </table>
+  </article>
+  <article class='footer'>
+    <i>This page uses basic javascript. Nothing external.</i>
+  </article>
+  <script>
+      var numRolls = 0;
+
+      function roll() {
+        numRolls += 1;
+        var nI = document.getElementById("numdice");
+        var numDice = nI.value;
+        var results = {};
+        results[1] = 0;
+        results[2] = 0;
+        results[3] = 0;
+        results[4] = 0;
+        results[5] = 0;
+        results[6] = 0;
+        for (var i = 0; i < numDice; i++) { 
+          var r = Math.floor((Math.random() * 100) % 6) + 1;
+          results[r] += 1; 
+        }
+        display(results, numDice);
+      }
+
+      function display(res, numDice) {
+        var resBody = document.getElementById("resbody");
+        var histBody = document.getElementById("histbody");
+        resHTML = "";
+        histHTML = `<tr><td class='num'>${numRolls}</td><td colspan=2>${numDice}</td>`;
+        for (var i = 1; i <= 6; i++) {
+          resHTML += `<tr><td>${i}</td><td>${res[i]}</td></tr>`;
+          histHTML += `<td>${res[i]}</td>`;
+        }
+        histHTML += "</tr>";
+        histBody.innerHTML = histHTML + histBody.innerHTML;
+        resBody.innerHTML = resHTML;
+      }
+  </script>
+</body>
+</html>
diff --git a/www/imgs/linus.gif b/www/imgs/linus.gif
new file mode 100644
index 0000000..04e016c
--- /dev/null
+++ b/www/imgs/linus.gif
diff --git a/www/imgs/wc3/add-remove.png b/www/imgs/wc3/add-remove.png
new file mode 100644
index 0000000..41dc06e
--- /dev/null
+++ b/www/imgs/wc3/add-remove.png
diff --git a/www/imgs/wc3/cdkey.png b/www/imgs/wc3/cdkey.png
new file mode 100644
index 0000000..567643f
--- /dev/null
+++ b/www/imgs/wc3/cdkey.png
diff --git a/www/imgs/wc3/connection.png b/www/imgs/wc3/connection.png
new file mode 100644
index 0000000..c338dc5
--- /dev/null
+++ b/www/imgs/wc3/connection.png
diff --git a/www/imgs/wc3/create-network.png b/www/imgs/wc3/create-network.png
new file mode 100644
index 0000000..dbd2427
--- /dev/null
+++ b/www/imgs/wc3/create-network.png
diff --git a/www/imgs/wc3/join.png b/www/imgs/wc3/join.png
new file mode 100644
index 0000000..43688c4
--- /dev/null
+++ b/www/imgs/wc3/join.png
diff --git a/www/imgs/wc3/launch.png b/www/imgs/wc3/launch.png
new file mode 100644
index 0000000..7ad5c15
--- /dev/null
+++ b/www/imgs/wc3/launch.png
diff --git a/www/imgs/wc3/members-view.png b/www/imgs/wc3/members-view.png
new file mode 100644
index 0000000..b9c971d
--- /dev/null
+++ b/www/imgs/wc3/members-view.png
diff --git a/www/imgs/wc3/menu.png b/www/imgs/wc3/menu.png
new file mode 100644
index 0000000..2963a04
--- /dev/null
+++ b/www/imgs/wc3/menu.png
diff --git a/www/imgs/wc3/tray.png b/www/imgs/wc3/tray.png
new file mode 100644
index 0000000..de922e2
--- /dev/null
+++ b/www/imgs/wc3/tray.png
diff --git a/www/imgs/wc3/unzip.png b/www/imgs/wc3/unzip.png
new file mode 100644
index 0000000..f698ff2
--- /dev/null
+++ b/www/imgs/wc3/unzip.png
diff --git a/www/imgs/wc3/unzipped.png b/www/imgs/wc3/unzipped.png
new file mode 100644
index 0000000..29ce4e6
--- /dev/null
+++ b/www/imgs/wc3/unzipped.png
diff --git a/www/index.css b/www/index.css
index 0fb73e2..08f630a 100644
--- a/www/index.css
+++ b/www/index.css
@@ -52,8 +52,8 @@ code.inline {
   height: 25%;
 }
 .scaled-half:hover > img {
-  width: 125%;
-  height: 125%;
+  width: auto;
+  height: auto;
 }
 
 #wishlist { margin: 2% }
diff --git a/www/resume/index.html b/www/resume/index.html
index 74a71db..748f504 100644
--- a/www/resume/index.html
+++ b/www/resume/index.html
@@ -16,7 +16,7 @@
     </nav>
   </div>
   <div id='body'>
-    For my resume feel free to contact me at <code class='inline'>stephen AT
+    For my resume feel free to contact me at <code class='inline'>steph AT
     senders.io</code>
   </div>
 </body>
diff --git a/www/wc3.html b/www/wc3.html
new file mode 100644
index 0000000..8525017
--- /dev/null
+++ b/www/wc3.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+  <meta charset="utf-8">
+  <link rel='stylesheet' type='text/css' href='/index.css'>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Senders&#39; Wishlist</title>
+  <style>
+  img { border: 2px solid #eee; }
+  body {
+    width: 800px;
+  }
+  .small { font-size: 0.75em; }
+  </style>
+</head>
+<body id='wishlist'>
+  <h1>Warcraft 3 Setup Guide</h1>
+  <h2 id='gamesetup'>Game Setup</h2>
+  <h3 id='download'>Downloading the game</h3>Download the <code class=
+  'inline'>wc3.zip</code>. You can download it from <a href=
+  'https://cdn.senders.io/blobs/wc3.zip' target=
+  '_blank'>https://cdn.senders.io/blobs/wc3.zip</a>
+  <h3 id='unzip'>Extract the game contents</h3>Unzip the game contents. If you
+  can&#39;t unzip it you can download 7Zip from: <a href=
+  'https://www.7-zip.org/a/7z1900-x64.exe'>https://www.7-zip.org/</a>.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/unzip.png' alt=
+    '7Zip Context Menu'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/unzipped.png' alt=
+    'Unzipped Folder Contents'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h3 id='launch'>Launch the game</h3>Open the folder you unzipped into and
+  open <code class='inline'>Warcarft III 1.31.1\x86_64\Warcraft III.exe</code>.
+  This will launch the game.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/launch.png' alt=
+    'Game Launcher Exe'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h3 id='cdkey'>Active your CD Key</h3>The game will prompt with a launcher
+  for battle.net or CD Key. Choose CD Key and type in the provided CD Key. Your
+  CD Key can be found in <code class='inline'>CDKEYS.jpg</code> back in the
+  main folder.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/cdkey.png' alt=
+    'CD Key file location'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h4>Warning! Do Not Update</h4>Once you launch the game it will prompt you to
+  update: <strong>DO NOT UPDATE THE GAME</strong> . After clicking No it may
+  ask you again on launch again (sometimes). Just keep clicking NO.
+  <h3 id='setupdone'>Done!</h3>Now you&#39;ve setup Warcraft 3. Next you need
+  to setup a virtual LAN
+  <h2 id='lansetup'>Setting up a Virtual Lan</h2>In this section I&#39;ll show
+  a guide for setting up <a href='https://www.zerotier.com/'>ZeroTier</a>.
+  <h3 id='adminnotice'>Before you continue</h3>Only one person
+  <strong>needs</strong> to setup a network. Everyon else can join an existing
+  network through the network&#39;s creator (<strong>admin</strong>). And once
+  you&#39;ve been authorized by the admin you can join/unjoin as you please.
+  The admin doesn&#39;t even need to be in the same game / online.
+  <h3>Admin | Network Setup</h3>If you want to be the network admin you can
+  create a network by first creating an account with ZeroTier. You&#39;ll need
+  to supply a verifiable email but that is it. Here is a quick summary of how
+  to setup. A full guide can be found at <a href=
+  'https://zerotier.atlassian.net/wiki/spaces/SD/pages/8454145/Getting+Started+with+ZeroTier'>
+  Zero Tiers own setup guide</a>
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/create-network.png' alt=
+    'Create a Network'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h4>Your Network ID</h4>Your network ID will be present on the network page.
+  The example netowrk here is: <code class='inline'>17d709436c634b2b</code>.
+  You will share this with the members.
+  <h4>Admin | Network Settings</h4>You shouldn&#39;t have to do anything
+  custom, just authorize the users who join your network. This can be done by
+  either adding them directly, or checking the authorize box. You can add them
+  from the settings menu at the bottom:
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/add-remove.png' alt=
+    'Add remove users section'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h3>Member | Download</h3><i>Note Admins must also join their own
+  network!</i> Member&#39;s first must download the application: <a href=
+  'https://www.zerotier.com/download/'>Zero Tier 1</a>.
+  <h3>Member | ZeroTier UI</h3>The ZeroTier UI is just a system-tray icon. Just
+  right click to perfom any of the actions listed below. (It&#39;s the icon
+  that shares the icon from the website!)
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/tray.png' alt=
+    'ZeroTier Tray Icon'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/menu.png' alt=
+    'ZeroTier Tray Menu'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>You can right click the tray-icon to open the menu. Here you will see
+  your Node Id. Example: <code class='inline'>Node ID: 2d213b67f2</code>
+  <h4>Member | Add network</h4>To join simply paste the network ID in the form.
+  You can get the ID from the Network Admin.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/join.png' alt=
+    'Join prompt'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h4>Admin | Authorize the Member</h4>The Admin will then need your
+  <strong>Node ID</strong> and will authorize you in their network settings.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/members-view.png' alt=
+    'Members View'></span><br>
+    <i class='small'>Hover to Zoom</i>
+  </div>
+  <h3>Member | Reboot</h3>Now that you&#39;ve connected and setup I recommend
+  rebooting here. You can also reboot upon installation too to be safe.
+  <h3>Member | Verify connectivity</h3>You can open the menu and click
+  &quot;Show Network&quot; which will show you your connected networks. You
+  should see <code class='inline'>Status: OK</code>. You can click the connect
+  checkbox here to connect/disconnect. Or click the network from the menu
+  directly.
+  <div>
+    <span class='scaled-half'><img src='/imgs/wc3/connection.png' alt=
+    'Connection View'><br>
+    <i class='small'>Hover to Zoom</i></span>
+  </div>
+  <h3><span class='scaled-half'>Admin | Verify everyone is
+  connected</span></h3><span class='scaled-half'>You can verify the connected
+  nodes by looking at the network view under Members. You should see Last Seen
+  &quot;ONLINE&quot; and their Physical IP - this will mean they&#39;re
+  connected successfully. You can add names and descriptions to help manage who
+  is who in case someone loses connectivity.</span>
+  <h2><span class='scaled-half'>Creating a LAN Game</span></h2><span class=
+  'scaled-half'>At this point you should be able to create a LAN game. It will
+  ask you to install Bonjour services. Click yes. The game may hang for a bit
+  while this happens, that is normal. Authorize the network firewall popup if
+  it does.</span>
+  <h2><span class='scaled-half'>Troubleshooting</span></h2><span class=
+  'scaled-half'>The network Admin can troubleshoot any connectivity issues by
+  checking if the Member&#39;s are present in their network settings.</span>
+  <h3><span class='scaled-half'>Status:
+  Request_Configuration</span></h3><span class='scaled-half'>If you are stuck
+  in this status you can delete the network. Reboot. Then re-add the network
+  and have the admin re-authorize you if necessary. This may take a few minutes
+  before you&#39;re IP appears in the network settings for the admin.</span>
+</body>
+</html>
diff --git a/www/wishlist.html b/www/wishlist.html
index 0d5fca5..b6e6869 100644
--- a/www/wishlist.html
+++ b/www/wishlist.html
@@ -21,24 +21,108 @@
   <p><a target="_blank" href=
   "https://www.discogs.com/user/senders/collection">What I already own</a> -
   You can double check with Carolynn</p>
+  <h3>General suggestions</h3>
+  <p>Since that list is clearly not exhaustive (I don&#39;t have the time to
+  flag everything). I will essentially just list some bands I like and own very
+  few records of (sorted alphabetically)</p>
+  <table>
+    <thead>
+      <tr>
+        <th>Artist</th>
+        <th>Owned</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Black Sabbath</td>
+        <td>Paranoid</td>
+      </tr>
+      <tr>
+        <td>Cream</td>
+      </tr>
+      <tr>
+        <td>Incubus</td>
+        <td>S.C.I.E.N.C.E, Trust Fall</td>
+      </tr>
+      <tr>
+        <td>Iron Maiden</td>
+      </tr>
+      <tr>
+        <td>Jefferson Airplane</td>
+      </tr>
+      <tr>
+        <td>Jimi Hendrix</td>
+        <td>Electric Ladyland, Band of Gypsys</td>
+      </tr>
+      <tr>
+        <td>Khemmis</td>
+        <td>Deceiver (Preordered)</td>
+      </tr>
+      <tr>
+        <td>Led Zepplin</td>
+        <td>Dad&#39;s Zep 1, Zep 4</td>
+      </tr>
+      <tr>
+        <td>Muse</td>
+        <td>Dronez</td>
+      </tr>
+      <tr>
+        <td>Pink Floyd</td>
+        <td>Meddle, Atom Heart Mother, Dark Side of the Moon</td>
+      </tr>
+      <tr>
+        <td>Rage Against The Machine</td>
+      </tr>
+      <tr>
+        <td>Ten Years After</td>
+        <td>Cricklewood Green</td>
+      </tr>
+      <tr>
+        <td>The Who</td>
+        <td>Live At Leeds</td>
+      </tr>
+      <tr>
+        <td>Traffic</td>
+        <td>Dad&#39;s John Barlycorn</td>
+      </tr>
+      <tr>
+        <td>Uada</td>
+        <td>Djinn</td>
+      </tr>
+    </tbody>
+  </table>
+  <h3>Owned but not listed</h3>
+  <p>I have some preorders on the way, so I don&#39;t have the catalog info to
+  put into Discogs</p>
+  <ul>
+    <li>Blackwater Holylight - Silence/Motion</li>
+    <li>Emma Ruth Rundle - Some Heavy Ocean, Engine of Hell</li>
+    <li>Khemmis - Deceiver</li>
+    <li>Quicksand - Distant Populations</li>
+  </ul>
+  <h3>Shopping for records</h3>
   <p>If you have used <a href="https://www.discogs.com" target=
   "_blank">Discogs</a> before I find it a bit tough to navigate. Just be aware
   of what country the seller is from as that typically relates to ship
   time.</p>
   <p>I would be happy with any record if you think I would like it. Be wary of
-  quality of the media. Typically anything less than VG+ on discogs and reverb
-  is questionable. I don&#39;t care much about getting an original vs
-  reissue.</p>
-  <p>If a release is 2019 or 2020 - you can do a bit of research and sometimes
+  quality of the media. Typically anything less than VG+ on discogs is
+  questionable. I don&#39;t care much about getting an original vs reissue.</p>
+  <p>If a release is 2020 or 2021 - you can do a bit of research and sometimes
   find the actual merch store - but watch out for turnaround time with any
-  actual record label sites/store fronts.</p>
-  <h2>Models</h2><strong>Talk to Dan if you have any questions</strong>
+  actual record label sites/store fronts. Typically, if a record is released
+  within the last year or so its price is $20-$30 before shipping - so if
+  it&#39;s new (even reissue) try finding a real storefront before going second
+  hand.</p>
+  <hr>
+  <h2>For Information Only - Not recommended</h2>
+  <h3>Models</h3><strong>Talk to Dan if you have any questions</strong>
   <table>
     <thead>
       <tr>
-        <td>Item name</td>
-        <td>Cost</td>
-        <td>Link</td>
+        <th>Item name</th>
+        <th>Cost</th>
+        <th>Link</th>
       </tr>
     </thead>
     <tbody>
@@ -85,11 +169,11 @@
   </table>
   <p>For the Dwarf/Skaven I want a cool model to build but feel free to get
   anything :) O.G Warhammer is a +1.</p>
-  <h2>Gunpla</h2>
+  <h3>Gunpla</h3>
   <p>I like anything UC esp 0079 and 0083.</p>
   <p>To help avoid and duplicate buys with Gunpla here is a longlist of the
   ones I have.</p>
-  <h3>Gunpla I own</h3>
+  <h4>Gunpla I own</h4>
   <ul class='compact'>
     <li>HG RX78</li>
     <li>HG &amp; RG GP01</li>