Tweaks

Signed-off-by: Shauna Gordon <shauna@shaunagordon.com>
ShaunaGordon · Dec 21, 2024 · b56bc99 · b56bc99
1 parent f60f0d0
commit b56bc99
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="/css/animations.css" media="screen and (prefers-reduced-motion: no-preference)" />
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
     <link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
-    <script defer src="https://use.fontawesome.com/releases/v5.15.2/js/all.js"></script>
+    <script defer src="https://use.fontawesome.com/releases/v6.7.2/js/all.js"></script>
     <title>Resume</title>
   </head>
   <body>

diff --git a/public/css/main.css b/public/css/main.css
@@ -9,18 +9,18 @@ body {
 }
 
 h1 {
-  font-size: 6rem;
+  font-size: var(--font-size-h1);
   margin-top: var(--gutter-normal);
   margin-bottom: var(--gutter-narrow);
 }
 
 h2 {
-  font-size: 4rem;
+  font-size: var(--font-size-h2);
   margin-top: var(--gutter-wide);
 }
 
 h3 {
-  font-size: 2rem;
+  font-size: var(--font-size-h3);
   margin-top: var(--gutter-normal);
   margin-bottom: var(--gutter-normal);
 }

diff --git a/public/css/variables.css b/public/css/variables.css
@@ -10,6 +10,10 @@
     --font-body: 'Source Sans Pro', Helvetica, Arial, sans-serif;
     --font-header: 'Forum', Helvetica, Arial, sans-serif;
 
+    --font-size-h1: 6rem;
+    --font-size-h2: 4rem;
+    --font-size-h3: 2rem;
+
     --box-shadow: 3px 3px 5px 0 rgba(0,0,0,.08);
 
     --gutter-normal: 1rem;
@@ -39,5 +43,9 @@
       --color-accent-secondary: #754668;
 
       --box-shadow: 0;
+
+      --font-size-h1: 4rem;
+      --font-size-h2: 2rem;
+      --font-size-h3: 1.2rem;
     }
 }
diff --git a/src/mixins/icons.js b/src/mixins/icons.js
@@ -1,10 +1,15 @@
+/* For reasons I don't really understand, Devicon uses "original" instead of "plain" for a handful of icons. */
+const classOriginal = [
+    'electron'
+];
+
 export const useIcons = () => {
     const getTechClass = (i) => {
         // Devicons doesn't have O3DE, so we're adding our own for now
         if(i == 'o3de') {
             return `icon devicon-cplusplus-plain`;
         }
-        return `icon devicon-${i}-plain`;
+        return `icon devicon-${i}-${classOriginal.includes(i) ? 'original' : 'plain'}`;
     };
 
     const getFaClass = (i) => {