diff --git a/.gitignore b/.gitignore index 6778aca..66816e5 100644 --- a/.gitignore +++ b/.gitignore @@ -4,9 +4,11 @@ dist-newstyle _cache _site stack.yaml.lock + film/ fonts/ images/ posts/ publications/ files/ +font-awesome/ diff --git a/README.md b/README.md new file mode 100644 index 0000000..ce51c74 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +Hakyll source code for my personal site. diff --git a/css/default.scss b/css/default.scss index 42e85cc..84665bf 100644 --- a/css/default.scss +++ b/css/default.scss @@ -1,29 +1,50 @@ @import url(/fonts/fonts.css); -$bg-color: #F3F8F1; -$primary-color: #D7263D; -$secondary-color: #984EA3; +$themes: ( + "light": ( + "background": #F3F8F1, + "primary": #D7263D, + "secondary": #984EA3, + "text": black + ), + "dark": ( + "primary": #88d498, + "secondary": #db5375, + "background": #161616, + "text": white + ) +); + +@each $theme-name, $properties in $themes { + body[data-theme="#{$theme-name}"] { + // define a css variable for each property + @each $name, $property in $properties { + --#{$name}: #{$property}; + } + } +} html { font-family: "SpaceGrotesk"; - background-color: $bg-color; } a { - color: $primary-color; + color: var(--primary); text-decoration: none; } a:hover { - color : $secondary-color; + color : var(--secondary); } a:visited { - color: $secondary-color; + color: var(--secondary); } body { font-size: 1.6rem; + color: var(--text); + background-color: var(--background); } header { @@ -37,11 +58,23 @@ nav { nav a { font-size: 1.8rem; font-weight: bold; - color: black; + color: var(--text); text-decoration: none; text-transform: uppercase; } +#btn-switch { + background: none; + color: inherit; + border: none; + font: inherit; + cursor: pointer; +} + +#btn-switch:hover { + color : var(--secondary); +} + h1 { font-size: 2.4rem; } @@ -58,7 +91,7 @@ article .header { .logo a { font-weight: bold; - color: #000; + color: var(--text); text-decoration: none; } diff --git a/index.html b/index.html index 7830ead..06b249b 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ title: Home
My name is (R)ostyslav Hnaty(shyn), but I go by Rosty. -I am a second year PhD student at Arizona State University. +I am a third year PhD student at the VADER (Visual Analytics and Data Exploration Research) Lab at Arizona State University.
diff --git a/site.hs b/site.hs index 3c6b8b3..61391c8 100644 --- a/site.hs +++ b/site.hs @@ -16,7 +16,7 @@ main :: IO () main = hakyllWith config $ do -- Static directories - match ("fonts/*" .||. "images/*" .||. "files/*" .||. "film/*") $ do + match ("fonts/*" .||. "images/*" .||. "files/*" .||. "film/*" .||. "font-awesome/**") $ do route idRoute compile copyFileCompiler diff --git a/templates/default.html b/templates/default.html index ff38ae0..322ca1e 100644 --- a/templates/default.html +++ b/templates/default.html @@ -6,18 +6,39 @@