All Variables Easy Override

19 files changed, 0 insertions, 1209 deletions

diff --git a/sass/include/_button.scss b/sass/include/_button.scss
deleted file mode 100644
index 974502f..0000000
--- a/sass/include/_button.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Form elements (button)
- */
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  padding: .2rem var(--s1);
-  max-width: 100%;
-  background: var(--c2);
-  border: 0;
-  border-radius: .25rem;
-  font: inherit;
-  line-height: var(--fs);
-  color: var(--f1);
-}
-button.del {
-  color: var(--cr);
-}
-button,
-[type="button" i],
-[type="submit" i],
-[type="reset" i] {
-  //-webkit-appearance: button;
-  display: inline-block;
-  text-align: center;
-  white-space: nowrap;
-  //background: var(--c2);
-  color: var(--f1);
-  border: 0;
-  cursor: pointer;
-  transition: opacity .25s;
-}
-button:hover,
-[type="button" i]:hover,
-[type="submit" i]:hover,
-[type="reset" i]:hover {
-  opacity: .75;
-}
-button[disabled],
-[type="button" i][disabled],
-[type="submit" i][disabled],
-[type="reset" i][disabled] {
-  opacity: .5;
-}
diff --git a/sass/include/_code.scss b/sass/include/_code.scss
deleted file mode 100644
index 85bedf1..0000000
--- a/sass/include/_code.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Code
- */
-pre,
-code,
-kbd,
-samp,
-tt,
-var {
-  border-radius: var(--br);
-  background: var(--c2);
-  font-family: var(--fm);
-  line-height: initial;
-  font-size: .8rem;
-  padding: .3rem .2rem;
-}
-pre {
-  display: block;
-  overflow-x: auto;
-  -ms-overflow-style: scrollbar;
-  white-space: pre;
-  > code {
-    display: block;
-    background: transparent;
-  }
-}
-
-// kbd
-kbd {
-  background-color: var(--f2);
-  color: var(--c1);
-  vertical-align: baseline;
-  font-size: 1rem;
-  padding: .2rem;
-}
diff --git a/sass/include/_document.scss b/sass/include/_document.scss
deleted file mode 100644
index de2701f..0000000
--- a/sass/include/_document.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Document: Content-box & Responsive typography
- */
-
-// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`
-*,
-*::before,
-*::after {
-  box-sizing: border-box; // 1
-}
-
-// 1. Add text decoration inheritance in all browsers (opinionated)
-// 2. Add vertical alignment inheritance in all browsers (opinionated)
-//::before,
-//::after {
-//  text-decoration: inherit; // 1
-//  vertical-align: inherit; // 2
-//}
-
-// 1. Correct the line height in all browsers
-// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS
-// 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS
-// 4. Change the default tap highlight to be completely transparent in iOS
-// 5. Use the default cursor in all browsers (opinionated)
-// 6. Use a 4-space tab width in all browsers (opinionated)
-html {
-  text-rendering: optimizeLegibility;
-  background-color: var(--c1);
-  color: var(--f1);
-  font-family: var(--ff);
-  font-weight: var(--fw);
-  font-size: var(--fs);
-  line-height: var(--lh); // 1
-//  -ms-text-size-adjust: 100%; // 2
-//  -webkit-text-size-adjust: 100%; // 3
-//  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 4
-//  cursor: default; // 5
-//  tab-size: 4; // 6
-}
diff --git a/sass/include/_embedded.scss b/sass/include/_embedded.scss
deleted file mode 100644
index bd1dbb8..0000000
--- a/sass/include/_embedded.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Embedded content
- */
-.yvi {//youtube and vimeo iframe
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.yv {//youtube and vimeo div
-  position: relative;
-  padding-bottom: 56.25%;
-  height: 0;
-  overflow: hidden;
-}
-img,
-video,
-svg {
-  max-width: 100%;
-  height: auto;
-}
-embed,
-iframe,
-object {
-  max-width: 100%;
-}
-iframe {
-  border-style: none;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  overflow: hidden;
-}
diff --git a/sass/include/_form.scss b/sass/include/_form.scss
deleted file mode 100644
index 1eca892..0000000
--- a/sass/include/_form.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Form elements (non-button)
- */
-fieldset {
-  padding: .5rem .75rem;
-  border: var(--bw) solid var(--c3);
-  border-radius: .25rem;
-}
-legend {
-  padding: 0 .25rem;
-}
-label {
-  cursor: pointer;
-  display: block;
-  margin-bottom: .25rem;
-}
-select,
-input:not([size]):not([type="button" i]):not([type="submit" i]):not([type="reset" i]):not([type="checkbox" i]):not([type="radio" i]) {
-  width: 100%;
-}
-[type="color" i] {
-  min-height: 2.125rem;
-}
-select:not([multiple]):not([size]) {
-  padding-right: 1.5rem;
-  background-repeat: no-repeat;
-  background-position: right .5rem center;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-}
-textarea {
-  width: 100%;
-  resize: vertical;
-}
-textarea:not([rows]) {
-  height: 8rem;
-}
diff --git a/sass/include/_grid.scss b/sass/include/_grid.scss
deleted file mode 100644
index a8d46e1..0000000
--- a/sass/include/_grid.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Infinity Grid
- * https://github.com/vladocar/Basic.css
- */
-
-[style*="--c:"],section>section{
-color: var(--f2);
-padding: var(--s1);
-margin: var(--s1);
-text-align: center;
-}
-
-section {display: flex; flex-flow: row wrap}
-
-[style*="--c:"], section>section {flex:var(--c,1); margin:var(--s1)}
diff --git a/sass/include/_hr.scss b/sass/include/_hr.scss
deleted file mode 100644
index 501bdf0..0000000
--- a/sass/include/_hr.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * HR - Horizontal Rule
- * https://github.com/picocss/pico
- */
-
-// 1. Add the correct box sizing in Firefox
-// 2. Show the overflow in Edge and IE
-hr {
-  box-sizing: content-box; // 1
-  height: 0; // 1
-  overflow: visible; // 2
-  border: none;
-  border-top: 1px solid var(--f1);
-}
-header hr, footer hr {border-top: 1px solid var(--c4)}
diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss
deleted file mode 100644
index 907bcda..0000000
--- a/sass/include/_icons.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * SVG Icons
- * https://github.com/feathericons/feather
- * https://github.com/tabler/tabler-icons/find/master
- *
- * https://yqnn.github.io/svg-path-editor/
- * https://jakearchibald.github.io/svgomg/
- * https://codepen.io/yoksel/pen/MWKeKK
- */
-@use "../variables" as variables;
-
-@function icon($icon-name,$stroke,$stroke-width: 1,$fill:'none'){
-  $sc:"%23888";//stroke color
-  @if variables.$ic {
-    $sc: $stroke
-  }
-  $p: (
-    's': $sc,
-    'sw': $stroke-width,
-    'f': $fill
-  );
-  $icons: (
-    //template-fill: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d=''/%3E%3C/svg%3E",
-    //template-stroke: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d=''/%3E%3C/svg%3E",
-    bitbucket: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M14.2 15.3H9.8L8.7 8.7h6.6ZM2.8 3.2A.7.7 0 0 0 2 4l3.4 16c.1.4.6.8 1 .8h11a.7.7 0 0 0 .6-.6l4-16.1a.7.7 0 0 0-.7-.9Z'/%3E%3C/svg%3E",
-    buymeacoffee: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{map-get($p, f)}' d='m7.9 11.7.8 8.3c.2 2 .8 2 3.6 2 2.3 0 2.8-.1 3-2l.8-9.3c-3.3-1-4 2-8.2 1z'/%3E%3Cpath fill='#{map-get($p, s)}' d='M18.8 4.3c-.6-.1-.6-1-.7-1.9-.2-1.6-1.2-2-4-2.2-3-.4-8.6-.2-8.5 1.6 0 1.7 4.8 2.2 9.7 1.6.8-.1.6-1.5-.2-1.4-3.6.5-7.4 0-7.4-.2 0-.3 3.3-.5 5-.4 4.5.3 3.7.3 4.2 2.2.2 1 0 .9-.7 1-3 .3-6 .2-9-.2C4.7 4 4.3 4.4 4 6c-.8 2.7 1 2.8 2.1 3 4.8.7 7.7.3 10.3.2.8-.1.6.5.6 1.2l-1.3 10.8c-.1 1.4-1.4 1.4-4 1.5-2.7.2-3.3-.5-3.5-1.6L7.1 10c-.1-1-1.5-.6-1.4.3l1.1 10.8C7.1 24 9.4 24 12.2 24c2.6 0 4.6-.3 5-3.2l1-11.3c.2-.9.3-.7 1-.9 1.8-.8 1-4.2-.4-4.3zm-.3 3a38 38 0 0 1-12.6.2c-1.4-.2-.9-2 0-1.9 4.5.7 8.7.7 12 0 1.4-.2 1.1 1.7.6 1.8z' /%3E%3C/svg%3E",
-    check: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E",
-    chevron: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E",
-    clock: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E",
-    codeberg: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{map-get($p, f)}' d='M12 1A11 11 0 0 0 1 12a11 11 0 0 0 1.7 6.4L12 6l9.3 12.4A11 11 0 0 0 23 12 11 11 0 0 0 12 1Z'/%3E%3Cpath fill='#{map-get($p, s)}' d='M21.3 18.4 12 6l4.4 16.8a11 11 0 0 0 4.9-4.4Z' /%3E%3C/svg%3E",
-    date: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4m-5 4h18'/%3E%3C/svg%3E",
-    discord: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M19.7 5.6a18.2 18.2 90 0 0-4.6-1.4 12.5 12.5 90 0 0-.6 1.2 17 17 90 0 0-5 0 12.5 12.5 90 0 0-.6-1.2 18.4 18.4 90 0 0-4.6 1.4A20 20 0 0 0 1 18a18.4 18.4 90 0 0 5.7 2.9 13.5 13.5 90 0 0 1.2-2A11.8 11.8 90 0 1 6 18l.5-.3a13.2 13.2 90 0 0 11 0l.5.3a12 12 90 0 1-1.9.9 13.3 13.3 90 0 0 1.2 2A18.2 18.2 90 0 0 23 18c.3-4.7-.9-8.8-3.3-12.4Zm-11.4 10c-1 0-1.9-1-1.9-2.2s.8-2.2 1.9-2.2 2 1 2 2.2-1 2.2-2 2.2Zm7.4 0c-1.1 0-2-1-2-2.2s.9-2.2 2-2.2 1.9 1 1.9 2.2-.9 2.2-1.9 2.2Z'/%3E%3C/svg%3E",
-    docker: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 19.8S7 20 8 18m-4-7h3v3H4Zm3 0h3v3H7Zm3 0h3v3h-3ZM7 8h3v3H7Zm3 0h3v3h-3Zm0-3h3v3h-3Zm10 8c-1 0-1 0-1.4-1.9C18.5 10 17 10 17 12c0 1 0 2-3 2H1a9 9 0 0 0 3 6c3 2 5 2 9 1a10.8 10.8 90 0 0 5-4c1-2 1-1 3-2s1-2 0-2Z'/%3E%3C/svg%3E%0A",
-    element: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5 0 0 6 0 12s6 12 12 12 12-6 12-12A12 12 0 0 0 12 0Zm-1 4c4 0 6 3 6 6 0 2-2 2-2 0s-2-4-4-4-2-2 0-2Zm-7 9c0-4 3-6 6-6 2 0 2 2 0 2s-4 2-4 4-2 2-2 0Zm9 7c-4 0-6-3-6-6 0-2 2-2 2 0s2.4 4 4 4c2 0 2 2 0 2Zm1-3c-2 0-2-2 0-2s4-2 4-4 2-2 2 0c0 4-3 6-6 6Z'/%3E%3C/svg%3E",
-    facebook: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E",
-    folder: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E",
-    github: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 19c-5 1.5-5-2.5-7-3m14 6v-3.9a3.4 3.4 0 0 0-1-2.6c3.2-.3 6.5-1.5 6.5-7A5.4 5.4 0 0 0 20 4.8 5 5 0 0 0 20 1s-1.3-.3-4 1.5a13.4 13.4 0 0 0-7 0C6.3.6 5 1 5 1a5 5 0 0 0 0 3.8 5.4 5.4 0 0 0-1.5 3.7c0 5.5 3.3 6.7 6.4 7a3.4 3.4 0 0 0-.9 2.6V22'/%3E%3C/svg%3E",
-    github-sponsor: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-5-3-8 2-8 4 0-2-3-7-8-4-4 2-6 10 8 18 14-8 12-16 8-18z'/%3E%3C/svg%3E",
-    gitlab: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22.6 14.4 12 22 1.3 14.4a.8.8 0 0 1-.3-1l1.3-3.7 2.4-7.5a.4.4 0 0 1 .1-.2.4.4 0 0 1 .6 0 .4.4 0 0 1 .1.2L8 9.7h8l2.5-7.5a.4.4 0 0 1 .1-.2.4.4 0 0 1 .6 0 .4.4 0 0 1 0 .2l2.5 7.5 1.3 3.8a.8.8 0 0 1-.3.9z'/%3E%3C/svg%3E",
-    globe: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E",
-    home: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 22V12h6v10M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E",
-    instagram: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01'/%3E%3C/svg%3E",
-    linkedin: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E",
-    mail: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m22 6-10 7L2 6m2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Z'/%3E%3C/svg%3E",
-    mastodon: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M2 8c0 5.7-.2 12.6 5 14 2 .6 3.7.7 5 .6 2.4-.1 3.8-.9 3.8-.9l-.1-1.8s-1.7.6-3.7.5c-1.9 0-4-.2-4.2-2.6a5 5 90 0 1 0-.7c4 1 7.5.5 8.4.4 2.7-.4 5-2 5.3-3.6.5-2.4.4-5.8.4-5.8C22 3.4 19 2 19 2 15.9.6 8 .6 5.1 2c0 0-3 1.4-3 6zm4.5-2.3c1.2-1.4 3.8-1.5 5 .3l.5.9.6-1c1.1-1.7 3.7-1.6 4.9-.2 1.1 1.3.9 2.5.9 8.4H16V8.6c0-2.4-3-2.5-3 .3v3h-2V9c0-2.8-3-2.7-3-.3V14H5.6c0-5.9-.2-7.1 1-8.4z'/%3E%3C/svg%3E",
-    matrix: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M.6.6v22.8H3v.6H0V0h3v.6zm7 7.2V9h.1c3.2-2.3 4.3 0 4.8.3C14.9 6.7 18 8 18 11v5h-1.5v-5a1 1 0 0 0-3.5 0v5h-1.7v-5a1 1 0 0 0-3.7 0v5H6V7.8zm15.8 15.7V.4H21V0h3v24h-3v-.6z'/%3E%3C/svg%3E",
-    minus: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E",
-    moon: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E",
-    pinterest: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m8 20 4-9m-1.3 3c.4 1.3 1.4 2 2.5 2 2.1 0 3.8-1.6 3.8-4a5 5 0 1 0-9.7 1.7'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E",
-    python: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{map-get($p, f)}' d='M17 6c0 4-1 5-6 5-4 0-5 1-5 6-4 0-5-1-5-6 0-3 1-4.5 4-4.5h7c0-.5 0-.5-1-.5H6c0-3 0-5 6-5 5 0 5 2 5 5ZM9 3C7.5 3 7.5 5 9 5s1.5-2 0-2Z'/%3E%3Cpath fill='#{map-get($p, s)}' d='M23 12c0 3-1 4.6-4 4.5h-7v.5h6c0 4 0 6-6 6-5 0-5-2-5-6s1-5 6-5c4 0 5-1 5-6 4 0 5 1 5 6Zm-8 7c-1.5 0-1.5 2 0 2s1.5-2 0-2Z' /%3E%3C/svg%3E",
-    researchgate: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M16 5c0 3.5.7 5 3 5s3.7-1.3 3.3-5h-3v1.3H21c0 1.9-.7 2.7-2 2.5-1.3 0-1.8-.7-1.8-3.2 0-2.4.4-3.3 1.5-3.4 1-.2 1.7.2 2.2 1.1L22 3c-.4-1.3-1.4-2-2.9-2C17.2 1 16 2 16 5ZM8 6.2l-6 .2v.9c1 .3 2 0 2 2.2v11C4 22 3 22 2 22.2v.8h6.6v-.8C7 22 6 22 6 20.5v-5.2h2a46 46 0 0 0 4 5.7 5 5 0 0 0 5 2v-1c-3 0-5-5-7-7 6-1 6-10-2-8.8ZM6 14V7.6C14 6 13 14 8 14Z'/%3E%3C/svg%3E",
-    rss: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E",
-    stack: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1M8 16h8m-7.7-3.4 8 .8M8.8 9.2l7.8 1.6m-6.5-5 7.6 2.4'/%3E%3C/svg%3E",
-    sun: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8 1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4'/%3E%3C/svg%3E",
-    tag: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m20.6 13.4-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8zM7 7h.01'/%3E%3C/svg%3E",
-    twitch: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7'/%3E%3C/svg%3E",
-    twitter: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M23 3a10.9 10.9 0 0 1-3.1 1.5 4.5 4.5 0 0 0-7.9 3v1A10.7 10.7 0 0 1 3 4s-4 9 5 13a11.6 11.6 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0 0-.8A7.7 7.7 0 0 0 23 3z'/%3E%3C/svg%3E",
-    x: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 3 3 21M3 3l18 18'/%3E%3C/svg%3E",
-    youtube: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m9.8 15 5.7-3.3-5.8-3.2V15Zm12.7-8.6a2.8 2.8 0 0 0-1.9-2C18.9 4 12 4 12 4s-6.9 0-8.6.5a2.8 2.8 0 0 0-2 2 29 29 0 0 0-.4 5.3 29 29 0 0 0 .5 5.3A2.8 2.8 0 0 0 3.4 19c1.7.5 8.6.5 8.6.5s6.9 0 8.6-.5a2.8 2.8 0 0 0 2-2 29 29 0 0 0 .4-5.3 29 29 0 0 0-.5-5.3z'/%3E%3C/svg%3E",
-    adjust: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C6 0 0 6 0 12s5 12 12 12 12-5 12-12S19 0 12 0Zm0 4c5 0 8 3 8 8s-3 8-8 8V4Z'/%3E%3C/svg%3E",
-    angl: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m16 4-8 8 8 8'/%3E%3C/svg%3E",
-    angll: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m11 4-8 8 8 8m9-16-8 8 8 8'/%3E%3C/svg%3E",
-    angr: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m8 4 8 8-8 8'/%3E%3C/svg%3E",
-    angrr: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 8 8-8 8m9-16 8 8-8 8'/%3E%3C/svg%3E",
-    angu: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m4 16 8-8 8 8'/%3E%3C/svg%3E",
-    search: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='9.5' cy='9.5' r='8'/%3E%3Cpath d='m23 23-9-9'/%3E%3C/svg%3E"
-  );
-  $icon: map-get($icons, $icon-name);
-  @return url("data:image/svg+xml,#{$icon}");
-}
-@if variables.$enable-icons {
-  @if variables.$icon-adjust {.adjust { -webkit-mask: icon(adjust, "none", 1, "%23000") ; background: var(--f2) }}//theme switcher
-  @if variables.$icon-angl {.angl { -webkit-mask: icon(angl, "%23000", 3, "none") ; background: var(--f2) }}//angle left
-  @if variables.$icon-angll {.angll { -webkit-mask: icon(angll, "%23000", 3, "none") ; background: var(--f2) }}//angle left left
-  @if variables.$icon-angr {.angr { -webkit-mask: icon(angr, "%23000", 3, "none") ; background: var(--f2) }}//angle right
-  @if variables.$icon-angrr {.angrr { -webkit-mask: icon(angrr, "%23000", 3, "none") ; background: var(--f2) }}//angle right right
-  @if variables.$icon-angu {.angu { -webkit-mask: icon(angu, "%23000", 3, "none") ; background: var(--f2) }}//angle up
-  @if variables.$icon-search {.search { -webkit-mask: icon(search, "%23000", 3, "none") ; background: var(--f2) }}//search
-  @if variables.$icon-bitbucket {.bitbucket { background-image: icon(bitbucket, "%2328f", 2, "none") }}
-  @if variables.$icon-buymeacoffee {.buymeacoffee { background-image: icon(buymeacoffee, "%23777", 1, "%23fd0") }}
-  @if variables.$icon-check {.check { background-image: icon(check, "%23888", 2, "none") }}
-  @if variables.$icon-chevron {.chevron { background-image: icon(chevron, "%23888", 2, "none") }}
-  @if variables.$icon-clock {.clock { background-image: icon(clock, "%23888", 2, "none") }}
-  @if variables.$icon-codeberg {.codeberg { background-image: icon(codeberg, "%23555", 2, "%23aaa") }}
-  @if variables.$icon-date {.date { background-image: icon(date, "%23888", 2, "none") }}
-  @if variables.$icon-discord {.discord { background-image: icon(discord, "none", 1, "%2356f") }}
-  @if variables.$icon-docker {.docker { background-image: icon(docker, "%2329e", 2, "none") }}
-  @if variables.$icon-element {.element { background-image: icon(element, "none", 1, "%231c8") }}
-  @if variables.$icon-facebook {.facebook { background-image: icon(facebook, "%23359", 2, "none") }}
-  @if variables.$icon-folder {.folder { background-image: icon(folder, "%23888", 2, "none") }}
-  @if variables.$icon-github {.github { background-image: icon(github, "%23888", 2, "none") }}
-  @if variables.$icon-github-sponsor {.github-sponsor { background-image: icon(github-sponsor, "%23c49", 2, "none") }}
-  @if variables.$icon-gitlab {.gitlab { background-image: icon(gitlab, "%23e62", 2, "none") }}
-  @if variables.$icon-globe {.globe { background-image: icon(globe, "%23888", 2, "none") }}
-  @if variables.$icon-home {.home { background-image: icon(home, "%23888", 2, "none") }}
-  @if variables.$icon-instagram {.instagram { background-image: icon(instagram, "%23e07", 2, "none") }}
-  @if variables.$icon-linkedin {.linkedin { background-image: icon(linkedin, "%2326a", 2, "none") }}
-  @if variables.$icon-mail {.mail { background-image: icon(mail, "%23888", 2, "none") }}
-  @if variables.$icon-mastodon {.mastodon { background-image: icon(mastodon, "none", 1, "%2328c") }}
-  @if variables.$icon-matrix {.matrix { background-image: icon(matrix, "%23888", 2, "none") }}
-  @if variables.$icon-minus {.minus { background-image: icon(minus, "%23888", 2, "none") }}
-  @if variables.$icon-moon {.moon { background-image: icon(moon, "%23888", 2, "none") }}
-  @if variables.$icon-pinterest {.pinterest { background-image: icon(pinterest, "%23b01", 2, "none") }}
-  @if variables.$icon-python {.python { background-image: icon(python, "%23fc1", 2, "%2326a") }}
-  @if variables.$icon-researchgate {.researchgate { background-image: icon(researchgate, "none", 2, "%230db") }}
-  @if variables.$icon-rss {.rss { background-image: icon(rss, "%23e94", 2, "none") }}
-  @if variables.$icon-stack {.stack { background-image: icon(stack, "%23e72", 2, "none") }}
-  @if variables.$icon-sun {.sun { background-image: icon(sun, "%23888", 2, "none") }}
-  @if variables.$icon-tag {.tag { background-image: icon(tag, "%23888", 2, "none") }}
-  @if variables.$icon-twitch {.twitch { background-image: icon(twitch, "%23a7f", 2, "none") }}
-  @if variables.$icon-twitter {.twitter { background-image: icon(twitter, "%232ad", 2, "none") }}
-  @if variables.$icon-x {.x { background-image: icon(x, "%23f00", 3, "none") }}
-  @if variables.$icon-youtube {.youtube { background-image: icon(youtube, "%23f00", 2, "none") }}
-  .svg {
-    width: 1.8rem;
-    height: 1.8rem;
-    display: inline-block;
-    //overflow: hidden;
-    text-align: center;
-    vertical-align: middle;
-  }
-  .svgs {
-    width: var(--fs);
-    height: var(--fs);
-    display: inline-block;
-    //overflow: hidden;
-    text-align: center;
-    vertical-align: middle;
-  }
-  .fa-a:hover {
-    color: var(--a3);
-    opacity: 1;
-  }
-}
diff --git a/sass/include/_misc.scss b/sass/include/_misc.scss
deleted file mode 100644
index 9f9c3b5..0000000
--- a/sass/include/_misc.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Miscs
- * https://github.com/picocss/pico
- */
-
-// Add the correct display in IE 10+
-[hidden],
-template {
-  display: none;
-}
-
-// Add the correct display in IE 9-
-canvas {
-  display: inline-block;
-}
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
deleted file mode 100644
index 537f23d..0000000
--- a/sass/include/_nav.scss
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * Horizontal Nav
- * https://github.com/raj457036/attriCSS
- */
-@use "../variables" as variables;
-
-main nav a,
-main nav a:visited {//pagination link styling
-  font-weight: var(--fh);
-  border: .1rem solid var(--c4);
-  border-radius: var(--br);
-  padding: .1rem var(--s1);
-}
-main nav a:hover {//makes border of pagination links hover color
-  border-color: var(--a3);
-  .svgh {
-    background: var(--a3);
-    opacity: 1;
-  }
-}
-header > nav > div:first-of-type {//Keep the logo from wrapping
-  display: inline;
-  min-width: fit-content;
-  padding-right: var(--s1);//add some spacing between nav divs
-}
-header > nav > div:nth-child(2) {//puts logo on left and menu/search on right
-  margin-left: auto;
-  padding-right: var(--s1);//add some spacing between nav divs
-}
-nav > div {
-  ul, h2 {
-    line-height: 1.9;
-    margin: 0;
-    padding: 0;
-  }
-  margin: var(--s1) 0;
-}
-nav {
-  align-items: center;
-  justify-content: center;//center pagination horizontally
-  display: flex;
-  div h2 {
-    font-size: 1rem;
-    &:hover {
-      color: var(--a3);
-    }
-  }
-  h1 {
-    margin-bottom: 0;
-    margin-top: 0.2rem;
-  }
-  li {
-    display: inline-block;
-    margin: 0 .3rem;
-  }
-}
-main nav {
-  ul {
-    display: flex;
-    padding-left: 0;
-  }
-  margin-top: var(--s2);//pagination margin
-  li {
-    margin: .2rem;
-  }
-  li.inp {
-    padding-top: .1rem;
-  }
-}
-.outp {
-  padding: 0 .26rem .2rem;
-}
-.off {
-  color: var(--c4);
-  font-weight: var(--fh);
-  border: .1rem solid var(--c3);
-  border-radius: var(--br);
-  .svgh {
-    background: var(--c3);
-    opacity: 1;
-  }
-}
-.on {
-  font-weight: var(--fh);
-  border: .1rem solid var(--c4);
-  border-radius: var(--br);
-}
-.mode:hover, .cnav {
-  color: var(--a1);//pagination color current page
-}
-footer nav {
-  ul {
-    margin: 0;
-    padding: 0;
-  }
-  li {
-    margin: 0 .2rem .4rem;
-  }
-}
-//dropdown menu used for lang, etc.
-.dropdown {
-  display: inline-block;
-  position: relative;
-  vertical-align: -3px;
-  font-weight: var(--fh);
-  font-size: 1.3rem;
-}
-.dropdown-content {
-  display: none;
-  position: absolute;
-  z-index: 9;
-  font-weight: var(--fh);
-  font-size: 1.3rem;
-}
-.dropdown:hover .dropdown-content {
-  display: block;
-  a {
-    text-decoration: none;
-  }
-}
-// breakpoint makes header responsive for mobile layouts
-@if map-get(variables.$breakpoints, "md") {
-  @media (max-width: map-get(variables.$breakpoints, "md")) {
-    header nav {
-      display: flex;
-      flex-direction: column;
-      h1 {
-        margin: var(--s2) 0 var(--s1);
-      }
-      div {
-        margin: auto; // keeps top menu/search centered in mobile view
-      }
-    }
-  }
-}
diff --git a/sass/include/_scroller.scss b/sass/include/_scroller.scss
deleted file mode 100644
index de1de5e..0000000
--- a/sass/include/_scroller.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Horizontal scroller (<figure>)
- * https://github.com/picocss/pico
- */
-
-// Wrapper to make any content responsive across all viewports
-figure {
-  display: block;
-  margin: 0;
-  padding: 0;
-  overflow-x: auto;
-
-  figcaption {
-    padding: var(--s1) 0;
-    color: var(--c4);
-  }
-}
diff --git a/sass/include/_search.scss b/sass/include/_search.scss
deleted file mode 100644
index c0e3a8d..0000000
--- a/sass/include/_search.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * Search - Zola Search - elasticlunr site-wide search
- */
-@use "../variables" as variables;
-
-div:empty {
-  display: none;
-}
-.stork-close-button {
-  display: none;
-}
-.stork-title p {
-  color: var(--a1);
-  font-weight: var(--fh);
-}
-#suggestions {
-  z-index: 9;
-  background: var(--c1);
-  border: 2px solid var(--c3);
-  position: absolute;
-  right: 0;
-  margin-top: var(--s1);
-  width: 500px;
-  max-height: 500px;
-  overflow: auto;
-}
-#suggestions a, #results a {
-  display: block;
-  text-decoration: none;
-  padding: var(--s1);
-  margin: 0 var(--s1);
-}
-#suggestions a:hover,
-#suggestions a:focus,
-#results a:hover,
-#results a:focus {
-  background: var(--c2);
-}
-#suggestions span, #results span {
-  line-height: 1.5;
-  display: block;
-}
-#suggestions span:first-child, #results span:first-child {
-  font-weight: var(--fh);
-}
-#suggestions span:nth-child(2), #results span:nth-child(2) {
-  color: var(--f1);
-}
-nav > div > form > div:last-of-type {//parent div of suggestions div
-  display: block;
-  position: relative;
-  width: 100%;
-}
-.searchd {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-.searchd > input {
-  max-width: 15.3rem;
-  padding-right:2.4rem;//inlayed search icon
-}
-.searchd > button {
-  margin-left: -2.4rem;//inlayed search icon
-}
-@if map-get(variables.$breakpoints, "md") {
-  @media (max-width: map-get(variables.$breakpoints, "md")) {
-    .searchd > input {
-      max-width: 100%;
-      flex-grow: 1;
-    }
-    #suggestions {
-      position: static;
-      left: 0;
-      width: 100%;
-    }
-  }
-}
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss
deleted file mode 100644
index a84842d..0000000
--- a/sass/include/_sectioning.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * Sectioning: Container and responsive spacings for header, main, footer
- * https://github.com/picocss/pico
- */
-@use "../variables" as variables;
-// Render the `main` element consistently in IE
-main {
-  display: flex;
-  // should always have a single div that holds all content below main.
-  // TOC or Recent Posts are the only other sections that would be directly under main.
-  article, div {
-    flex: 1 1 0;
-    min-width: 0;
-  }
-}
-
-body {
-  width: 100%;
-  margin: 0;
-}
-
-header,
-main,
-footer {
-  width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-
-  // Semantic container
-  @if variables.$enable-semantic-container {
-    padding: var(--s1);
-
-    // Centered viewport max-width only
-    @if variables.$enable-maxwidth {
-      @media (min-width: variables.$mb) {
-          min-width: variables.$mb;
-          max-width: variables.$mw;
-      }
-    }
-    // Centered viewport
-    @else if variables.$enable-viewport {
-      @if map-get(variables.$breakpoints, "sm") and variables.$enable-viewport {
-        @media (min-width: map-get(variables.$breakpoints, "sm")) {
-          max-width: map-get(variables.$viewports, "sm");
-          //padding-right: 0;
-          //padding-left: 0;
-          .toc {
-            display: none;
-          }
-        }
-      }
-      @if map-get(variables.$breakpoints, "md") and variables.$enable-viewport {
-        @media (min-width: map-get(variables.$breakpoints, "md")) {
-          max-width: map-get(variables.$viewports, "md");
-        }
-      }
-      @if map-get(variables.$breakpoints, "lg") and variables.$enable-viewport {
-        @media (min-width: map-get(variables.$breakpoints, "lg")) {
-          max-width: map-get(variables.$viewports, "lg");
-        }
-      }
-      @if map-get(variables.$breakpoints, "xl") and variables.$enable-viewport {
-        @media (min-width: map-get(variables.$breakpoints, "xl")) {
-          max-width: map-get(variables.$viewports, "xl");
-        }
-      }
-    }
-  }
-  // Semantic container
-  @else {
-    padding: var(--s1) 0;
-  }
-}
-header, main {
-  padding-top: 0;
-  margin-top: 0;
-  padding-bottom: 0;
-  margin-bottom: 0;
-  hr {
-    margin:0.1rem 0;
-  }
-}
-footer{
-  line-height: var(--lhh);
-  hr, p {
-    margin: 0.1rem 0 .3rem;
-  }
-}
diff --git a/sass/include/_syntax.scss b/sass/include/_syntax.scss
deleted file mode 100644
index aecc155..0000000
--- a/sass/include/_syntax.scss
+++ /dev/null
@@ -1,200 +0,0 @@
-    // Unstyled Text Color, and background color
-    .z-code {
-        color: var(--f1);//#ccc
-        background-color: var(--bg);
-    }
-    // This is a comment
-    .z-comment {//, .z-punctuation.z-definition.z-comment
-        color: var(--c4);//#888
-        font-style: italic;
-    }
-    // a  (int a;)
-    .z-variable {
-        color: var(--f1);
-    }
-    // "This is a string"
-    .z-string {//, .z-constant.z-other.z-symbol
-        color: var(--h4);
-    }
-    // 10  (a = 10;)
-    .z-constant.z-numeric {
-        color: var(--h2);
-    }
-    // /n
-    .z-constant.z-character.z-escape {//, .z-string.z-regexp
-        color: var(--h5);
-    }
-    // false, true, etc...
-    .z-constant.z-language {
-        color: var(--h2);
-    }
-    // BUF  (const BUF: usize = 10 * 1024;)
-    .z-constant.z-other {//, .z-constant.z-character
-        color: var(--h2);
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-variable.z-member {
-    //    color: var(--h1);
-    //}
-    // use, crate, let, etc.
-    .z-keyword {//, .z-keyword.z-operator.z-word
-        color: var(--h6);
-    }
-    // = * - + /
-    .z-keyword.z-operator {
-        color: var(--h7);
-    }
-    // separators: commas, colons, etc.  terminator:  endline semicolon, etc.
-    .z-punctuation.z-separator, .z-punctuation.z-terminator {
-        color: var(--f1);
-    }
-    // () [] {}
-    .z-punctuation.z-section {
-        color: var(--f1);
-    }
-    //  .  ::
-    .z-punctuation.z-accessor {
-        color: var(--h2);
-    }
-    //  #  (#[cfg(test)])
-    .z-punctuation.z-definition.z-annotation {
-        color: var(--f1);
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js {
-    //    color: var(--h4);
-    //}
-    // const, pub, mut, Self, fn
-    .z-storage {
-        color: var(--h6);
-    }
-    // const, struct
-    .z-storage.z-type {
-        color: var(--h6);
-    }
-    // new, function names
-    .z-entity.z-name.z-function {
-        color: var(--h3);
-    }
-    // key in toml entries
-    .z-entity.z-name {//, .z-entity.z-name.z-label
-        color: var(--h3);
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-entity.z-other.z-inherited-class {
-    //    color: var(--h6);
-    //    text-decoration: underline;
-    //}
-    //  v1   (fn lookup(v1))
-    .z-variable.z-parameter {
-        color: var(--h2);
-    }
-    //  self  (self.html.push(c))
-    .z-variable.z-language {
-        color: var(--h3);
-        font-style: italic;
-    }
-    // html tag name, eg:  html, head, meta, title, body, etc.
-    .z-entity.z-name.z-tag {//, .z-meta.z-tag.z-sgml
-        color: var(--h6);
-    }
-    // html tag brackets <>
-    .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag {
-        color: var(--h6);
-    }
-    // html attribute name, eg: lang, charset
-    .z-entity.z-other.z-attribute-name {
-        color: var(--h3);
-    }
-    // function name as variable value, and annotation:  derive  (#[derive(Debug)])
-    .z-variable.z-function, .z-variable.z-annotation {
-        color: var(--h3);
-    }
-    // support function, eg:   extend  (self.html.extend(b"<span");)
-    // macros, eg:  println!  print!  format!
-    .z-support.z-function, .z-support.z-macro {
-        color: var(--h1);
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-support.z-constant {
-    //    color: var(--h2);
-    //    font-style: italic;
-    //}
-    // type: Vec, Some, str, int
-    // class:  Config  ($CONF = Config::getInstance()->getAll();)
-    .z-support.z-type, .z-support.z-class {
-        color: var(--h6);
-        font-style: italic;
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-source.z-ruby .z-variable.z-other.z-readwrite {
-    //    color: var(--h3);
-    //}
-    // superfluous, already have .z-entity.z-name.z-tag
-    //.z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag {
-    //    color: var(--h6);
-    //}
-    // property name, eg css: font-size, text-align, etc.
-    .z-support.z-type.z-property-name {
-        color: var(--h6);
-    }
-    //json
-    .z-meta.z-mapping.z-key.z-json {
-        .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json, .z-string.z-quoted.z-double.z-json {
-            color: var(--h2);
-        }
-    }
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-constant.z-numeric.z-line-number.z-match {
-    //    color: var(--h6);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-entity.z-name.z-filename.z-find-in-files {
-    //    color: var(--h4);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-message.z-error {
-    //    color: var(--h1);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-string.z-other.z-link, .z-markup.z-underline.z-link {
-    //    color: var(--h5);
-    //    text-decoration: underline;
-    //    font-style: italic;
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-punctuation.z-definition.z-image {
-    //    color: var(--h3);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-meta.z-separator {
-    //    color: var(--f1);
-    //    background-color: var(--f1);
-    //    font-weight: bold;
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item {
-    //    color: var(--h5);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-text.z-html.z-markdown .z-markup.z-raw.z-inline {
-    //    color: var(--h2);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break {
-    //    color: var(--f1);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-markup.z-raw.z-block.z-fenced.z-markdown {
-    //    color: var(--f1);
-    //    background-color: var(--f1);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown {
-    //    color: var(--f1);
-    //    background-color: var(--f1);
-    //}
-    // Figure out how to reproduce in code block otherwise don't include
-    //.z-variable.z-language.z-fenced.z-markdown {
-    //    color: var(--f1);
-    //}
diff --git a/sass/include/_table.scss b/sass/include/_table.scss
deleted file mode 100644
index e91c483..0000000
--- a/sass/include/_table.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Table - table specific elements
- */
-table {
-  border-collapse: collapse;
-  width: 100%;
-  text-indent: 0; // Remove text indentation from table contents in Chrome, Edge, and Safari.
-  caption {
-    margin-bottom: .5rem;
-  }
-}
-tr {
-  border-bottom: var(--bw) solid var(--c3);
-}
-td,
-th {
-  padding: var(--s1);
-}
-th {
-  text-align: left;
-}
-// Striped
-tbody tr:nth-child(even) {
-  background-color: var(--c2);
-}
-thead tr {
-  border-top: var(--bw) solid var(--c3);
-  background-color: var(--c2);
-}
diff --git a/sass/include/_toc.scss b/sass/include/_toc.scss
deleted file mode 100644
index b3ad2c4..0000000
--- a/sass/include/_toc.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-/**
- * TOC - Table of Contents
- * used as a page index, recent posts block
- */
-@use "../variables" as variables;
-
-main {
-  .toc {
-    max-width: 15rem;
-    min-width: 14rem;
-    margin-left: var(--s1);
-  }
-  .toc-item {
-    padding: .4rem 0;
-    color: var(--f1);
-  }
-  .toc-item a, .toc-item-child a {
-    color: var(--f1);
-    &:hover {
-      cursor: pointer;
-      color: var(--a2);
-      text-decoration: underline;
-    }
-  }
-  .toc-item a.active, .toc-item-child a.active {
-    color: var(--a2);
-  }
-  .toc-item-child {
-    padding: 0 var(--s1);
-    color: var(--f1);
-  }
-}
-.toc-sticky {
-  border-radius: var(--br);
-  border-top: 5px solid var(--a1);
-  background-color: var(--c2);
-  position: sticky;
-  top: var(--s2);
-  margin-top: var(--s2);
-  padding: 0 var(--s2) var(--s2);
-  max-height: 100vh;
-  overflow: auto;
-}
-@if map-get(variables.$breakpoints, "md") {
-  @media (max-width: map-get(variables.$breakpoints, "md")) {
-    .toc {
-      display: none;
-    }
-  }
-}
diff --git a/sass/include/_top.scss b/sass/include/_top.scss
deleted file mode 100644
index 0c1f729..0000000
--- a/sass/include/_top.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Top - back to top button using only CSS
- */
-.topout {
-  position: sticky;
-  bottom: 1px;
-  padding: 20px;
-  place-self: end;
-  margin-top: 110vh;
-  pointer-events: none;
-}
-.topleft {
-  margin-left: calc(100% - 80px);
-}
-.top {
-  pointer-events: all;
-  padding: 9px;
-  border-radius: 9px;
-  font-weight:700;
-  color: var(--a1);
-  background: var(--c2);
-}
-.top:hover {
-  text-decoration: none;
-  color: var(--c2);
-  background: var(--a1);
-  .svgh {
-    background: var(--c2);
-    opacity: 1;
-  }
-}
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
deleted file mode 100644
index 7ed6096..0000000
--- a/sass/include/_typography.scss
+++ /dev/null
@@ -1,144 +0,0 @@
-/**
- * Typography - a, headings, p, ul, blockquote
- */
-.c {
-  text-align: center;// The <center> does not pass validation, use: <div class="c"></div>
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  padding-left: 0;
-  color: var(--f2);
-  margin-bottom: var(--s1);
-  margin-top: var(--s2);
-  font-weight: var(--fh);
-  font-size: var(--fs);
-  line-height: var(--lhh);
-}
-h1 {
-  font-size: 2rem;
-}
-h2 {
-  font-size: 1.75rem;
-}
-h3 {
-  font-size: 1.5rem;
-}
-h4 {
-  font-size: 1.25rem;
-}
-h5 {
-  font-size: 1.125rem;
-}
-header h1 {
-  margin-top: 0;
-}
-a {
-  color: var(--a1);
-  text-decoration: none;
-}
-a:hover {
-  color: var(--a2);
-  text-decoration: underline;
-}
-h1 a, h2 a, main nav a {
-  color: var(--f2);
-  text-decoration: none;
-  &:hover {
-    color: var(--a3);
-    text-decoration: none;
-  }
-}
-article {
-  padding-bottom: .2rem;
-}
-
-// Abbreviations
-// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari
-abbr[title] {
-  border-bottom: var(--bw) dotted;
-  text-decoration: none; // 1
-  cursor: help;
-}
-
-// Highlighted text
-mark {
-  background-color: var(--c4);
-  color: var(--c1);
-  vertical-align: baseline;
-  padding: .1rem .4rem;
-}
-blockquote {
-  margin-left: 0;
-  padding: .5rem 0 .5rem 1.5rem;
-  border-left: .25rem solid var(--c3);
-}
-blockquote > :last-child {
-  margin-bottom: 0;
-}
-small {
-  font-size: .875rem;
-}
-
-.footnote-definition sup, .footnote-definition p {
-  display: inline;
-}
-// Prevent sub and sup elements from affecting the line height in all browsers.
-sub,
-sup {
-  font-size: .75em;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -.25em;
-}
-sup {
-  top: -.5em;
-}
-
-address,
-blockquote,
-dl,
-figure,
-form,
-ol,
-p,
-pre,
-table,
-ul {
-  margin: .7rem 0;
-  color: var(--f1);
-  font-style: normal;
-  font-weight: var(--fw);
-  font-size: var(--fs);
-}
-
-// Lists
-ul,
-ol {
-  padding-right: 0;
-  padding-left: var(--s2);
-}
-li {
-  margin-bottom: var(--s1);
-}
-
-ul li {
-  list-style: square;
-}
-
-// Ins
-ins {
-  color: var(--cg);
-  text-decoration: none;
-}
-
-// del
-del {
-  color: var(--cr);
-}
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
deleted file mode 100644
index 2b29a58..0000000
--- a/sass/include/_zola.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Zola Specific
- */
-.sum, .sum p {margin: .2rem 0}
-.s95 {font-size: .95em}
-.s90 {font-size: .90em}
-.s85 {font-size: .85em}
-.s80 {font-size: .80em}
-.s75 {font-size: .75em}
-.s70 {font-size: .70em}
-.hpad {padding: 0 .2rem}
-.rpad {padding-right: .2rem}
-.si {font-size: 1.5em}
-pre code[data-lang]::before {
-  color: var(--f1);
-  text-transform: uppercase;
-  content: ' [' attr(data-lang) '] ' "\a\a";
-}
-// code copy wrapper
-.ccw {
-  position: relative;
-}
-.ccw:hover {
-  .cc {
-    opacity: 1;
-  }
-}
-// code copy button
-.cc {
-  opacity: 0;
-  z-index: 9;
-  position: absolute;
-  right: 9px;
-  top: 9px;
-  font-size: .8rem;
-}
-// Mark Override, this is used for Zola's linenos and hl_lines
-:root:not(.light) code table {
-  mark {
-    filter: brightness(120%);
-  }
-}
-// Table Override, this is used for Zola's linenos and hl_lines
-code {
-  table {
-    font-size: .8rem;
-    margin: 0;
-    // Highlighted text
-    mark {
-      display: block;
-      background-color: var(--c2);
-      color: unset;
-      padding: 0;
-    }
-  }
-  td, th, tr {
-    padding: 0;
-    border-bottom: none;
-  }
-  tbody td:first-child {
-    text-align: center;
-    user-select: none;
-    min-width: 60px;
-  }
-  tbody tr:nth-child(even), thead tr {
-    background-color: unset;
-  }
-}