diff --git a/index.html b/index.html
index 0366fa2..15f6b48 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
-
+
Resume
diff --git a/public/css/main.css b/public/css/main.css
index d2a77b7..c8130cf 100644
--- 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
index 8b282d7..edd9b50 100644
--- 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
index 157ac8d..0a6b9fb 100644
--- 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) => {