[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, 26 insertions, 28 deletions

diff --git a/assets/css/input.css b/assets/css/input.css
index cc5bee8..a8da489 100644
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -1,26 +1,25 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.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;
-}
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import "./academicons.css" layer(utilities);
+@import "./fontawesome.css" layer(utilities);
 
 @layer base {
   blockquote {
     @apply border-l-4 p-4 m-8 relative border-lime-500 baskerville;
   }
+
+  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 {
     @apply text-center uppercase mt-4 tracking-wide;
   }
@@ -49,6 +48,9 @@ blockquote::before {
 }
 
 @layer components {
+  .baskerville {
+    font-family: baskerville, serif;
+  }
   .menu {
     transition: max-height 0.2s ease-out;
     overflow: hidden;
@@ -108,12 +110,8 @@ blockquote::before {
   #hero {
     text-shadow: 2px 2px 3px black;
   }
-  .main-content {
-    p {
-      code {
-        @apply text-blue-500 px-1;
-      }
-    }
+  .main-content p code {
+    @apply text-blue-500 px-1;
   }
   .main-content a {
     @apply px-1 text-lime-500;
@@ -257,11 +255,11 @@ blockquote::before {
     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;
     font-style: normal;