Work so far in refactoring front-end

- Mainly getting rid of existing css/js
- No longer linking to stuff like a11y.css
- Creating a FrontPageController to better deal with the home page

public/assets/app.css

@@ -0,0 +1,5 @@
+body {
+  font-family: "Comic Sans MS", cursive; }
+
+
+/*# sourceMappingURL=app.css.map*/

public/assets/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./resources/sass/app.scss"],"names":[],"mappings":"AAAA;EACI,qCAAqC","file":"app.css","sourcesContent":["body {\n    font-family: \"Comic Sans MS\", cursive;\n}\n"],"sourceRoot":""}

public/assets/css-orig/app.css

@@ -0,0 +1,2 @@
+html{font-family:montserrat, sans-serif;font-weight:300;font-style:normal;font-size:20px}h1{font-family:bebas-neue, sans-serif;font-weight:400;font-style:normal}code{font-family:"Operator Mono", monospace}#topheader{display:flex;width:100vw;flex-direction:column;align-items:center;background-color:var(--black)}#topheader a{color:var(--white);text-decoration:none}#topheader h1{margin-top:0;padding-top:1rem;font-size:3rem}#topheader nav{padding-bottom:1rem;font-size:1.5rem}main{display:flex;flex-direction:column;align-items:center;background-color:var(--white);color:var(--black)}main a{color:var(--blue);text-decoration:none}main .h-entry{margin:3rem 0}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-around;list-style-type:none;width:40rem}@media screen and (max-width: 40rem){.pagination{width:95vw}}.personal-bio{width:40rem}@media screen and (max-width: 40rem){.personal-bio{width:95vw}}article.h-entry{width:40rem}.h-entry .note{width:40rem}@media screen and (max-width: 40rem){.h-entry .note{width:95vw}.h-entry .note .e-content img{width:100%}}footer{display:flex;flex-direction:column;align-items:center;background-color:var(--white);color:var(--black)}footer a{color:var(--blue);text-decoration:none}footer form:first-child{margin-bottom:1rem}footer p{margin-bottom:0}@media screen and (max-width: 40rem){footer img{width:95%}footer form{width:95vw}footer select{width:90vw}}.map{height:200px}.note-metadata{display:flex;flex-direction:row;justify-content:space-between}.note-metadata .social-links{flex-direction:row}.note-metadata .social-links svg{height:1em;width:auto}span[role=img][aria-label]{position:relative}span[role=img][aria-label]:focus::after,span[role=img][aria-label]:hover::after{position:absolute;display:block;z-index:1;bottom:1.5em;left:0;padding:0.5em 0.75em;border:0.05em solid #fff;border-radius:0.2em;box-shadow:0.15em 0.15em 0.5em #000;content:attr(aria-label);background-color:rgba(0,0,0,0.85);color:#fff;font-size:80%;-webkit-animation:TOOLTIP 0.1s ease-out 1;animation:TOOLTIP 0.1s ease-out 1}@-webkit-keyframes TOOLTIP{from{bottom:0.5em;background-color:rgba(0,0,0,0);border:0.05em solid rgba(255,255,255,0);color:rgba(255,255,255,0);box-shadow:0 0 0 #000}to{bottom:1.5em;background-color:rgba(0,0,0,0.85);border:0.05em solid #fff;color:#fff;box-shadow:0.15em 0.15em 0.5em #000}}@keyframes TOOLTIP{from{bottom:0.5em;background-color:rgba(0,0,0,0);border:0.05em solid rgba(255,255,255,0);color:rgba(255,255,255,0);box-shadow:0 0 0 #000}to{bottom:1.5em;background-color:rgba(0,0,0,0.85);border:0.05em solid #fff;color:#fff;box-shadow:0.15em 0.15em 0.5em #000}}@media print{span[role=img][aria-label]::after{content:" (" attr(aria-label) ") "}}
+/*# sourceMappingURL=app.css.map */

public/assets/css-orig/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../resources/sass/_base.scss","../../../resources/sass/_site-header.scss","../../../resources/sass/_main.scss","../../../resources/sass/_pagination.scss","../../../resources/sass/_bio.scss","../../../resources/sass/_articles.scss","../../../resources/sass/_notes.scss","../../../resources/sass/_footer.scss","../../../resources/sass/_mapbox.scss","../../../resources/sass/_syndication.scss","../../../resources/sass/_emoji.scss"],"names":[],"mappings":"AAGA,KACI,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CAClB,GAGG,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CACrB,KAGG,sCAAuC,CAC1C,WCfG,YAAa,CACb,WAAY,CACZ,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CALlC,aAQQ,kBAAmB,CACnB,oBAAqB,CAT7B,cAaQ,YAAa,CACb,gBAAiB,CACjB,cAAe,CAfvB,eAmBQ,mBAAoB,CACpB,gBAAiB,CACpB,KCpBD,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,OAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,cAaQ,aAAc,CACjB,YCbD,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,4BAA6B,CAC7B,oBAAqB,CACrB,WHaa,CGZhB,qCAGG,YACI,UAAW,CACd,CCZL,cACI,WJkBa,CIjBhB,qCAGG,cACI,UAAW,CACd,CCPL,gBACI,WLkBa,CKjBhB,eCDG,WNkBa,CMjBhB,qCAGG,eACI,UAAW,CADf,8BAKY,UAAW,CACd,CCXb,OACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,SAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,wBAaQ,kBAAmB,CAb3B,SAiBQ,eAAgB,CACnB,qCAID,WAEQ,SAAU,CAFlB,YAMQ,UAAW,CANnB,cAUQ,UAAW,CACd,CCjCT,KACI,YAAa,CAChB,eCDG,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAHlC,6BAMQ,kBAAmB,CAN3B,iCASY,UAAW,CACX,UAAW,CACd,2BCRL,iBAAkB,CACrB,gFAIG,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,YAAa,CACb,MAAO,CACP,oBAAqB,CACrB,wBAA2C,CAC3C,mBAAoB,CACpB,mCAAgD,CAChD,wBAAyB,CACzB,iCAAqC,CACrC,UAA6B,CAC7B,aAAc,CACd,yCAAW,CAAX,iCAAkC,CACrC,2BAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAhBvD,mBAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAIxD,aACI,kCACI,kCAAmC,CACtC","file":"app.css"}

public/assets/css-orig/colours/base16-3024.css

@@ -0,0 +1,19 @@
+/* base16-3024.css */
+:root {
+    --black: #090300; /* base00*/
+    --red: #db2d20; /* base08 */
+    --green: #01a252; /* base0B */
+    --yellow: #fded02; /* base0A */
+    --blue: #01a0e4; /* base0D */
+    --magenta: #a16a94; /* base0E */
+    --cyan: #b5e4f4; /* base0C */
+    --white: #a5a2a2; /* base05 */
+    --brblack: #5c5855; /* base03 */
+    --brred: #db2d20; /* base08 */
+    --brgreen: #01a252; /* base0B */
+    --bryellow: #fded02; /* base0A */
+    --brblue: #01a0e4; /* base0D */
+    --brmagenta: #a16a94; /* base0E */
+    --brcyan: #b5e4f4; /* base0C */
+    --brwhite: #f7f7f7; /* base07 */
+}

public/assets/css-orig/colours/base16-apathy.css

@@ -0,0 +1,19 @@
+/* base16-apathy.css */
+:root {
+    --black: #031A16; /* base00*/
+    --red: #3E9688; /* base08 */
+    --green: #883E96; /* base0B */
+    --yellow: #3E4C96; /* base0A */
+    --blue: #96883E; /* base0D */
+    --magenta: #4C963E; /* base0E */
+    --cyan: #963E4C; /* base0C */
+    --white: #81B5AC; /* base05 */
+    --brblack: #2B685E; /* base03 */
+    --brred: #3E9688; /* base08 */
+    --brgreen: #883E96; /* base0B */
+    --bryellow: #3E4C96; /* base0A */
+    --brblue: #96883E; /* base0D */
+    --brmagenta: #4C963E; /* base0E */
+    --brcyan: #963E4C; /* base0C */
+    --brwhite: #D2E7E4; /* base07 */
+}

public/assets/css-orig/colours/base16-ashes.css

@@ -0,0 +1,19 @@
+/* base16-ashes.css */
+:root {
+    --black: #1C2023; /* base00*/
+    --red: #C7AE95; /* base08 */
+    --green: #95C7AE; /* base0B */
+    --yellow: #AEC795; /* base0A */
+    --blue: #AE95C7; /* base0D */
+    --magenta: #C795AE; /* base0E */
+    --cyan: #95AEC7; /* base0C */
+    --white: #C7CCD1; /* base05 */
+    --brblack: #747C84; /* base03 */
+    --brred: #C7AE95; /* base08 */
+    --brgreen: #95C7AE; /* base0B */
+    --bryellow: #AEC795; /* base0A */
+    --brblue: #AE95C7; /* base0D */
+    --brmagenta: #C795AE; /* base0E */
+    --brcyan: #95AEC7; /* base0C */
+    --brwhite: #F3F4F5; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-cave-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-cave-light.css */
+:root {
+    --black: #efecf4; /* base00*/
+    --red: #be4678; /* base08 */
+    --green: #2a9292; /* base0B */
+    --yellow: #a06e3b; /* base0A */
+    --blue: #576ddb; /* base0D */
+    --magenta: #955ae7; /* base0E */
+    --cyan: #398bc6; /* base0C */
+    --white: #585260; /* base05 */
+    --brblack: #7e7887; /* base03 */
+    --brred: #be4678; /* base08 */
+    --brgreen: #2a9292; /* base0B */
+    --bryellow: #a06e3b; /* base0A */
+    --brblue: #576ddb; /* base0D */
+    --brmagenta: #955ae7; /* base0E */
+    --brcyan: #398bc6; /* base0C */
+    --brwhite: #19171c; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-cave.css

@@ -0,0 +1,19 @@
+/* base16-atelier-cave.css */
+:root {
+    --black: #19171c; /* base00*/
+    --red: #be4678; /* base08 */
+    --green: #2a9292; /* base0B */
+    --yellow: #a06e3b; /* base0A */
+    --blue: #576ddb; /* base0D */
+    --magenta: #955ae7; /* base0E */
+    --cyan: #398bc6; /* base0C */
+    --white: #8b8792; /* base05 */
+    --brblack: #655f6d; /* base03 */
+    --brred: #be4678; /* base08 */
+    --brgreen: #2a9292; /* base0B */
+    --bryellow: #a06e3b; /* base0A */
+    --brblue: #576ddb; /* base0D */
+    --brmagenta: #955ae7; /* base0E */
+    --brcyan: #398bc6; /* base0C */
+    --brwhite: #efecf4; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-dune-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-dune-light.css */
+:root {
+    --black: #fefbec; /* base00*/
+    --red: #d73737; /* base08 */
+    --green: #60ac39; /* base0B */
+    --yellow: #ae9513; /* base0A */
+    --blue: #6684e1; /* base0D */
+    --magenta: #b854d4; /* base0E */
+    --cyan: #1fad83; /* base0C */
+    --white: #6e6b5e; /* base05 */
+    --brblack: #999580; /* base03 */
+    --brred: #d73737; /* base08 */
+    --brgreen: #60ac39; /* base0B */
+    --bryellow: #ae9513; /* base0A */
+    --brblue: #6684e1; /* base0D */
+    --brmagenta: #b854d4; /* base0E */
+    --brcyan: #1fad83; /* base0C */
+    --brwhite: #20201d; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-dune.css

@@ -0,0 +1,19 @@
+/* base16-atelier-dune.css */
+:root {
+    --black: #20201d; /* base00*/
+    --red: #d73737; /* base08 */
+    --green: #60ac39; /* base0B */
+    --yellow: #ae9513; /* base0A */
+    --blue: #6684e1; /* base0D */
+    --magenta: #b854d4; /* base0E */
+    --cyan: #1fad83; /* base0C */
+    --white: #a6a28c; /* base05 */
+    --brblack: #7d7a68; /* base03 */
+    --brred: #d73737; /* base08 */
+    --brgreen: #60ac39; /* base0B */
+    --bryellow: #ae9513; /* base0A */
+    --brblue: #6684e1; /* base0D */
+    --brmagenta: #b854d4; /* base0E */
+    --brcyan: #1fad83; /* base0C */
+    --brwhite: #fefbec; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-estuary-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-estuary-light.css */
+:root {
+    --black: #f4f3ec; /* base00*/
+    --red: #ba6236; /* base08 */
+    --green: #7d9726; /* base0B */
+    --yellow: #a5980d; /* base0A */
+    --blue: #36a166; /* base0D */
+    --magenta: #5f9182; /* base0E */
+    --cyan: #5b9d48; /* base0C */
+    --white: #5f5e4e; /* base05 */
+    --brblack: #878573; /* base03 */
+    --brred: #ba6236; /* base08 */
+    --brgreen: #7d9726; /* base0B */
+    --bryellow: #a5980d; /* base0A */
+    --brblue: #36a166; /* base0D */
+    --brmagenta: #5f9182; /* base0E */
+    --brcyan: #5b9d48; /* base0C */
+    --brwhite: #22221b; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-estuary.css

@@ -0,0 +1,19 @@
+/* base16-atelier-estuary.css */
+:root {
+    --black: #22221b; /* base00*/
+    --red: #ba6236; /* base08 */
+    --green: #7d9726; /* base0B */
+    --yellow: #a5980d; /* base0A */
+    --blue: #36a166; /* base0D */
+    --magenta: #5f9182; /* base0E */
+    --cyan: #5b9d48; /* base0C */
+    --white: #929181; /* base05 */
+    --brblack: #6c6b5a; /* base03 */
+    --brred: #ba6236; /* base08 */
+    --brgreen: #7d9726; /* base0B */
+    --bryellow: #a5980d; /* base0A */
+    --brblue: #36a166; /* base0D */
+    --brmagenta: #5f9182; /* base0E */
+    --brcyan: #5b9d48; /* base0C */
+    --brwhite: #f4f3ec; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-forest-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-forest-light.css */
+:root {
+    --black: #f1efee; /* base00*/
+    --red: #f22c40; /* base08 */
+    --green: #7b9726; /* base0B */
+    --yellow: #c38418; /* base0A */
+    --blue: #407ee7; /* base0D */
+    --magenta: #6666ea; /* base0E */
+    --cyan: #3d97b8; /* base0C */
+    --white: #68615e; /* base05 */
+    --brblack: #9c9491; /* base03 */
+    --brred: #f22c40; /* base08 */
+    --brgreen: #7b9726; /* base0B */
+    --bryellow: #c38418; /* base0A */
+    --brblue: #407ee7; /* base0D */
+    --brmagenta: #6666ea; /* base0E */
+    --brcyan: #3d97b8; /* base0C */
+    --brwhite: #1b1918; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-forest.css

@@ -0,0 +1,19 @@
+/* base16-atelier-forest.css */
+:root {
+    --black: #1b1918; /* base00*/
+    --red: #f22c40; /* base08 */
+    --green: #7b9726; /* base0B */
+    --yellow: #c38418; /* base0A */
+    --blue: #407ee7; /* base0D */
+    --magenta: #6666ea; /* base0E */
+    --cyan: #3d97b8; /* base0C */
+    --white: #a8a19f; /* base05 */
+    --brblack: #766e6b; /* base03 */
+    --brred: #f22c40; /* base08 */
+    --brgreen: #7b9726; /* base0B */
+    --bryellow: #c38418; /* base0A */
+    --brblue: #407ee7; /* base0D */
+    --brmagenta: #6666ea; /* base0E */
+    --brcyan: #3d97b8; /* base0C */
+    --brwhite: #f1efee; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-heath-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-heath-light.css */
+:root {
+    --black: #f7f3f7; /* base00*/
+    --red: #ca402b; /* base08 */
+    --green: #918b3b; /* base0B */
+    --yellow: #bb8a35; /* base0A */
+    --blue: #516aec; /* base0D */
+    --magenta: #7b59c0; /* base0E */
+    --cyan: #159393; /* base0C */
+    --white: #695d69; /* base05 */
+    --brblack: #9e8f9e; /* base03 */
+    --brred: #ca402b; /* base08 */
+    --brgreen: #918b3b; /* base0B */
+    --bryellow: #bb8a35; /* base0A */
+    --brblue: #516aec; /* base0D */
+    --brmagenta: #7b59c0; /* base0E */
+    --brcyan: #159393; /* base0C */
+    --brwhite: #1b181b; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-heath.css

@@ -0,0 +1,19 @@
+/* base16-atelier-heath.css */
+:root {
+    --black: #1b181b; /* base00*/
+    --red: #ca402b; /* base08 */
+    --green: #918b3b; /* base0B */
+    --yellow: #bb8a35; /* base0A */
+    --blue: #516aec; /* base0D */
+    --magenta: #7b59c0; /* base0E */
+    --cyan: #159393; /* base0C */
+    --white: #ab9bab; /* base05 */
+    --brblack: #776977; /* base03 */
+    --brred: #ca402b; /* base08 */
+    --brgreen: #918b3b; /* base0B */
+    --bryellow: #bb8a35; /* base0A */
+    --brblue: #516aec; /* base0D */
+    --brmagenta: #7b59c0; /* base0E */
+    --brcyan: #159393; /* base0C */
+    --brwhite: #f7f3f7; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-lakeside-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-lakeside-light.css */
+:root {
+    --black: #ebf8ff; /* base00*/
+    --red: #d22d72; /* base08 */
+    --green: #568c3b; /* base0B */
+    --yellow: #8a8a0f; /* base0A */
+    --blue: #257fad; /* base0D */
+    --magenta: #6b6bb8; /* base0E */
+    --cyan: #2d8f6f; /* base0C */
+    --white: #516d7b; /* base05 */
+    --brblack: #7195a8; /* base03 */
+    --brred: #d22d72; /* base08 */
+    --brgreen: #568c3b; /* base0B */
+    --bryellow: #8a8a0f; /* base0A */
+    --brblue: #257fad; /* base0D */
+    --brmagenta: #6b6bb8; /* base0E */
+    --brcyan: #2d8f6f; /* base0C */
+    --brwhite: #161b1d; /* base07 */
+}