Add Referee's Tools

Update JS, add versioning (for cache-busting updates)
Clean up a bunch of unused files
Add Rivertail community
Add some new races

src/assets/fragments/today.md

@@ -1,5 +1 @@
-<!---
-date_pub: 2023-06-12T08:54:00-04:00
--->
-
-As of last session, it is the **middle of the 2nd phase of the 1st Warday of Urtson-Nu, in year 5023 of the Common Astral Calendar**.
+As of last session, it is **near the end of the 1st shift of the 1st phase of 2nd Warday of Urtson-Nu, in year 5023 of the Common Astral Calendar**.

src/assets/scripts/5-fontfaceobserver.min.js

@@ -1,10 +0,0 @@
-// @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt BSD-3-Clause
-/*
-	Font Face Observer v2.3.0
-	https://github.com/bramstein/fontfaceobserver
-	The BSD 3-Clause License
-	Copyright Bram Stein. All rights reserved.
-*/
-(function(){"use strict";var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;){g[0](),g.shift()}}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a){throw new TypeError()}var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}function r(a,b){if(a.a==p){if(b==a){throw new TypeError()}a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p){for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1){u(a[k]).c(d(k),c)}})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1){u(a[d]).c(b,c)}})}window.Promise||((window.Promise=n),(window.Promise.resolve=u),(window.Promise.reject=t),(window.Promise.race=x),(window.Promise.all=w),(window.Promise.prototype.then=n.prototype.c),(window.Promise.prototype["catch"]=n.prototype.g))})();
-(function(){function p(a,c){document.addEventListener?a.addEventListener("scroll",c,!1):a.attachEvent("scroll",c)}function u(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function b(){document.removeEventListener("DOMContentLoaded",b);a()}):document.attachEvent("onreadystatechange",function g(){if("interactive"==document.readyState||"complete"==document.readyState){document.detachEvent("onreadystatechange",g),a()}})}function w(a){this.g=document.createElement("div");this.g.setAttribute("aria-hidden","true");this.g.appendChild(document.createTextNode(a));this.h=document.createElement("span");this.i=document.createElement("span");this.m=document.createElement("span");this.j=document.createElement("span");this.l=-1;this.h.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.i.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.j.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.m.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.h.appendChild(this.m);this.i.appendChild(this.j);this.g.appendChild(this.h);this.g.appendChild(this.i)}function x(a,c){a.g.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+c+";"}function B(a){var c=a.g.offsetWidth,b=c+100;a.j.style.width=b+"px";a.i.scrollLeft=b;a.h.scrollLeft=a.h.scrollWidth+100;return a.l!==c?((a.l=c),!0):!1}function C(a,c){function b(){var e=g;B(e)&&null!==e.g.parentNode&&c(e.l)}var g=a;p(a.h,b);p(a.i,b);B(a)}function D(a,c,b){c=c||{};b=b||window;this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal";this.context=b}var E=null,F=null,G=null,H=null;function I(a){null===F&&(M(a)&&/Apple/.test(window.navigator.vendor)?((a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent)),(F=!!a&&603>parseInt(a[1],10))):(F=!1));return F}function M(a){null===H&&(H=!!a.document.fonts);return H}function N(a,c){var b=a.style,g=a.weight;if(null===G){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(q){}G=""!==e.style.font}return[b,g,G?a.stretch:"","100px",c].join(" ")}D.prototype.load=function(a,c){var b=this,g=a||"BESbswy",e=0,q=c||3e3,J=new Date().getTime();return new Promise(function(K,L){if(M(b.context)&&!I(b.context)){var O=new Promise(function(r,t){function h(){new Date().getTime()-J>=q?t(Error(""+q+"ms timeout exceeded")):b.context.document.fonts.load(N(b,'"'+b.family+'"'),g).then(function(n){1<=n.length?r():setTimeout(h,25)},t)}h()}),P=new Promise(function(r,t){e=setTimeout(function(){t(Error(""+q+"ms timeout exceeded"))},q)});Promise.race([P,O]).then(function(){clearTimeout(e);K(b)},L)}else{u(function(){function r(){var d;if((d=(-1!=k&&-1!=l)||(-1!=k&&-1!=m)||(-1!=l&&-1!=m))){(d=k!=l&&k!=m&&l!=m)||(null===E&&((d=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent)),(E=!!d&&(536>parseInt(d[1],10)||(536===parseInt(d[1],10)&&11>=parseInt(d[2],10))))),(d=E&&((k==y&&l==y&&m==y)||(k==z&&l==z&&m==z)||(k==A&&l==A&&m==A)))),(d=!d)}d&&(null!==f.parentNode&&f.parentNode.removeChild(f),clearTimeout(e),K(b))}function t(){if(new Date().getTime()-J>=q){null!==f.parentNode&&f.parentNode.removeChild(f),L(Error(""+q+"ms timeout exceeded"))}else{var d=b.context.document.hidden;if(!0===d||void 0===d){(k=h.g.offsetWidth),(l=n.g.offsetWidth),(m=v.g.offsetWidth),r()}e=setTimeout(t,50)}}var h=new w(g),n=new w(g),v=new w(g),k=-1,l=-1,m=-1,y=-1,z=-1,A=-1,f=document.createElement("div");f.dir="ltr";x(h,N(b,"sans-serif"));x(n,N(b,"serif"));x(v,N(b,"monospace"));f.appendChild(h.g);f.appendChild(n.g);f.appendChild(v.g);b.context.document.body.appendChild(f);y=h.g.offsetWidth;z=n.g.offsetWidth;A=v.g.offsetWidth;t();C(h,function(d){k=d;r()});x(h,N(b,'"'+b.family+'",sans-serif'));C(n,function(d){l=d;r()});x(n,N(b,'"'+b.family+'",serif'));C(v,function(d){m=d;r()});x(v,N(b,'"'+b.family+'",monospace'))})}})};"object"===typeof module?(module.exports=D):((window.FontFaceObserver=D),(window.FontFaceObserver.prototype.load=D.prototype.load))})();
-// @license-end

src/assets/scripts/6-classlist.min.js

@@ -1,8 +0,0 @@
-// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Unlicense
-/*
-	classList.js v1.2.20171210
-	https://github.com/eligrey/classList.js
-	The Unlicense
-*/
-"document"in self&&("classList"in document.createElement("_")&&(!document.createElementNS||"classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))||!function(t){"use strict";if("Element"in t){var e="classList",n="prototype",i=t.Element[n],s=Object,r=String[n].trim||function(){return this.replace(/^\s+|\s+$/g,"")},o=Array[n].indexOf||function(t){for(var e=0,n=this.length;n>e;e++)if(e in this&&this[e]===t)return e;return-1},c=function(t,e){this.name=t,this.code=DOMException[t],this.message=e},a=function(t,e){if(""===e)throw new c("SYNTAX_ERR","The token must not be empty.");if(/\s/.test(e))throw new c("INVALID_CHARACTER_ERR","The token must not contain space characters.");return o.call(t,e)},l=function(t){for(var e=r.call(t.getAttribute("class")||""),n=e?e.split(/\s+/):[],i=0,s=n.length;s>i;i++)this.push(n[i]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},u=l[n]=[],h=function(){return new l(this)};if(c[n]=Error[n],u.item=function(t){return this[t]||null},u.contains=function(t){return~a(this,t+"")},u.add=function(){var t,e=arguments,n=0,i=e.length,s=!1;do t=e[n]+"",~a(this,t)||(this.push(t),s=!0);while(++n<i);s&&this._updateClassName()},u.remove=function(){var t,e,n=arguments,i=0,s=n.length,r=!1;do for(t=n[i]+"",e=a(this,t);~e;)this.splice(e,1),r=!0,e=a(this,t);while(++i<s);r&&this._updateClassName()},u.toggle=function(t,e){var n=this.contains(t),i=n?e!==!0&&"remove":e!==!1&&"add";return i&&this[i](t),e===!0||e===!1?e:!n},u.replace=function(t,e){var n=a(t+"");~n&&(this.splice(n,1,e),this._updateClassName())},u.toString=function(){return this.join(" ")},s.defineProperty){var f={get:h,enumerable:!0,configurable:!0};try{s.defineProperty(i,e,f)}catch(p){void 0!==p.number&&-2146823252!==p.number||(f.enumerable=!1,s.defineProperty(i,e,f))}}else s[n].__defineGetter__&&i.__defineGetter__(e,h)}}(self),function(){"use strict";var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var e=function(t){var e=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var n,i=arguments.length;for(n=0;i>n;n++)t=arguments[n],e.call(this,t)}};e("add"),e("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var n=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return 1 in arguments&&!this.contains(t)==!e?e:n.call(this,t)}}"replace"in document.createElement("_").classList||(DOMTokenList.prototype.replace=function(t,e){var n=this.toString().split(" "),i=n.indexOf(t+"");~i&&(n=n.slice(i),this.remove.apply(this,n),this.add(e),this.add.apply(this,n.slice(1)))}),t=null}());
-// @license-end

src/assets/scripts/scripts.js

@@ -1,64 +1,67 @@
 // @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0
 /****************************************************************************
- * It's Eric Woodward's Site
+ * Planar Vagabond's Guide to the Multiverse (planarvagabond.com)
  *
- * Copyright 2014-2023 Eric Woodward
+ * Copyright 2023 Eric Woodward
  * Source released under CC0 Public Domain License v1.0
+ * https://www.itsericwoodward.com/licenses/cc0
  * http://creativecommons.org/publicdomain/zero/1.0/
  ****************************************************************************/
 
-const onLoad = () => {
-	if (window.dayjs) dayjs.extend(window.dayjs_plugin_relativeTime);
+export default (() => {
+    // we load this library via "module" to guarantee baseline ES6 functionality
+    console.log('boot!', window.Cookies);
 
-	// Indicate JS is loaded
-	document.documentElement.className =
-		document.documentElement.className.replace("no-js", "js");
+    // check for loaded libraries
+    if (!window.Cookies) return;
 
-	// Enable cached fonts ASAP
-	if (window.Cookies && !!Cookies.get("fonts_loaded")) {
-		document.documentElement.className += " js-hasFontsLoaded";
-	}
+    if (window.dayjs) dayjs.extend(window.dayjs_plugin_relativeTime);
 
-	docReady(() => {
-		setTimeout(() => {
-			if (!window.Cookies || !window.FontFaceObserver) return;
+    // Indicate JS is loaded
+    document.documentElement.className =
+        document.documentElement.className.replace('no-js', 'js');
 
-			// Lazy-Load Media
-			if (typeof loadMedia === "function") {
-				loadMedia(".js-lazyLoader", null, true);
-			}
+    // Enable cached fonts ASAP
+    if (!!Cookies.get('fonts_loaded')) {
+        document.documentElement.className += ' js-hasFontsLoaded';
+    }
 
-			// Add relative dates via dayjs
-			if (window.dayjs) {
-				const times = document.getElementsByTagName("time");
+    docReady(() => {
+        setTimeout(() => {
+            // Lazy-Load Media
+            if (typeof loadMedia === 'function') {
+                loadMedia('.js-lazyLoader', null, true);
+            }
 
-				[].forEach.call(times, function (the_time) {
-					let pub_time = the_time.getAttribute("datetime");
-					if (the_time.className.indexOf("js-noRelativeTime") === -1)
-						the_time.innerHTML +=
-							' <span class="js-momentTime">(' +
-							dayjs(pub_time).from(dayjs()) +
-							")</span>";
-					the_time.classList.add("isDone");
-				});
-			}
+            // Add relative dates via dayjs
+            if (window.dayjs) {
+                const times = document.getElementsByTagName('time');
 
-			if (document.documentElement.className.indexOf("is404") > -1) {
-				document.getElementById("searchQuery").value =
-					window.location.pathname
-						.replace(/\\.html?$/, "")
-						.replace(/\//g, " ");
-			}
+                [].forEach.call(times, (the_time) => {
+                    let pub_time = the_time.getAttribute('datetime');
+                    if (the_time.className.indexOf('js-noRelativeTime') === -1)
+                        the_time.innerHTML +=
+                            ' <span class="js-momentTime">(' +
+                            dayjs(pub_time).from(dayjs()) +
+                            ')</span>';
+                    the_time.classList.add('isDone');
+                });
+            }
 
-			document
-				.getElementById("searchForm")
-				.addEventListener("submit", function (e) {
-					document.getElementById("searchQuery").value +=
-						" site:" + window.location.hostname;
-				});
-		}, 1);
-	});
-};
+            if (document.documentElement.className.indexOf('is404') > -1) {
+                document.getElementById('searchQuery').value =
+                    window.location.pathname
+                        .replace(/\\.html?$/, '')
+                        .replace(/\//g, ' ');
+            }
 
-onLoad();
+            document
+                .getElementById('searchForm')
+                .addEventListener('submit', (e) => {
+                    document.getElementById('searchQuery').value +=
+                        ' site:' + window.location.hostname;
+                });
+        }, 1);
+    });
+})();
 // @license-end

src/assets/scripts/tools.js

@@ -0,0 +1,76 @@
+// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt MIT
+/****************************************************************************
+ * Planar Vagabond's Guide to the Multiverse (planarvagabond.com)
+ * Referee Tools
+ *
+ * Copyright 2023 Eric Woodward
+ * Source released under MIT License
+ * https://www.itsericwoodward.com/licenses/mit
+ ****************************************************************************/
+
+const // Scripts for the Die Roller
+    addRollerForm = () => {
+        const rollerForm = document.getElementById('js-rollerForm'),
+            rollerInput = document.getElementById('js-rollerInput'),
+            rollerOutput = document.getElementById('js-rollerOutput');
+
+        // double-click [x] to clear list
+        rollerForm.addEventListener('reset', (e) => {
+            if (rollerInput.value === '') rollerOutput.replaceChildren();
+        });
+
+        // do the roll and show th (cleaned-up) result
+        rollerForm.addEventListener('submit', (e) => {
+            e.preventDefault();
+            if (!window.dice) return;
+
+            const newEl = document.createElement('li');
+            const result = dice.roll(rollerInput.value);
+            newEl.innerText = `${dice.stringify(result)
+                .replaceAll('!!!mods listing not yet complete!!!', '')} = ${+result}`;
+            rollerOutput.prepend(newEl);
+        });
+
+        // clear on escape key
+        rollerForm.addEventListener('keydown', (event) => {
+            if (event.key === 'Escape') rollerForm.reset();
+        });
+    },
+
+    // Scripts for the Complication Randomizers
+    shuffleContainer = (parent) => {
+        const container = document.getElementById(parent),
+            children = container.children,
+            length = children.length,
+            shuffled = [...children];
+
+        for (let i = 0; i < length * length; i++)
+            shuffled.sort(() => 0.5 - Math.random());
+        for (let i = 0; i < length; i++) container.appendChild(shuffled[i]);
+    },
+
+    addComplicationForm = () => {
+        const complicationForm = document.getElementById('js-complicationForm');
+        complicationForm.addEventListener('submit', (e) => {
+            e.preventDefault();
+            shuffleContainer('js-complicationList');
+        });
+    },
+
+    addAstralComplicationForm = () => {
+        const complicationForm = document.getElementById(
+            'js-astralComplicationForm'
+        );
+        complicationForm.addEventListener('submit', (e) => {
+            e.preventDefault();
+            shuffleContainer('js-astralComplicationList');
+        });
+    };
+
+export default (() => {
+    addRollerForm();
+    addComplicationForm();
+    addAstralComplicationForm();
+})();
+
+// @license-end

src/assets/styles/fonts.css

@@ -1,4 +1,13 @@
-@font-face {
+/****************************************************************************
+ * Planar Vagabond's Guide to the Multiverse (planarvagabond.com)
+ *
+ * Copyright 2023 Eric Woodward
+ * Source released under CC0 Public Domain License v1.0
+ * https://www.itsericwoodward.com/licenses/cc0
+ * http://creativecommons.org/publicdomain/zero/1.0/
+ ****************************************************************************/
+
+ @font-face {
 	font-family: "raleway";
 	src: local("Raleway"),
 		url("/fonts/raleway/raleway-regular-webfont.woff2") format("woff2"),

src/assets/styles/imports.css

@@ -1,8 +1,9 @@
 /****************************************************************************
- * It's Eric Woodward (dotcom)
+ * Planar Vagabond's Guide to the Multiverse (planarvagabond.com)
  *
- * Copyright 2015-2018 Eric Woodward
+ * Copyright 2023 Eric Woodward
  * Source released under CC0 Public Domain License v1.0
+ * https://www.itsericwoodward.com/licenses/cc0
  * http://creativecommons.org/publicdomain/zero/1.0/
  ****************************************************************************/
 

src/assets/styles/styles.css

@@ -3,22 +3,12 @@
  *
  * Copyright 2023 Eric Woodward
  * Source released under CC0 Public Domain License v1.0
+ * https://www.itsericwoodward.com/licenses/cc0
  * http://creativecommons.org/publicdomain/zero/1.0/
  ****************************************************************************/
 
 /*
-  Old New Palette
-  color: #e7a07f
-  bg: #252837
-  link: #38B1B6
-  border: #C33F3D
-  big-font: #C33F3D
-  black: #1A0608
-  other: #E8A384
-  visited: #3d81a5
-  blockquote: #04778f
-
-  New New Palette
+  Palette
   color: #FADBB0
   bg: #2C0F2A
   link: #44FCFC
@@ -33,8 +23,10 @@
 html {
 	font-size: 16px;
 }
+
 body {
-	background: #2c0f2a; /* Old browsers */
+	background: #2c0f2a;
+	/* Old browsers */
 	background: url("/images/site-bg.jpg") bottom fixed;
 	background-size: cover;
 	color: #fadbb0;
@@ -100,7 +92,7 @@ kbd {
 	background-color: rgba(13, 24, 82, 0.5);
 	color: #ccc;
 	font-size: 0.9em;
-	padding: 0.25em;
+	padding: 0;
 }
 
 details {
@@ -112,7 +104,7 @@ details[open] {
 	max-height: 100rem;
 }
 
-details > summary {
+details>summary {
 	cursor: pointer;
 	display: block;
 	font-weight: bold;
@@ -122,7 +114,7 @@ details > summary {
 	user-select: none;
 }
 
-details[open] > summary::before {
+details[open]>summary::before {
 	transform: rotate(90deg);
 }
 
@@ -154,18 +146,19 @@ figure {
 	text-align: center;
 }
 
-figure[data-type="image"] > a {
+figure[data-type="image"]>a {
 	position: relative;
 }
 
-figure[data-type="image"] > a[target="_blank"]::after {
+figure[data-type="image"]>a[target="_blank"]::after {
 	position: absolute;
 	bottom: 1rem;
 	right: 1rem;
 }
 
 figure img {
-	width: 100%; /* Scale down */
+	width: 100%;
+	/* Scale down */
 }
 
 h1 {
@@ -265,7 +258,7 @@ pre {
 	color: #ccc;
 	font-size: 0.9em;
 	overflow: auto;
-	padding: 0.25em;
+	padding: 0.25em 0.5em;
 }
 
 pre code,
@@ -357,13 +350,13 @@ a.hiddenLink:hover {
 	z-index: 0;
 }
 
-.imgWrapper figure > a {
+.imgWrapper figure>a {
 	border-color: transparent;
 	display: inline-block;
 	padding: 0.5rem 0.5rem 0.25rem;
 }
 
-.imgWrapper figure > a:hover {
+.imgWrapper figure>a:hover {
 	border-color: #e94e5c;
 }
 
@@ -391,9 +384,10 @@ a.licenseLink:hover {
 	cursor: pointer;
 	z-index: 9;
 }
-.menu-icon > span,
-.menu-icon > span::before,
-.menu-icon > span::after {
+
+.menu-icon>span,
+.menu-icon>span::before,
+.menu-icon>span::after {
 	display: block;
 	position: absolute;
 	width: 100%;
@@ -401,11 +395,13 @@ a.licenseLink:hover {
 	background-color: #616161;
 	transition-duration: 0.25s;
 }
-.menu-icon > span::before {
+
+.menu-icon>span::before {
 	content: "";
 	top: -8px;
 }
-.menu-icon > span::after {
+
+.menu-icon>span::after {
 	content: "";
 	top: 8px;
 }
@@ -447,36 +443,36 @@ a.licenseLink:hover {
 	margin-top: -1rem;
 }
 
-#menu-toggle:checked + .menu-label {
+#menu-toggle:checked+.menu-label {
 	position: fixed;
 }
 
-#menu-toggle:checked + .menu-label .menu-icon > span {
+#menu-toggle:checked+.menu-label .menu-icon>span {
 	transform: rotate(45deg);
 }
 
-#menu-toggle:checked + .menu-label .menu-icon > span::before {
+#menu-toggle:checked+.menu-label .menu-icon>span::before {
 	top: 0;
 	transform: rotate(0deg);
 }
 
-#menu-toggle:checked + .menu-label .menu-icon > span::after {
+#menu-toggle:checked+.menu-label .menu-icon>span::after {
 	top: 0;
 	transform: rotate(90deg);
 }
 
-#menu-toggle:checked ~ .navMenu {
+#menu-toggle:checked~.navMenu {
 	left: 0;
 }
 
-#menu-toggle:checked + .menu-label .menu-text {
+#menu-toggle:checked+.menu-label .menu-text {
 	transform: rotate(90deg);
 	left: -1rem;
 	top: 4rem;
 }
 
 /* Prevents close toggle from scrolling offscreen */
-#menu-toggle:checked + .menu__btn {
+#menu-toggle:checked+.menu__btn {
 	position: fixed;
 	top: 1rem;
 }
@@ -563,7 +559,7 @@ a.licenseLink:hover {
 	white-space: nowrap;
 }
 
-.navMenu > ul > li.hasSubMenu:hover > a {
+.navMenu>ul>li.hasSubMenu:hover>a {
 	border: 1px solid #e94e5c;
 }
 
@@ -615,16 +611,19 @@ a.licenseLink:hover {
 	padding-left: 0;
 }
 
-.navMenu > ul {
+.navMenu>ul {
 	padding: 1rem 2rem 1rem 4rem;
 	overflow-y: auto;
 }
-.navMenu > ul > li {
+
+.navMenu>ul>li {
 	margin-top: 1rem;
 }
-.navMenu > ul > li:first-child {
+
+.navMenu>ul>li:first-child {
 	margin-top: 0;
 }
+
 .navMenu ul li ul {
 	align-items: stretch;
 	display: flex;
@@ -652,7 +651,7 @@ a.licenseLink:hover {
 	padding-left: 2rem;
 }
 
-.navMenu ul li.hasSubMenu > a {
+.navMenu ul li.hasSubMenu>a {
 	padding-left: 1rem;
 }
 
@@ -666,7 +665,7 @@ a.licenseLink:hover {
 	padding-left: 1rem;
 }
 
-.navMenu ul li.hasSubMenu > a::before {
+.navMenu ul li.hasSubMenu>a::before {
 	content: ">";
 	margin-left: -1rem;
 	padding-right: 0.5rem;
@@ -785,6 +784,23 @@ a.pageTitle-sublink {
 	margin-top: 0.5rem;
 }
 
+.refereeTools {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.rollerForm input[type=reset] {
+	font-size: small;
+	margin-left: -1.5rem;
+	margin-right: .5rem;
+	vertical-align: text-top;
+}
+
+.rollerForm input[type=text] {
+	padding-right: 1.5rem;
+}
+
 .rulesMenu {
 	/* border: 1px solid #fadbb0; */
 	align-items: center;
@@ -848,78 +864,6 @@ a.pageTitle-sublink {
 	margin-top: 2rem;
 }
 
-.siteTitle-text {
-	max-width: 60%;
-}
-
-.timelineTableWrapper td:first-child {
-	white-space: nowrap;
-}
-
-.siteTitle-text {
-	text-align: left;
-}
-
-.table-of-contents {
-	backdrop-filter: blur(2rem);
-	border: 1px dashed #f6bc43;
-	display: block;
-	float: right;
-	margin-left: 2rem;
-	margin-bottom: 1rem;
-}
-
-.table-of-contents ul {
-	display: flex;
-	flex-direction: column;
-	list-style: none;
-	margin: 0 0 0.5rem 0;
-	padding: 0;
-}
-
-.table-of-contents ul li {
-	display: flex;
-	flex-direction: column;
-	margin: 0;
-}
-
-.table-of-contents ul li a {
-	border-bottom: 0;
-	padding: 0 0.5rem;
-	text-decoration: none;
-	width: 100%;
-}
-
-.table-of-contents ul li ul {
-	margin: 0;
-}
-
-.table-of-contents ul li ul li a {
-	padding: 0 0.5rem 0 1.5rem;
-	font-size: smaller;
-}
-
-.toc-container-header {
-	text-align: center;
-	background-color: rgba(37, 40, 55, 0.6);
-	color: rgba(195, 63, 61, 1);
-	font-weight: bold;
-}
-
-/****************************************************************************
- * JS Overrides
- ****************************************************************************/
-
-.js .pubDate.isDone {
-	-webkit-transition: 0.3s visibility;
-	transition: 0.3s visibility;
-	visibility: visible;
-}
-
-.no-js .pubDate {
-	visibility: visible;
-}
-
 /*
 .searchBox {
 	margin-left: auto;
@@ -985,6 +929,81 @@ a.pageTitle-sublink {
 	max-width: 48rem;
 }
 
+.siteTitle-text {
+	text-align: left;
+}
+
+.table-of-contents {
+	backdrop-filter: blur(2rem);
+	border: 1px dashed #f6bc43;
+	display: block;
+	float: right;
+	margin-left: 2rem;
+	margin-bottom: 1rem;
+}
+
+.table-of-contents ul {
+	display: flex;
+	flex-direction: column;
+	list-style: none;
+	margin: 0 0 0.5rem 0;
+	padding: 0;
+}
+
+.table-of-contents ul li {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+}
+
+.table-of-contents ul li a {
+	border-bottom: 0;
+	padding: 0 0.5rem;
+	text-decoration: none;
+	width: 100%;
+}
+
+.table-of-contents ul li ul {
+	margin: 0;
+}
+
+.table-of-contents ul li ul li a {
+	padding: 0 0.5rem 0 1.5rem;
+	font-size: smaller;
+}
+
+.timelineTableWrapper td:first-child {
+	white-space: nowrap;
+}
+
+.toc-container-header {
+	text-align: center;
+	background-color: rgba(37, 40, 55, 0.6);
+	color: rgba(195, 63, 61, 1);
+	font-weight: bold;
+}
+
+.toolDetails {
+	border: 1px dashed;
+	display: none;
+	margin-bottom: 4%;
+	overflow-y: auto;
+	padding: .5rem 2rem;
+	width: 100%;
+}
+
+.toolDetails[open] {
+	max-height: 25rem;
+}
+
+.toolDetails p {
+	margin-left: -1rem;
+}
+
+.toolDetails summary {
+	margin-left: -2rem;
+}
+
 .topAnchor {
 	border: none;
 	height: 0;
@@ -1005,6 +1024,26 @@ a.pageTitle-sublink {
 	display: none;
 }
 
+
+/****************************************************************************
+ * JS Overrides
+ ****************************************************************************/
+
+.js .pubDate.isDone {
+	-webkit-transition: 0.3s visibility;
+	transition: 0.3s visibility;
+	visibility: visible;
+}
+
+.js .toolDetails {
+	display: block;
+}
+
+.no-js .pubDate {
+	visibility: visible;
+}
+
+
 /****************************************************************************
  * Media Queries
  ****************************************************************************/
@@ -1091,11 +1130,11 @@ a.pageTitle-sublink {
 		font-size: 1em;
 	}
 
-	#menu-toggle:checked + .menu-label {
+	#menu-toggle:checked+.menu-label {
 		position: absolute;
 	}
 
-	#menu-toggle:checked + .menu-label .menu-text {
+	#menu-toggle:checked+.menu-label .menu-text {
 		transform: none;
 		left: 2.25rem;
 		top: 0.75rem;
@@ -1105,7 +1144,7 @@ a.pageTitle-sublink {
 		display: block;
 	}
 
-	.navMenu > ul {
+	.navMenu>ul {
 		padding: 4rem 2rem 1rem 2rem;
 	}
 
@@ -1137,10 +1176,14 @@ a.pageTitle-sublink {
 	.siteTitle {
 		margin-top: 3rem;
 	}
+
+	.toolDetails {
+		width: 48%;
+	}
 }
 
 @media all and (min-width: 1200px) {
-	#menu-toggle:checked + .menu-label .menu-text {
+	#menu-toggle:checked+.menu-label .menu-text {
 		background: rgba(37, 40, 55, 0.9);
 		border-radius: 0.3rem;
 		padding: 0.5rem;
@@ -1155,4 +1198,4 @@ a.pageTitle-sublink {
 	a {
 		transition-duration: 0.1s;
 	}
-}
+}