[CSS][Icons] Vendor Fontawesome & Academicons

Instead of loading from CDN all the css, vendor it an only
include the CSS classes that I use.

Font awesome 6.7.2
Academicons 1.9.4

1 files changed, 466 insertions, 155 deletions

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index e3025f1..bf0845a 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -555,13 +555,24 @@ video {
 }
 
 blockquote {
+  font-family: baskerville, serif;
   position: relative;
   margin: 2rem;
   border-left-width: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(132 204 22 / var(--tw-border-opacity, 1));
   padding: 1rem;
-  font-family: baskerville, serif;
+}
+
+blockquote::before {
+  font-family: "Font Awesome 6 Free";
+  color: #79c753;
+  content: "\f10d";
+  font-weight: 900;
+  font-size: 2rem;
+  position: absolute;
+  left: 10px;
+  top: -15px;
 }
 
 blockquote p:last-of-type {
@@ -660,6 +671,10 @@ h6 {
   }
 }
 
+.baskerville {
+  font-family: baskerville, serif;
+}
+
 .menu {
   transition: max-height 0.2s ease-out;
   overflow: hidden;
@@ -724,17 +739,11 @@ h6 {
   text-shadow: 2px 2px 3px black;
 }
 
-.main-content {
-  p {
-    code {
-      padding-left: 0.25rem;
-      padding-right: 0.25rem;
-    }
-    code {
-      --tw-text-opacity: 1;
-      color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-    }
-  }
+.main-content p code {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
 }
 
 .main-content a {
@@ -1002,15 +1011,6 @@ h6 {
   margin: 0.5rem;
 }
 
-.m-4 {
-  margin: 1rem;
-}
-
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1046,10 +1046,6 @@ h6 {
   margin-bottom: 1rem;
 }
 
-.\!mt-1 {
-  margin-top: 0.25rem !important;
-}
-
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -1086,14 +1082,6 @@ h6 {
   display: flex;
 }
 
-.table {
-  display: table;
-}
-
-.grid {
-  display: grid;
-}
-
 .contents {
   display: contents;
 }
@@ -1102,18 +1090,6 @@ h6 {
   display: none;
 }
 
-.h-4 {
-  height: 1rem;
-}
-
-.h-64 {
-  height: 16rem;
-}
-
-.h-full {
-  height: 100%;
-}
-
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1130,18 +1106,10 @@ h6 {
   width: 100%;
 }
 
-.max-w-3xl {
-  max-width: 48rem;
-}
-
 .max-w-64 {
   max-width: 16rem;
 }
 
-.max-w-lg {
-  max-width: 32rem;
-}
-
 .max-w-screen-md {
   max-width: 768px;
 }
@@ -1154,10 +1122,6 @@ h6 {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .items-start {
   align-items: flex-start;
 }
@@ -1194,16 +1158,6 @@ h6 {
   border-radius: 0.375rem;
 }
 
-.rounded-b-md {
-  border-bottom-right-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
-.rounded-t-md {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-}
-
 .border {
   border-width: 1px;
 }
@@ -1255,35 +1209,11 @@ h6 {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
-.bg-black\/80 {
-  background-color: rgb(0 0 0 / 0.8);
-}
-
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
-}
-
-.bg-gray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
-}
-
 .bg-gray-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
 }
 
-.bg-green-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
-}
-
-.bg-lime-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
-}
-
 .bg-lime-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
@@ -1299,16 +1229,6 @@ h6 {
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
 }
 
-.bg-red-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
-}
-
-.bg-red-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
-}
-
 .bg-transparent {
   background-color: transparent;
 }
@@ -1342,11 +1262,6 @@ h6 {
   padding: 2rem;
 }
 
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1357,11 +1272,6 @@ h6 {
   padding-right: 0.5rem;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -1411,11 +1321,6 @@ h6 {
   font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
-.\!text-sm {
-  font-size: 0.875rem !important;
-  line-height: 1.25rem !important;
-}
-
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -1466,30 +1371,15 @@ h6 {
   text-transform: uppercase;
 }
 
-.ordinal {
-  --tw-ordinal: ordinal;
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
-
 .leading-normal {
   line-height: 1.5;
 }
 
-.text-amber-400 {
-  --tw-text-opacity: 1;
-  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
-}
-
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
-.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-
 .text-lime-500 {
   --tw-text-opacity: 1;
   color: rgb(132 204 22 / var(--tw-text-opacity, 1));
@@ -1526,11 +1416,6 @@ h6 {
   outline-width: 4px;
 }
 
-.invert {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -1553,17 +1438,458 @@ h6 {
   transition-duration: 300ms;
 }
 
+/*
+ *  Academicons 1.9.4 by James Walsh (https://github.com/jpswalsh) and Katja Bercic (https://github.com/katjabercic)
+ *  Fonts generated using FontForge - https://fontforge.org
+ *  Square icons designed to be used alongside Font Awesome square icons - https://fortawesome.github.io/Font-Awesome/
+ *  Licenses - Font: SIL OFL 1.1, CSS: MIT License
+ */
+
+@font-face {
+  font-family: 'Academicons';
+
+  font-style: normal;
+
+  font-weight: 400;
+
+  font-display: block;
+
+  src:url('/fonts/academicons.eot') format('embedded-opentype'),
+        url('/fonts/academicons.ttf') format('truetype'),
+        url('/fonts/academicons.woff') format('woff'),
+        url('/fonts/academicons.svg') format('svg');
+}
+
+.ai {
+  font-family: 'Academicons';
+  font-weight: 400;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+.ai-google-scholar:before {
+  content: "\e9d4";
+}
+
+/*  Duplication of the FontAwesome style classes using 'ai' in place of 'fa'. */
+
+.ai.ai-pull-left {
+  margin-right: .3em;
+}
+
+.ai.ai-pull-right {
+  margin-right: .3em;
+}
+
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+
+.fa {
+  font-family: var(--fa-style-family, "Font Awesome 6 Free");
+  font-weight: var(--fa-style, 900);
+}
+
+.fas,
+.far,
+.fab,
+.fa-solid,
+.fa-regular,
+.fa-brands,
+.fa {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: var(--fa-display, inline-block);
+  font-style: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-rendering: auto;
+}
+
+.fas::before,
+.far::before,
+.fab::before,
+.fa-solid::before,
+.fa-regular::before,
+.fa-brands::before,
+.fa::before {
+  content: var(--fa);
+}
+
+.fa-classic,
+.fas,
+.fa-solid,
+.far,
+.fa-regular {
+  font-family: 'Font Awesome 6 Free';
+}
+
+.fa-brands,
+.fab {
+  font-family: 'Font Awesome 6 Brands';
+}
+
+@keyframes fa-beat {
+  0%, 90% {
+    transform: scale(1);
+  }
+
+  45% {
+    transform: scale(var(--fa-beat-scale, 1.25));
+  }
+}
+
+@keyframes fa-bounce {
+  0% {
+    transform: scale(1, 1) translateY(0);
+  }
+
+  10% {
+    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+  }
+
+  30% {
+    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+  }
+
+  50% {
+    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+  }
+
+  57% {
+    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+  }
+
+  64% {
+    transform: scale(1, 1) translateY(0);
+  }
+
+  100% {
+    transform: scale(1, 1) translateY(0);
+  }
+}
+
+@keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4);
+  }
+}
+
+@keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 1;
+    transform: scale(var(--fa-beat-fade-scale, 1.125));
+  }
+}
+
+@keyframes fa-flip {
+  50% {
+    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+  }
+}
+
+@keyframes fa-shake {
+  0% {
+    transform: rotate(-15deg);
+  }
+
+  4% {
+    transform: rotate(15deg);
+  }
+
+  8%, 24% {
+    transform: rotate(-18deg);
+  }
+
+  12%, 28% {
+    transform: rotate(18deg);
+  }
+
+  16% {
+    transform: rotate(-22deg);
+  }
+
+  20% {
+    transform: rotate(22deg);
+  }
+
+  32% {
+    transform: rotate(-12deg);
+  }
+
+  36% {
+    transform: rotate(12deg);
+  }
+
+  40%, 100% {
+    transform: rotate(0deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+
+.fa-angle-right {
+  --fa: "\f105";
+}
+
+.fa-folder-open {
+  --fa: "\f07c";
+}
+
+.fa-circle {
+  --fa: "\f111";
+}
+
+.fa-tags {
+  --fa: "\f02c";
+}
+
+.fa-envelope {
+  --fa: "\f0e0";
+}
+
+.fa-flask {
+  --fa: "\f0c3";
+}
+
+.fa-bolt {
+  --fa: "\f0e7";
+}
+
+.fa-chain {
+  --fa: "\f0c1";
+}
+
+.fa-magnifying-glass {
+  --fa: "\f002";
+}
+
+.fa-calendar {
+  --fa: "\f133";
+}
+
+.fa-rss {
+  --fa: "\f09e";
+}
+
+:root, :host {
+  --fa-style-family-brands: 'Font Awesome 6 Brands';
+  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Brands';
+
+  font-style: normal;
+
+  font-weight: 400;
+
+  font-display: block;
+
+  src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype");
+}
+
+.fab,
+.fa-brands {
+  font-weight: 400;
+}
+
+.fa-creative-commons-nc {
+  --fa: "\f4e8";
+}
+
+.fa-creative-commons-by {
+  --fa: "\f4e7";
+}
+
+.fa-stack-overflow {
+  --fa: "\f16c";
+}
+
+.fa-creative-commons-sa {
+  --fa: "\f4ef";
+}
+
+.fa-creative-commons {
+  --fa: "\f25e";
+}
+
+.fa-git-alt {
+  --fa: "\f841";
+}
+
+.fa-bitcoin {
+  --fa: "\f379";
+}
+
+.fa-gitlab {
+  --fa: "\f296";
+}
+
+.fa-creative-commons-nd {
+  --fa: "\f4eb";
+}
+
+.fa-linkedin {
+  --fa: "\f08c";
+}
+
+.fa-instagram {
+  --fa: "\f16d";
+}
+
+.fa-github {
+  --fa: "\f09b";
+}
+
+.fa-twitter {
+  --fa: "\f099";
+}
+
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+
+  font-style: normal;
+
+  font-weight: 400;
+
+  font-display: block;
+
+  src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype");
+}
+
+.far,
+.fa-regular {
+  font-weight: 400;
+}
+
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+
+  font-style: normal;
+
+  font-weight: 900;
+
+  font-display: block;
+
+  src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype");
+}
+
+.fas,
+.fa-solid {
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+
+  font-display: block;
+
+  font-weight: 400;
+
+  src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+
+  font-display: block;
+
+  font-weight: 900;
+
+  src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+
+  font-display: block;
+
+  font-weight: 400;
+
+  src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'FontAwesome';
+
+  font-display: block;
+
+  src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'FontAwesome';
+
+  font-display: block;
+
+  src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'FontAwesome';
+
+  font-display: block;
+
+  src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype");
+
+  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC;
+}
+
+@font-face {
+  font-family: 'FontAwesome';
+
+  font-display: block;
+
+  src: url("/fonts/fa-v4compatibility.woff2") format("woff2"), url("/fonts/fa-v4compatibility.ttf") format("truetype");
+
+  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A;
+}
+
 @font-face {
   font-family: "BerkshireSwash-Regular";
 
   font-display: optional;
 
   src:
-      url("/css/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"),
-      url("/css/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular")
+      url("/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"),
+      url("/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular")
         format("svg"),
-      url("/css/fonts/BerkshireSwash-Regular.ttf.eot"),
-      url("/css/fonts/BerkshireSwash-Regular.ttf.eot?#iefix")
+      url("/fonts/BerkshireSwash-Regular.ttf.eot"),
+      url("/fonts/BerkshireSwash-Regular.ttf.eot?#iefix")
         format("embedded-opentype");
 
   font-weight: normal;
@@ -1575,21 +1901,6 @@ h6 {
   font-family: "BerkshireSwash-Regular";
 }
 
-.baskerville {
-  font-family: baskerville, serif;
-}
-
-blockquote::before {
-  font-family: "Font Awesome 6 Free";
-  color: #79c753;
-  content: "\f10d";
-  font-weight: 900;
-  font-size: 2rem;
-  position: absolute;
-  left: 10px;
-  top: -15px;
-}
-
 .odd\:bg-white:nth-child(odd) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));