diff options
| -rw-r--r-- | www/blog/movies/index.html | 48 | ||||
| -rw-r--r-- | www/dice/index.css | 38 | ||||
| -rw-r--r-- | www/dice/index.html | 86 | ||||
| -rw-r--r-- | www/imgs/linus.gif | bin | 0 -> 872703 bytes | |||
| -rw-r--r-- | www/imgs/wc3/add-remove.png | bin | 0 -> 8870 bytes | |||
| -rw-r--r-- | www/imgs/wc3/cdkey.png | bin | 0 -> 70814 bytes | |||
| -rw-r--r-- | www/imgs/wc3/connection.png | bin | 0 -> 21275 bytes | |||
| -rw-r--r-- | www/imgs/wc3/create-network.png | bin | 0 -> 20320 bytes | |||
| -rw-r--r-- | www/imgs/wc3/join.png | bin | 0 -> 57669 bytes | |||
| -rw-r--r-- | www/imgs/wc3/launch.png | bin | 0 -> 66313 bytes | |||
| -rw-r--r-- | www/imgs/wc3/members-view.png | bin | 0 -> 44363 bytes | |||
| -rw-r--r-- | www/imgs/wc3/menu.png | bin | 0 -> 56078 bytes | |||
| -rw-r--r-- | www/imgs/wc3/tray.png | bin | 0 -> 22902 bytes | |||
| -rw-r--r-- | www/imgs/wc3/unzip.png | bin | 0 -> 54286 bytes | |||
| -rw-r--r-- | www/imgs/wc3/unzipped.png | bin | 0 -> 47059 bytes | |||
| -rw-r--r-- | www/index.css | 4 | ||||
| -rw-r--r-- | www/resume/index.html | 2 | ||||
| -rw-r--r-- | www/wc3.html | 152 | ||||
| -rw-r--r-- | www/wishlist.html | 106 |
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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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' 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'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'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'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's creator (<strong>admin</strong>). And once + you've been authorized by the admin you can join/unjoin as you please. + The admin doesn'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'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'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'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'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'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 + "Show Network" 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 + "ONLINE" and their Physical IP - this will mean they'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'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'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'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'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'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'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'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'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'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 & RG GP01</li> |
