Json-Index and config.toml optional

22 files changed, 112 insertions, 338 deletions

diff --git a/sass/_imports.scss b/sass/_imports.scss
index 6e61b8e..3c2630c 100644
--- a/sass/_imports.scss
+++ b/sass/_imports.scss
@@ -15,6 +15,13 @@
 // Config
 @import "variables";
 
+//@import "fonts/Roboto";
+//@import "fonts/Roboto-Mono"; // Monospaced
+//@import "fonts/Arimo";
+//@import "fonts/Lato";
+//@import "fonts/FiraCode"; // Monospaced
+//@import "fonts/Abridge"; // Icon Font (don't recommend, CSS only icons are in my opinion better.)
+
 // Includes - Sorted by importance/category (includes at top are needed most frequently)
 @import "include/document"; // html
 @import "include/typography"; // a, headings, p, ul, blockquote, ...
diff --git a/sass/abridge-auto.scss b/sass/abridge-auto.scss
new file mode 100644
index 0000000..93440c8
--- /dev/null
+++ b/sass/abridge-auto.scss
@@ -0,0 +1,31 @@
+@import "imports";
+@import "syntax/syntax-abridge";
+// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default.
+:root {
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #222;// Background Color Secondary (222,123)
+  --c3: #333;// Table Rows, Block quote edge, Borders (333,345)
+  --c4: #888;// Disabled Buttons, Borders, mark background (888,789)
+  --a1: #f90;// link color (f90,09f)
+  --a2: #fb0;// link hover/focus color (fb0,0bf)
+  --a3: #f90;// link h1-h2 hover/focus color (f90,0af)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
+}
+@media (prefers-color-scheme: light) {
+  :root {
+    --f1: #444;// Font Color Primary (444)
+    --f2: #333;// Font color Headers (333)
+    --c1: #fff;// Background Color Primary (fff)
+    --c2: #eee;// Background Color Secondary (eee,def)
+    --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137)
+    --c4: #677;// Disabled Buttons, Borders, mark background (677,013)
+    --a1: #c40;// link color (c40,06e)
+    --a2: #e60;// link hover/focus color (e60,09f)
+    --a3: #f90;// link h1-h2 hover/focus color (f90,07f)
+    --cg: #373;// ins green, success (373)
+    --cr: #d33;// del red, errors (d33)
+  }
+}
diff --git a/sass/abridge-blue-dark.scss b/sass/abridge-blue-dark.scss
deleted file mode 100644
index 7b7a352..0000000
--- a/sass/abridge-blue-dark.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-dark";
-
-:root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
diff --git a/sass/abridge-blue-light.scss b/sass/abridge-blue-light.scss
deleted file mode 100644
index 1ae982b..0000000
--- a/sass/abridge-blue-light.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-light";
-
-:root {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #eee;// Background Color Secondary
-  --c3: #ddd;// Table Rows, Block quote edge, Borders
-  --c4: #677;// Disabled Buttons, Borders, mark background
-  --a1: #06e;// link color
-  --a2: #09f;// link hover/focus color
-  --a3: #07f;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
-}
diff --git a/sass/abridge-blue-switcher.scss b/sass/abridge-blue-switcher.scss
deleted file mode 100644
index bed7958..0000000
--- a/sass/abridge-blue-switcher.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-switcher";
-
-:root:not(.light) {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
-:root.light {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #eee;// Background Color Secondary
-  --c3: #ddd;// Table Rows, Block quote edge, Borders
-  --c4: #677;// Disabled Buttons, Borders, mark background
-  --a1: #06e;// link color
-  --a2: #09f;// link hover/focus color
-  --a3: #07f;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
-}
diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss
deleted file mode 100644
index 02cb58f..0000000
--- a/sass/abridge-blue.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge";
-
-:root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    --f1: #444;// Font Color Primary
-    --f2: #333;// Font color Headers
-    --c1: #fff;// Background Color Primary
-    --c2: #eee;// Background Color Secondary
-    --c3: #ddd;// Table Rows, Block quote edge, Borders
-    --c4: #677;// Disabled Buttons, Borders, mark background
-    --a1: #06e;// link color
-    --a2: #09f;// link hover/focus color
-    --a3: #07f;// link h1-h2 hover/focus color
-    --cg: #373; // ins green, success
-    --cr: #d33; // del red, errors
-  }
-}
diff --git a/sass/abridge-blueshade-dark.scss b/sass/abridge-blueshade-dark.scss
deleted file mode 100644
index 627f777..0000000
--- a/sass/abridge-blueshade-dark.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-dark";
-
-:root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #123;// Background Color Secondary
-  --c3: #345;// Table Rows, Block quote edge, Borders
-  --c4: #789;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
diff --git a/sass/abridge-blueshade-light.scss b/sass/abridge-blueshade-light.scss
deleted file mode 100644
index 8fdf66c..0000000
--- a/sass/abridge-blueshade-light.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-light";
-
-:root {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #def;// Background Color Secondary
-  --c3: #137;// Table Rows, Block quote edge, Borders
-  --c4: #013;// Disabled Buttons, Borders, mark background
-  --a1: #06e;// link color
-  --a2: #09f;// link hover/focus color
-  --a3: #07f;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
-}
diff --git a/sass/abridge-blueshade-switcher.scss b/sass/abridge-blueshade-switcher.scss
deleted file mode 100644
index 379468b..0000000
--- a/sass/abridge-blueshade-switcher.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-switcher";
-
-:root:not(.light) {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #123;// Background Color Secondary
-  --c3: #345;// Table Rows, Block quote edge, Borders
-  --c4: #789;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
-:root.light {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #def;// Background Color Secondary
-  --c3: #137;// Table Rows, Block quote edge, Borders
-  --c4: #013;// Disabled Buttons, Borders, mark background
-  --a1: #06e;// link color
-  --a2: #09f;// link hover/focus color
-  --a3: #07f;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
-}
diff --git a/sass/abridge-blueshade.scss b/sass/abridge-blueshade.scss
deleted file mode 100644
index 93f47e0..0000000
--- a/sass/abridge-blueshade.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge";
-
-:root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #123;// Background Color Secondary
-  --c3: #345;// Table Rows, Block quote edge, Borders
-  --c4: #789;// Disabled Buttons, Borders, mark background
-  --a1: #09f;// link color
-  --a2: #0bf;// link hover/focus color
-  --a3: #0af;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    --f1: #444;// Font Color Primary
-    --f2: #333;// Font color Headers
-    --c1: #fff;// Background Color Primary
-    --c2: #def;// Background Color Secondary
-    --c3: #137;// Table Rows, Block quote edge, Borders
-    --c4: #013;// Disabled Buttons, Borders, mark background
-    --a1: #06e;// link color
-    --a2: #09f;// link hover/focus color
-    --a3: #07f;// link h1-h2 hover/focus color
-    --cg: #373; // ins green, success
-    --cr: #d33; // del red, errors
-  }
-}
diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss
index 212b4fc..eaf1474 100644
--- a/sass/abridge-dark.scss
+++ b/sass/abridge-dark.scss
@@ -1,21 +1,16 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
 @import "imports";
 @import "syntax/syntax-abridge-dark";
-
+// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default.
 :root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #f90;// link color
-  --a2: #fb0;// link hover/focus color
-  --a3: #f90;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #222;// Background Color Secondary (222,123)
+  --c3: #333;// Table Rows, Block quote edge, Borders (333,345)
+  --c4: #888;// Disabled Buttons, Borders, mark background (888,789)
+  --a1: #f90;// link color (f90,09f)
+  --a2: #fb0;// link hover/focus color (fb0,0bf)
+  --a3: #f90;// link h1-h2 hover/focus color (f90,0af)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
 }
diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss
index d0f204c..34c9bbc 100644
--- a/sass/abridge-light.scss
+++ b/sass/abridge-light.scss
@@ -1,21 +1,16 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
 @import "imports";
 @import "syntax/syntax-abridge-light";
-
+// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default.
 :root {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #eee;// Background Color Secondary
-  --c3: #ddd;// Table Rows, Block quote edge, Borders
-  --c4: #677;// Disabled Buttons, Borders, mark background
-  --a1: #c40;// link color
-  --a2: #e60;// link hover/focus color
-  --a3: #f90;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
+  --f1: #444;// Font Color Primary (444)
+  --f2: #333;// Font color Headers (333)
+  --c1: #fff;// Background Color Primary (fff)
+  --c2: #eee;// Background Color Secondary (eee,def)
+  --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137)
+  --c4: #677;// Disabled Buttons, Borders, mark background (677,013)
+  --a1: #c40;// link color (c40,06e)
+  --a2: #e60;// link hover/focus color (e60,09f)
+  --a3: #f90;// link h1-h2 hover/focus color (f90,07f)
+  --cg: #373;// ins green, success (373)
+  --cr: #d33;// del red, errors (d33)
 }
diff --git a/sass/abridge-switcher.scss b/sass/abridge-switcher.scss
deleted file mode 100644
index 37e0cef..0000000
--- a/sass/abridge-switcher.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
-@import "imports";
-@import "syntax/syntax-abridge-switcher";
-
-:root:not(.light) {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #f90;// link color
-  --a2: #fb0;// link hover/focus color
-  --a3: #f90;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
-}
-:root.light {
-  --f1: #444;// Font Color Primary
-  --f2: #333;// Font color Headers
-  --c1: #fff;// Background Color Primary
-  --c2: #eee;// Background Color Secondary
-  --c3: #ddd;// Table Rows, Block quote edge, Borders
-  --c4: #677;// Disabled Buttons, Borders, mark background
-  --a1: #c40;// link color
-  --a2: #e60;// link hover/focus color
-  --a3: #f90;// link h1-h2 hover/focus color
-  --cg: #373; // ins green, success
-  --cr: #d33; // del red, errors
-}
diff --git a/sass/abridge.scss b/sass/abridge.scss
index e99e5d9..af1bf5d 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -1,36 +1,29 @@
-//@import "fonts/Abridge";
-//@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
 @import "imports";
-@import "syntax/syntax-abridge";
-
-:root {
-  --f1: #ccc;// Font Color Primary
-  --f2: #ddd;// Font color Headers
-  --c1: #111;// Background Color Primary
-  --c2: #222;// Background Color Secondary
-  --c3: #333;// Table Rows, Block quote edge, Borders
-  --c4: #888;// Disabled Buttons, Borders, mark background
-  --a1: #f90;// link color
-  --a2: #fb0;// link hover/focus color
-  --a3: #f90;// link h1-h2 hover/focus color
-  --cg: #593; // ins green, success
-  --cr: #e33; // del red, errors
+@import "syntax/syntax-abridge-switcher";
+// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default.
+:root:not(.light) {
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #222;// Background Color Secondary (222,123)
+  --c3: #333;// Table Rows, Block quote edge, Borders (333,345)
+  --c4: #888;// Disabled Buttons, Borders, mark background (888,789)
+  --a1: #f90;// link color (f90,09f)
+  --a2: #fb0;// link hover/focus color (fb0,0bf)
+  --a3: #f90;// link h1-h2 hover/focus color (f90,0af)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
 }
-@media (prefers-color-scheme: light) {
-  :root {
-    --f1: #444;// Font Color Primary
-    --f2: #333;// Font color Headers
-    --c1: #fff;// Background Color Primary
-    --c2: #eee;// Background Color Secondary
-    --c3: #ddd;// Table Rows, Block quote edge, Borders
-    --c4: #677;// Disabled Buttons, Borders, mark background
-    --a1: #c40;// link color
-    --a2: #e60;// link hover/focus color
-    --a3: #f90;// link h1-h2 hover/focus color
-    --cg: #373; // ins green, success
-    --cr: #d33; // del red, errors
-  }
+:root.light {
+  --f1: #444;// Font Color Primary (444)
+  --f2: #333;// Font color Headers (333)
+  --c1: #fff;// Background Color Primary (fff)
+  --c2: #eee;// Background Color Secondary (eee,def)
+  --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137)
+  --c4: #677;// Disabled Buttons, Borders, mark background (677,013)
+  --a1: #c40;// link color (c40,06e)
+  --a2: #e60;// link hover/focus color (e60,09f)
+  --a3: #f90;// link h1-h2 hover/focus color (f90,07f)
+  --cg: #373;// ins green, success (373)
+  --cr: #d33;// del red, errors (d33)
 }
diff --git a/sass/font.scss b/sass/font.scss
deleted file mode 100644
index 56d7b54..0000000
--- a/sass/font.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-//@import "fonts/Abridge";
-@import "fonts/Roboto";
-//@import "fonts/Arimo";
-//@import "fonts/Lato";
-//@import "fonts/FiraCode"; // Monospaced
\ No newline at end of file
diff --git a/sass/fonts/_Abridge.scss b/sass/fonts/_Abridge.scss
index 3085236..6626626 100644
--- a/sass/fonts/_Abridge.scss
+++ b/sass/fonts/_Abridge.scss
@@ -1,3 +1,8 @@
+// This is for the Abridge icon font, the css for this is adapted from fontello.
+// I experimented using this, it is still here for those that want it, but not used by default.
+// It is a pretty lightweight solution, but still not as good as svg icons directly in the css.
+// The loading of icon fonts is blocked by noscript type browser addons, but css icons are not.
+
 @font-face {
   font-family: 'Abridge';
   src: url('font/Abridge.woff2') format('woff2');
@@ -23,4 +28,4 @@
 .i-last:before { content: '\f101'; } // pagination last page
 .i-prev:before { content: '\f104'; } // pagination previous page
 .i-next:before { content: '\f105'; } // pagination next page
-.i-up:before { content: '\f106'; } // back to top button
\ No newline at end of file
+.i-up:before { content: '\f106'; } // back to top button
diff --git a/sass/fonts/_Roboto-Mono.scss b/sass/fonts/_Roboto-Mono.scss
new file mode 100644
index 0000000..0685c3d
--- /dev/null
+++ b/sass/fonts/_Roboto-Mono.scss
@@ -0,0 +1,11 @@
+@font-face {
+    font-family: 'Roboto Mono';
+    src: local("Roboto Mono"), local("Roboto-Mono"), local("RobotoMono"), local("Roboto-Mono-Regular"), local("RobotoMono-Regular"), url("font/Roboto-Mono.woff2");//latin regular
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Roboto Mono';
+    src: local("Roboto Mono Italic"), local("Roboto-Mono-Italic"), local("RobotoMono-Italic"), url("font/Roboto-Mono-Italic.woff2");//latin italic
+    font-style: italic;
+    font-display: swap;
+}
diff --git a/sass/include/_embedded.scss b/sass/include/_embedded.scss
index 93de17d..fc1dd3c 100644
--- a/sass/include/_embedded.scss
+++ b/sass/include/_embedded.scss
@@ -2,13 +2,13 @@
 .yvi {//youtube and vimeo iframe
   position: absolute;
   top: 0;
-  left: 0;
+  left: 0
 }
 .yv {//youtube and vimeo div
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
-  overflow: hidden;
+  overflow: hidden
 }
 img,
 video,
diff --git a/sass/include/_hr.scss b/sass/include/_hr.scss
index 98e536e..aaa9f4e 100644
--- a/sass/include/_hr.scss
+++ b/sass/include/_hr.scss
@@ -10,6 +10,6 @@ hr {
   height: 0; // 1
   overflow: visible; // 2
   border: none;
-  border-top: 1px solid var(--f1);
+  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
index 10a2c05..df0f5d3 100644
--- a/sass/include/_icons.scss
+++ b/sass/include/_icons.scss
@@ -116,7 +116,7 @@
     display: inline-block;
     //overflow: hidden;
     text-align: center;
-    vertical-align: middle;
+    vertical-align: middle
   }
   .svgs {
     width: var(--fs);
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index 08f1ec1..f3a9b29 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -106,7 +106,7 @@ footer nav {
         margin: var(--s2) 0 var(--s1);
       }
       div {
-        margin: auto; // keeps top menu/search centered in mobile view
+        margin: auto // keeps top menu/search centered in mobile view
       }
     }
   }
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss
index cd5540d..dd1026e 100644
--- a/sass/include/_sectioning.scss
+++ b/sass/include/_sectioning.scss
@@ -77,12 +77,12 @@ header, main {
   padding-bottom: 0;
   margin-bottom: 0;
   hr {
-    margin:0.1rem 0;
+    margin:0.1rem 0
   }
 }
 footer{
   line-height: var(--lhh);
   hr, p {
-    margin: 0.1rem 0 .3rem;
+    margin: 0.1rem 0 .3rem
   }
 }
\ No newline at end of file