Tweaks

ShaunaGordon · ShaunaGordon · commit b56bc99ff23e · 2024-12-20T20:09:56.000-05:00
Signed-off-by: Shauna Gordon &lt;shauna@shaunagordon.com&gt;
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) => {

Original file line number	Diff line number	Diff line change
`@@ -9,18 +9,18 @@ body {`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`h1 {`
`12`		`- font-size: 6rem;`
	`12`	`+ font-size: var(--font-size-h1);`
`13`	`13`	`margin-top: var(--gutter-normal);`
`14`	`14`	`margin-bottom: var(--gutter-narrow);`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`h2 {`
`18`		`- font-size: 4rem;`
	`18`	`+ font-size: var(--font-size-h2);`
`19`	`19`	`margin-top: var(--gutter-wide);`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`h3 {`
`23`		`- font-size: 2rem;`
	`23`	`+ font-size: var(--font-size-h3);`
`24`	`24`	`margin-top: var(--gutter-normal);`
`25`	`25`	`margin-bottom: var(--gutter-normal);`
`26`	`26`	`}`