paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 995a0c9cb8a7c11c9eb537869916809d5fd84320
parent 719681608c5c0a21472efb4f74de49d965d368d3
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Wed, 27 Mar 2019 22:48:29 -0400

Add D&D Podcasts Page

Add a new D&D podcasts page for uploading Dungeons and Dragons sessions
to the website. It will support in-browser video and audio playback as
well as downloads of .mkv, .mp4, and three different qualities of .mp3.

Diffstat:
Apages/dnd-podcast.md | 74++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mpages/projects.md | 8++++++--
Apages/roll.md | 55+++++++++++++++++++++++++++++++++++++++++++++++++++++++
Dpublic/html/About-Me.html | 47-----------------------------------------------
Dpublic/html/About-Site.html | 92-------------------------------------------------------------------------------
Dpublic/html/Essays.html | 51---------------------------------------------------
Dpublic/html/Guides.html | 59-----------------------------------------------------------
Dpublic/html/Home.html | 91-------------------------------------------------------------------------------
Dpublic/html/Projects.html | 47-----------------------------------------------
Dpublic/html/Toolset.html | 55-------------------------------------------------------
Apublic/html/dnd-podcast.html | 118+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mpublic/html/projects.html | 7++++++-
Mpublic/html/roll.html | 164++++++++++++++++++++++++++++++++++++++++----------------------------------------
Apublic/share/test-recording-lq.mp3 | 0
Apublic/share/test-recording-slq.mp3 | 0
Apublic/share/test-recording.mkv | 0
Apublic/share/test-recording.mp3 | 0
Apublic/share/test-recording.mp4 | 0
18 files changed, 341 insertions(+), 527 deletions(-)

diff --git a/pages/dnd-podcast.md b/pages/dnd-podcast.md @@ -0,0 +1,74 @@ +##The Dungeons & Dragons Podcast + +### Introduction + +My friend group recently started doing a Dungeons and Dragons campaign and we +thought it would be a cool idea to record and upload it to share with the +world. We are a group of six players: one Dungeon Master (DM) and five people +playing characters. Our experience ranges from absolute novice (aka me) to +quite experienced (e.g. our DM). + +WARNING: This campaign contains bent rules and broken dreams. We play to have +fun and we may stretch or break the canon rules. If you're a stickler for said +rules, you may want to look for another podcast else you may walk away +frustrated and hating all of us. + +[Insert short paragraph about the setting and backstory bits] + +### Players and Characters + +[Insert list of players, character names/aliases, basic information here] + +### Episodes + +The episodes below are all recorded originally in the .mkv file format. If your +native video player lacks support to play these videos, try using +[VLC](https://www.videolan.org/vlc/). Also available is the audio-only download +for those who wish to listen to this as a traditional podcast, while jogging, +on their commutes... you get the idea. + +#### Episode 0 – The setup + +This is a test recording to ensure that the website functions as expected. + +Watch the video (MP4) in your browser: + +<video width="320" height="240" controls> + <source src="share/test-recording.mp4" type="video/mp4"> + Your browser does not support the HTML5 video tag. +</video> + +Listen to the audio (128kbps MP3) in your browser: + +<audio controls> + <source src="share/test-recording.mp3" type="audio/mp3"> + Your browser does not support the HTML5 audio tag. +</audio + +You can download the episode in various formats using the links below: +<ul> + + <li><a href="share/test-recording.mkv" + download="test-recording.mkv">Download the MKV</a></li> + + <li><a href="share/test-recording.mp4" + download="test-recording.mp4">Download the MP4</a></li> + + <li><a href="share/test-recording.mp3" + download="test-recording.mp3">Download the 128kbps MP3 (Audio + Only)</a></li> + + <li><a href="share/test-recording-lq.mp3" + download="test-recording-lq.mp3">Download the 64kbps MP3 (Audio + Only)</a></li> + + <li><a href="share/test-recording-slq.mp3" + download="test-recording-slq.mp3">Download the 32kbps MP3 (Audio + Only)</a></li> + +</ul> + + +#### Episode 1 – [Title] + +Episode 1 should be coming soon. Stay tuned! diff --git a/pages/projects.md b/pages/projects.md @@ -1,7 +1,11 @@ ## Welcome to the Projects page. - <ul> <li><a href="https://git.sr.ht/~jbauer/">My Sourcehut (preferred git service)</a></li> <li><a href="https://github.com/JakeMBauer/">My GitHub</a></li> - <li><a href="/roll.html">D&D Simple Dice Roller</a></li> + <li>Dungeons & Dragons + <ul> + <li><a href="/dnd-podcast.html">D&D Podcast (We record our sessions!)</a></li> + <li><a href="/roll.html">D&D Simple Dice Roller</a></li> + </ul> + </li> </ul> diff --git a/pages/roll.md b/pages/roll.md @@ -0,0 +1,55 @@ +##D&D Simple Dice Roller +<table id="dice-table"> + <tr> + <th>Die</th> + <th>Num</th> + <th>Mod</th> + <th>Result</th> + </tr> + <tr> + <td><button id="4" onClick="roll(this)">d4</button></td> + <td><input type="number" min=1 value=1 id="num4"></td> + <td><input type="number" value=0 id="mod4"></td> + <td><p class="field" id="4result">0</p> + </tr> + <tr> + <td><button id="6" onClick="roll(this)">d6</button></td> + <td><input type="number" min=1 value=1 id="num6"></td> + <td><input type="number" value=0 id="mod6"></td> + <td><p class="field" id="6result">0</p> + </tr> + <tr> + <td><button id="8" onClick="roll(this)">d8</button></td> + <td><input type="number" min=1 value=1 id="num8"></td> + <td><input type="number" value=0 id="mod8"></td> + <td><p class="field" id="8result">0</p> + </tr> + <tr> + <td><button id="10" onClick="roll(this)">d10</button></td> + <td><input type="number" min=1 value=1 id="num10"></td> + <td><input type="number" value=0 id="mod10"></td> + <td><p class="field" id="10result">0</p> + </tr> + <tr> + <td><button id="12" onClick="roll(this)">d12</button></td> + <td><input type="number" min=1 value=1 id="num12"></td> + <td><input type="number" value=0 id="mod12"></td> + <td><p class="field" id="12result">0</p> + </tr> + <tr> + <td><button id="20" onClick="roll(this)">d20</button></td> + <td><input type="number" min=1 value=1 id="num20"></td> + <td><input type="number" value=0 id="mod20"></td> + <td><p class="field" id="20result">0</p> + </tr> + <tr> + <td><button id="100" onClick="roll(this)">d100</button></td> + <td><input type="number" min=1 value=1 id="num100"></td> + <td><input type="number" value=0 id="mod100"></td> + <td><p class="field" id="100result">0</p> + </tr> +</table> +<div id="history"> + <textarea id="history-text" rows=12 cols=30>-------&#13;&#10;History</textarea> + <button id="clear-history" onClick="clear_history()">Clear</button> +</div> diff --git a/public/html/About-Me.html b/public/html/About-Me.html @@ -1,47 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – About-Me</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to the About Me page.</h2> - -<p>This page will be fleshed out with information soon!</p> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/About-Site.html b/public/html/About-Site.html @@ -1,92 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – About-Site</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>This is the page about this site.</h2> - -<p>I created this website as a place for me to share my projects, thoughts on -various computing and computer science topics, configuration files, tips and -tricks, and other things that I think others could find useful.</p> - -<p>I designed this website with the principles of minimalism and simplicity in -mind. There is no client-side JavaScript, the server code is contained in a -single file less than 110 lines long, and there aren't any resource-hogging -images or superfluous animations to distract you from the important stuff: the -content. I took an article by Drew DeVault (linked below) as inspiration for -the philosophy behind the design of this website.</p> - -<p>The code for this website is licensed under the GPL-3.0-or-later. I chose this -license because of what the license stands for and what I see my website being -used for. I think people should be able to audit everything about my site and -if they take my code and distribute it I want them to also share what they've -done to the code with the world. Free software is beneficial to the software -development ecosystem and I want to continue supporting that model.</p> - -<p>The content for this website is licensed under the Creative Commons -Attribution-ShareAlike 4.0 International License. I chose this license for the -content because I have no problem with people sharing or doing what they want -with the things that I post or make available on the website, so long as they -don't try to pass off the work as their own.</p> - -<h3>Privacy</h3> - -<p>Unlike many companies and organizations nowadays, I respect the privacy of -those who visit my website and use my services. I do this by not collecting any -of my users' information, by not using tracking cookies (or any cookies at -all), and by building a website that doesn't rely on insane numbers of -impossible-to-audit scripts, obfuscated code, or sketchy ad platforms. I don't -monetize my website because I believe in giving back to the community the -knowledge that I have gained and the things that I have created.</p> - -<p>The only thing I keep track of is how many times my pages have been visited. -You can see how I do this by taking a look at the code for this website below -but it essentially just counts when a page is served and periodically saves -that information into a file. I do this just because I like to see what people -are interested in, what things of mine have been useful, and if any pages have -"gone viral" so to speak.</p> - -<h3>References</h3> - -<p><a href="https://git.sr.ht/~jbauer/paritybit.ca">The Git Repository For This Website</a></p> - -<p><a href="https://drewdevault.com/2018/09/04/Conservative-web-development.html">Drew DeVault's Article on Website Design</a></p> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/Essays.html b/public/html/Essays.html @@ -1,51 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – Essays</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to the Essays page.</h2> - -<p>There are no essays here yet but check back periodically for more!</p> - -<p>I have many ideas of essays to write but I have to find the time to write, edit -and then prepare them for this website. I am a little short on time because of -university but I will try to get at least a few essays up every year.</p> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/Guides.html b/public/html/Guides.html @@ -1,59 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – Guides</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to the Guides page.</h2> - -<p>There aren't any guides posted here yet but they are coming soon!</p> - -<p>I am planning to post:</p> - -<ul> -<li>A guide to configuring a fresh Debian installation the way I have done.</li> -<li>A guide to generating SSH Keys.</li> -<li>An outline of the steps I took to secure my online life.</li> -<li>A (hopefully simple) guide to managing GPG Keys.</li> -<li>A guide to my server configurations, realistic hardening steps, and other -similar topics.</li> -<li>And more!</li> -</ul> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/Home.html b/public/html/Home.html @@ -1,91 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – Home</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to paritybit.ca!</h2> - -<p>This will be a website to host details about my projects, my thoughts on various -subjects in computing and computer science, and will contain a bit about me for -anybody who is curious to learn what I do and how I do it.</p> - -<p>Here is a list of what I plan to do so far:</p> - -<ul> -<li>Make my webserver build pages dynamically including adding proper entries to -the navigation bar.</li> -<li>Refactor some of the server code now that I know how nginx works.</li> -<li>Enable IPv6 support (the domain has it, I just need to program the backend to -respond to IPv6 connections).</li> -<li>Add internal page hit counters so I can gauge the popularity of pages. -connections to the webserver for analytical purposes.</li> -<li>Add links/descriptions to all of my old and current projects.</li> -<li>Add a page about me, which includes what I am a member of, what I value, and -a list of the organizations that I contribute to.</li> -<li>Add some essays and rants. Particularily about: -<ul> -<li>Why unix (or unix-based) is the best option.</li> -<li>Why learning vim (or emacs) is good in the modern age.</li> -<li>Why learning about the history of computing is important.</li> -</ul></li> -<li>Add a section on my recommended reading/watching/online essays.</li> -<li>Add bits about my configuration, which operating systems I run and why, and -which tools I use and why.</li> -<li>Add a section on which Linux distributions I have used and what I did and did -not like about them.</li> -<li>Add a bit about the specifications of my systems and an inventory of my -hardware.</li> -<li>Flesh out the "About This Site" page documenting how the site works, why I -designed it the way I did, and what I think about websites nowadays in -comparison to my goals for this one.</li> -</ul> - -<p>This is a lot to do so expect the website to grow significantly over the next -little while.</p> - -<p>Furthermore, this website is self hosted. Currently it is on a DigitalOcean -droplet but it will be migrated to a physical server that I own in the near -future. I expect that the availability of the website will probably only live -up to the "one nine" standard (total owntime of 36.53 days in a year) which -means that if you consider anything on this site worth more than a simple -bookmark, you should probably download it (or you could recompile the pages -through cloning the git repository).</p> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/Projects.html b/public/html/Projects.html @@ -1,47 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – Projects</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to the Projects page.</h2> - -<p>Links and pages for my projects are coming soon!</p> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/Toolset.html b/public/html/Toolset.html @@ -1,55 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – Toolset</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -<h2>Welcome to the Toolset page.</h2> - -<p>On this page will be details about my toolset. On this page will be:</p> - -<ul> -<li>My chosen shell and configuration details</li> -<li>My chosen desktop environment/window manager and configuration details</li> -<li>My chosen editor and software development tools and configuration details</li> -<li>My chosen Linux distribution(s)</li> -<li>And more!</li> -</ul> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> -</div> -</body> -</html> diff --git a/public/html/dnd-podcast.html b/public/html/dnd-podcast.html @@ -0,0 +1,118 @@ +<!DOCTYPE html> + +<html> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial scale=1"> + <title>paritybit.ca – Dnd-podcast</title> + <link rel="stylesheet" href="/css/base.min.css"> +</head> +<body> + <div id="header"> + <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> + </div> + <div id="side-bar"> + <ul> + <li><a href="/home.html">Home<a/></li> + <li><a href="/essays.html">Essays</a></li> + <li><a href="/toolset.html">My Toolset</a></li> + <li><a href="/projects.html">My Projects</a></li> + <li><a href="/guides.html">My Guides<a/></li> + <li><a href="/about-me.html">About Me</a></li> + <li><a href="/about-site.html">About This Site</a></li> + </ul> + </div> + + <div id="content"> +<h2>The Dungeons &amp; Dragons Podcast</h2> + +<h3>Introduction</h3> + +<p>My friend group recently started doing a Dungeons and Dragons campaign and we +thought it would be a cool idea to record and upload it to share with the +world. We are a group of six players: one Dungeon Master (DM) and five people +playing characters. Our experience ranges from absolute novice (aka me) to +quite experienced (e.g. our DM).</p> + +<p>WARNING: This campaign contains bent rules and broken dreams. We play to have +fun and we may stretch or break the canon rules. If you're a stickler for said +rules, you may want to look for another podcast else you may walk away +frustrated and hating all of us.</p> + +<p>[Insert short paragraph about the setting and backstory bits]</p> + +<h3>Players and Characters</h3> + +<p>[Insert list of players, character names/aliases, basic information here]</p> + +<h3>Episodes</h3> + +<p>The episodes below are all recorded originally in the .mkv file format. If your +native video player lacks support to play these videos, try using +<a href="https://www.videolan.org/vlc/">VLC</a>. Also available is the audio-only download +for those who wish to listen to this as a traditional podcast, while jogging, +on their commutes... you get the idea.</p> + +<h4>Episode 0 – The setup</h4> + +<p>This is a test recording to ensure that the website functions as expected.</p> + +<p>Watch the video (MP4) in your browser:</p> + +<p><video width="320" height="240" controls> + <source src="share/test-recording.mp4" type="video/mp4"> + Your browser does not support the HTML5 video tag. +</video></p> + +<p>Listen to the audio (128kbps MP3) in your browser:</p> + +<p><audio controls> + <source src="share/test-recording.mp3" type="audio/mp3"> + Your browser does not support the HTML5 audio tag. +</audio</p> + +<p>You can download the episode in various formats using the links below:</p> + +<ul> + + <li><a href="share/test-recording.mkv" + download="test-recording.mkv">Download the MKV</a></li> + + <li><a href="share/test-recording.mp4" + download="test-recording.mp4">Download the MP4</a></li> + + <li><a href="share/test-recording.mp3" + download="test-recording.mp3">Download the 128kbps MP3 (Audio + Only)</a></li> + + <li><a href="share/test-recording-lq.mp3" + download="test-recording-lq.mp3">Download the 64kbps MP3 (Audio + Only)</a></li> + + <li><a href="share/test-recording-slq.mp3" + download="test-recording-slq.mp3">Download the 32kbps MP3 (Audio + Only)</a></li> + +</ul> + +<h4>Episode 1 – [Title]</h4> + +<p>Episode 1 should be coming soon. Stay tuned!</p> +</div> +<div id="footer"> + <p id="contact-info"> + To report any technical issues with the website or to leave a suggestion, + please send an email to + <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send + feedback or to comment on an article or the content of a page, please send + an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. + </p> + <p> + All content on this website is licensed under the + <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> + All code for this website is licensed under the + <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> + </p> +</div> +</body> +</html> diff --git a/public/html/projects.html b/public/html/projects.html @@ -29,7 +29,12 @@ <ul> <li><a href="https://git.sr.ht/~jbauer/">My Sourcehut (preferred git service)</a></li> <li><a href="https://github.com/JakeMBauer/">My GitHub</a></li> - <li><a href="/roll.html">D&D Simple Dice Roller</a></li> + <li>Dungeons & Dragons + <ul> + <li><a href="/dnd-podcast.html">D&D Podcast (We record our sessions!)</a></li> + <li><a href="/roll.html">D&D Simple Dice Roller</a></li> + </ul> + </li> </ul> </div> <div id="footer"> diff --git a/public/html/roll.html b/public/html/roll.html @@ -1,14 +1,12 @@ -<!DOCTYPE html5> +<!DOCTYPE html> + <html> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca – D&D Dice Roller</title> - <link rel="stylesheet" href="/css/roll.min.css"> - <link rel="stylesheet" href="/css/base.min.css"> - <script type="text/javascript" src=/js/math.js></script> - <script type="text/javascript" src=/js/roll.js></script> - </head> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial scale=1"> + <title>paritybit.ca – Roll</title> + <link rel="stylesheet" href="/css/base.min.css"> +</head> <body> <div id="header"> <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> @@ -26,76 +24,78 @@ </div> <div id="content"> - <h2>D&D Simple Dice Roller</h2> - <table id="dice-table"> - <tr> - <th>Die</th> - <th>Num</th> - <th>Mod</th> - <th>Result</th> - </tr> - <tr> - <td><button id="4" onClick="roll(this)">d4</button></td> - <td><input type="number" min=1 value=1 id="num4"></td> - <td><input type="number" value=0 id="mod4"></td> - <td><p class="field" id="4result">0</p> - </tr> - <tr> - <td><button id="6" onClick="roll(this)">d6</button></td> - <td><input type="number" min=1 value=1 id="num6"></td> - <td><input type="number" value=0 id="mod6"></td> - <td><p class="field" id="6result">0</p> - </tr> - <tr> - <td><button id="8" onClick="roll(this)">d8</button></td> - <td><input type="number" min=1 value=1 id="num8"></td> - <td><input type="number" value=0 id="mod8"></td> - <td><p class="field" id="8result">0</p> - </tr> - <tr> - <td><button id="10" onClick="roll(this)">d10</button></td> - <td><input type="number" min=1 value=1 id="num10"></td> - <td><input type="number" value=0 id="mod10"></td> - <td><p class="field" id="10result">0</p> - </tr> - <tr> - <td><button id="12" onClick="roll(this)">d12</button></td> - <td><input type="number" min=1 value=1 id="num12"></td> - <td><input type="number" value=0 id="mod12"></td> - <td><p class="field" id="12result">0</p> - </tr> - <tr> - <td><button id="20" onClick="roll(this)">d20</button></td> - <td><input type="number" min=1 value=1 id="num20"></td> - <td><input type="number" value=0 id="mod20"></td> - <td><p class="field" id="20result">0</p> - </tr> - <tr> - <td><button id="100" onClick="roll(this)">d100</button></td> - <td><input type="number" min=1 value=1 id="num100"></td> - <td><input type="number" value=0 id="mod100"></td> - <td><p class="field" id="100result">0</p> - </tr> - </table> - <div id="history"> - <textarea id="history-text" rows=12 cols=30>-------&#13;&#10;History</textarea> - <button id="clear-history" onClick="clear_history()">Clear</button> - </div> - </div> - <div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> - <p> - All content on this website is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> - All code for this website is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> - </p> - </div> - </body> +<h2>D&amp;D Simple Dice Roller</h2> + +<table id="dice-table"> + <tr> + <th>Die</th> + <th>Num</th> + <th>Mod</th> + <th>Result</th> + </tr> + <tr> + <td><button id="4" onClick="roll(this)">d4</button></td> + <td><input type="number" min=1 value=1 id="num4"></td> + <td><input type="number" value=0 id="mod4"></td> + <td><p class="field" id="4result">0</p> + </tr> + <tr> + <td><button id="6" onClick="roll(this)">d6</button></td> + <td><input type="number" min=1 value=1 id="num6"></td> + <td><input type="number" value=0 id="mod6"></td> + <td><p class="field" id="6result">0</p> + </tr> + <tr> + <td><button id="8" onClick="roll(this)">d8</button></td> + <td><input type="number" min=1 value=1 id="num8"></td> + <td><input type="number" value=0 id="mod8"></td> + <td><p class="field" id="8result">0</p> + </tr> + <tr> + <td><button id="10" onClick="roll(this)">d10</button></td> + <td><input type="number" min=1 value=1 id="num10"></td> + <td><input type="number" value=0 id="mod10"></td> + <td><p class="field" id="10result">0</p> + </tr> + <tr> + <td><button id="12" onClick="roll(this)">d12</button></td> + <td><input type="number" min=1 value=1 id="num12"></td> + <td><input type="number" value=0 id="mod12"></td> + <td><p class="field" id="12result">0</p> + </tr> + <tr> + <td><button id="20" onClick="roll(this)">d20</button></td> + <td><input type="number" min=1 value=1 id="num20"></td> + <td><input type="number" value=0 id="mod20"></td> + <td><p class="field" id="20result">0</p> + </tr> + <tr> + <td><button id="100" onClick="roll(this)">d100</button></td> + <td><input type="number" min=1 value=1 id="num100"></td> + <td><input type="number" value=0 id="mod100"></td> + <td><p class="field" id="100result">0</p> + </tr> +</table> + +<div id="history"> + <textarea id="history-text" rows=12 cols=30>-------&#13;&#10;History</textarea> + <button id="clear-history" onClick="clear_history()">Clear</button> +</div> +</div> +<div id="footer"> + <p id="contact-info"> + To report any technical issues with the website or to leave a suggestion, + please send an email to + <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send + feedback or to comment on an article or the content of a page, please send + an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. + </p> + <p> + All content on this website is licensed under the + <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a> + All code for this website is licensed under the + <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a> + </p> +</div> +</body> </html> diff --git a/public/share/test-recording-lq.mp3 b/public/share/test-recording-lq.mp3 Binary files differ. diff --git a/public/share/test-recording-slq.mp3 b/public/share/test-recording-slq.mp3 Binary files differ. diff --git a/public/share/test-recording.mkv b/public/share/test-recording.mkv Binary files differ. diff --git a/public/share/test-recording.mp3 b/public/share/test-recording.mp3 Binary files differ. diff --git a/public/share/test-recording.mp4 b/public/share/test-recording.mp4 Binary files differ.