diff --git a/assets/css/baseof.css b/assets/css/baseof.css index f032ac6..907fba5 100644 --- a/assets/css/baseof.css +++ b/assets/css/baseof.css @@ -84,6 +84,7 @@ a { } .vertical-separator { - border-left: 1px solid rgba(0, 0, 0, .25); + border-left: 1px solid var(--text); height: 24px; + opacity: .25; } diff --git a/assets/css/partials/header.css b/assets/css/partials/header.css index f25039b..ac23ec1 100644 --- a/assets/css/partials/header.css +++ b/assets/css/partials/header.css @@ -5,7 +5,7 @@ header { width: 85%; - margin: 3.125rem auto; + margin: 2.5rem auto; padding: 0.938rem 2.188rem; border-radius: 0.75rem; @@ -47,4 +47,21 @@ header #links { display: flex; align-items: center; column-gap: 1.5rem; -} \ No newline at end of file +} + +header #links .linkedin, +header #links .github, +header #links .cv-paper-flip { + stroke: var(--text); +} + +header #links .twitter, +header #links .rss, +header #links .cv, +header #links .moon { + fill: var(--text); +} + +header #links #theme-toggle { + cursor: pointer; +} diff --git a/assets/cv.pdf b/assets/cv.pdf new file mode 100755 index 0000000..7269c7a Binary files /dev/null and b/assets/cv.pdf differ diff --git a/assets/icons/cv.svg b/assets/icons/cv.svg index 75f7935..0182d16 100644 --- a/assets/icons/cv.svg +++ b/assets/icons/cv.svg @@ -1,7 +1,7 @@ - - - - - + + + + + diff --git a/assets/icons/github.svg b/assets/icons/github.svg index 7ace097..6025fe2 100644 --- a/assets/icons/github.svg +++ b/assets/icons/github.svg @@ -1,6 +1,6 @@ - + diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg index cd6bfdc..2b8f0af 100644 --- a/assets/icons/linkedin.svg +++ b/assets/icons/linkedin.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/assets/icons/moon.svg b/assets/icons/moon.svg index 8153079..c673d7a 100644 --- a/assets/icons/moon.svg +++ b/assets/icons/moon.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/icons/rss.svg b/assets/icons/rss.svg index 8cac502..df767b4 100644 --- a/assets/icons/rss.svg +++ b/assets/icons/rss.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg index a8e5115..a7b06be 100644 --- a/assets/icons/twitter.svg +++ b/assets/icons/twitter.svg @@ -1,6 +1,6 @@ - + diff --git a/assets/js/baseof.js b/assets/js/baseof.js index 2ded2cc..606cf1d 100644 --- a/assets/js/baseof.js +++ b/assets/js/baseof.js @@ -34,6 +34,13 @@ function updateTheme(theme) { ); root.style.setProperty('--text', theme === 'light' ? 'black' : 'white'); root.style.setProperty('--color', theme === 'light' ? 'black' : 'white'); + + fetch(`../icons/${theme === 'light' ? 'sun' : 'moon'}.svg`) + .then((response) => response.text()) + .then((svg) => { + document.querySelector('#theme-toggle').innerHTML = svg; + }) + .catch(() => {}) } const root = document.documentElement; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 79d8cea..a625b38 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,8 +1,15 @@ -{{ $styles := resources.Get "css/partials/header.css" | toCSS | minify | -fingerprint }} {{ $headerFaceImage := resources.Get "images/header-face.png" }} +{{ define "styles" }} + {{ $styles := resources.Get "css/partials/header.css" | toCSS | minify | fingerprint }} + + +{{ end }} + +{{ $headerFaceImage := resources.Get "images/header-face.png" }} +{{ $sun := resources.Get "icons/sun.svg" }} +{{ $moon := resources.Get "icons/moon.svg" }} +{{ $cv := resources.Get "cv.pdf" }}
-
Hazem Krimi

Hazem Krimi

@@ -15,14 +22,16 @@ fingerprint }} {{ $headerFaceImage := resources.Get "images/header-face.png" }} Contact
diff --git a/layouts/partials/theme-switch.html b/layouts/partials/theme-switch.html deleted file mode 100644 index 7cc38aa..0000000 --- a/layouts/partials/theme-switch.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file