diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 5f8e2ec..0a819e4 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,11 +1,12 @@ - + {{- partial "head.html" . -}} - {{- partial "header.html" . -}} + {{- partial "header.html" . -}}
{{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}} + diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 164c441..afbeb38 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,10 +1,24 @@
\ No newline at end of file diff --git a/static/css/fonts/LiberationMono-Bold.ttf b/static/css/fonts/LiberationMono-Bold.ttf deleted file mode 100644 index 2e46737..0000000 Binary files a/static/css/fonts/LiberationMono-Bold.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationMono-BoldItalic.ttf b/static/css/fonts/LiberationMono-BoldItalic.ttf deleted file mode 100644 index d1f46d7..0000000 Binary files a/static/css/fonts/LiberationMono-BoldItalic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationMono-Italic.ttf b/static/css/fonts/LiberationMono-Italic.ttf deleted file mode 100644 index 954c394..0000000 Binary files a/static/css/fonts/LiberationMono-Italic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationMono-Regular.ttf b/static/css/fonts/LiberationMono-Regular.ttf deleted file mode 100644 index e774859..0000000 Binary files a/static/css/fonts/LiberationMono-Regular.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSans-Bold.ttf b/static/css/fonts/LiberationSans-Bold.ttf deleted file mode 100644 index dc5d57f..0000000 Binary files a/static/css/fonts/LiberationSans-Bold.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSans-BoldItalic.ttf b/static/css/fonts/LiberationSans-BoldItalic.ttf deleted file mode 100644 index 158488a..0000000 Binary files a/static/css/fonts/LiberationSans-BoldItalic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSans-Italic.ttf b/static/css/fonts/LiberationSans-Italic.ttf deleted file mode 100644 index 25970d9..0000000 Binary files a/static/css/fonts/LiberationSans-Italic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSans-Regular.ttf b/static/css/fonts/LiberationSans-Regular.ttf deleted file mode 100644 index e633985..0000000 Binary files a/static/css/fonts/LiberationSans-Regular.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSerif-Bold.ttf b/static/css/fonts/LiberationSerif-Bold.ttf deleted file mode 100644 index 3c7c55b..0000000 Binary files a/static/css/fonts/LiberationSerif-Bold.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSerif-BoldItalic.ttf b/static/css/fonts/LiberationSerif-BoldItalic.ttf deleted file mode 100644 index 6b35d9f..0000000 Binary files a/static/css/fonts/LiberationSerif-BoldItalic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSerif-Italic.ttf b/static/css/fonts/LiberationSerif-Italic.ttf deleted file mode 100644 index 54d5164..0000000 Binary files a/static/css/fonts/LiberationSerif-Italic.ttf and /dev/null differ diff --git a/static/css/fonts/LiberationSerif-Regular.ttf b/static/css/fonts/LiberationSerif-Regular.ttf deleted file mode 100644 index 5e5550c..0000000 Binary files a/static/css/fonts/LiberationSerif-Regular.ttf and /dev/null differ diff --git a/static/css/fonts/OpenDyslexic-Bold.otf b/static/css/fonts/OpenDyslexic-Bold.otf deleted file mode 100644 index 4c492e2..0000000 Binary files a/static/css/fonts/OpenDyslexic-Bold.otf and /dev/null differ diff --git a/static/css/fonts/OpenDyslexic-BoldItalic.otf b/static/css/fonts/OpenDyslexic-BoldItalic.otf deleted file mode 100644 index f71b430..0000000 Binary files a/static/css/fonts/OpenDyslexic-BoldItalic.otf and /dev/null differ diff --git a/static/css/fonts/OpenDyslexic-Italic.otf b/static/css/fonts/OpenDyslexic-Italic.otf deleted file mode 100644 index fdead4d..0000000 Binary files a/static/css/fonts/OpenDyslexic-Italic.otf and /dev/null differ diff --git a/static/css/fonts/OpenDyslexic-Regular.otf b/static/css/fonts/OpenDyslexic-Regular.otf deleted file mode 100644 index 1226d2a..0000000 Binary files a/static/css/fonts/OpenDyslexic-Regular.otf and /dev/null differ diff --git a/static/css/fonts/remingtonedtype.ttf b/static/css/fonts/remingtonedtype.ttf deleted file mode 100644 index 501eec9..0000000 Binary files a/static/css/fonts/remingtonedtype.ttf and /dev/null differ diff --git a/static/css/style.css b/static/css/style.css index ff56d01..ca0be4b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -93,23 +93,79 @@ footer { } #content { - margin-left: 15%; - margin-right: 15%; + margin-left: 30%; + margin-right: 10%; } /* For header.html */ #nav { - background-color: #F14B25; + background-color: #A51D2D; } -#nav-button { - color: #E7DBDA; - padding: 0px 25px; +#nav-list { + height: 100%; + margin: 0; + padding: 0; + position: fixed; + overflow: auto; + width: 25%; + list-style-type: none; + background-color: #A51D2D; +} + +.nav-button { + color: #FAFAFA; + padding: 0px 40px; text-decoration: none; } +li:first-child { + padding: 0px; +} -#nav-button:hover { - transform: translateY(-2px); +@media screen and (min-width: 769px) { + #nav-toggle-mobile { + display: none; + } +} + +@media screen and (min-width: 1700px) { + #nav-list { + width: 17%; + } + #content { + margin-left: 20%; + } +} + +@media screen and (max-width: 768px) { + #content { + margin: 10%; + } + #nav-list { + list-style-type: none; + padding: 0; + margin: 0; + position: relative; + display: flex; + flex-direction: column; + } + .nav-li { + padding-right: 8px; + float: left; + display: none; + } + .nav-li-show-mobile { + display: flex; + } + .nav-button { + display: block; + padding: 8px; + } + #nav-toggle-mobile { + align-self: flex-end; + display: flex; + cursor: pointer; + } } /* For author.html */ @@ -118,9 +174,6 @@ footer { max-width: 200px; height: auto; } -#pronouns { - color: #FF535D; -} /* For meta.html */ .meta { diff --git a/static/js/nav-toggle-mobile.js b/static/js/nav-toggle-mobile.js new file mode 100644 index 0000000..fbc4485 --- /dev/null +++ b/static/js/nav-toggle-mobile.js @@ -0,0 +1,8 @@ +function classToggle() { + const navs = document.querySelectorAll('.nav-li') + + navs.forEach(nav => nav.classList.toggle('nav-li-show-mobile')); + } + + document.querySelector('#nav-toggle-mobile') + .addEventListener('click', classToggle); \ No newline at end of file