summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/blog/movies/index.html48
-rw-r--r--www/dice/index.css38
-rw-r--r--www/dice/index.html86
-rw-r--r--www/imgs/linus.gifbin0 -> 872703 bytes
-rw-r--r--www/imgs/wc3/add-remove.pngbin0 -> 8870 bytes
-rw-r--r--www/imgs/wc3/cdkey.pngbin0 -> 70814 bytes
-rw-r--r--www/imgs/wc3/connection.pngbin0 -> 21275 bytes
-rw-r--r--www/imgs/wc3/create-network.pngbin0 -> 20320 bytes
-rw-r--r--www/imgs/wc3/join.pngbin0 -> 57669 bytes
-rw-r--r--www/imgs/wc3/launch.pngbin0 -> 66313 bytes
-rw-r--r--www/imgs/wc3/members-view.pngbin0 -> 44363 bytes
-rw-r--r--www/imgs/wc3/menu.pngbin0 -> 56078 bytes
-rw-r--r--www/imgs/wc3/tray.pngbin0 -> 22902 bytes
-rw-r--r--www/imgs/wc3/unzip.pngbin0 -> 54286 bytes
-rw-r--r--www/imgs/wc3/unzipped.pngbin0 -> 47059 bytes
-rw-r--r--www/index.css4
-rw-r--r--www/resume/index.html2
-rw-r--r--www/wc3.html152
-rw-r--r--www/wishlist.html106
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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>