From 60aef6d032c92ae79c5e64961ff1518aa02a593d Mon Sep 17 00:00:00 2001 From: Ben Visness Date: Wed, 27 Oct 2021 22:44:08 -0500 Subject: [PATCH] Fix mobile nav issues and add circuit logo --- public/style.css | 4 + src/rawdata/scss/_header.scss | 7 ++ src/templates/src/include/header.html | 4 +- src/templates/src/landing.html | 11 ++- src/templates/src/user_profile.html | 2 +- src/templates/svg/hmn_circuit.svg | 102 ++++++++++++++++++++++++++ 6 files changed, 127 insertions(+), 3 deletions(-) create mode 100644 src/templates/svg/hmn_circuit.svg diff --git a/public/style.css b/public/style.css index 499c71a..7ea9b45 100644 --- a/public/style.css +++ b/public/style.css @@ -8767,6 +8767,10 @@ header .root-item > a { header .root-item .svgicon { font-size: 0.7em; } +header:not(.clicked) .root-item:not(:hover) > .submenu, +header.clicked .root-item:not(.clicked) > .submenu { + display: none; } + header .submenu { background-color: #f8f8f8; background-color: var(--content-background); diff --git a/src/rawdata/scss/_header.scss b/src/rawdata/scss/_header.scss index 36cf540..c799e9b 100644 --- a/src/rawdata/scss/_header.scss +++ b/src/rawdata/scss/_header.scss @@ -74,6 +74,13 @@ header { } } + &:not(.clicked) .root-item:not(:hover), + &.clicked .root-item:not(.clicked) { + > .submenu { + display: none; + } + } + .submenu { @extend .bw1; @include usevar(background-color, content-background); diff --git a/src/templates/src/include/header.html b/src/templates/src/include/header.html index fc331ae..300d2f3 100644 --- a/src/templates/src/include/header.html +++ b/src/templates/src/include/header.html @@ -103,7 +103,9 @@ } } - function clickDropdown(el) { + function clickDropdown(el) { + header.classList.add('clicked'); + if (el.classList.contains('clicked')) { clearDropdowns(); } else { diff --git a/src/templates/src/landing.html b/src/templates/src/landing.html index 99c805a..aab551a 100644 --- a/src/templates/src/landing.html +++ b/src/templates/src/landing.html @@ -112,6 +112,13 @@ font-family: 'MohaveHMN', sans-serif; font-weight: 400; font-size: 4rem; + display: flex; + justify-content: center; + } + + #welcome-logo svg { + height: 100%; + fill: currentColor; } #welcome-content a { @@ -148,7 +155,9 @@ }
- +

We are a community of programmers committed to producing quality software through deeper understanding.

Originally inspired by Casey Muratori's Handmade Hero, we have grown into a thriving community focused on building truly high-quality software. We're not low-level in the typical sense. Instead we realize that to write great software, you need to understand things at more than a surface level.

diff --git a/src/templates/src/user_profile.html b/src/templates/src/user_profile.html index 0acb76e..7f15891 100644 --- a/src/templates/src/user_profile.html +++ b/src/templates/src/user_profile.html @@ -14,7 +14,7 @@ {{ with or .ProfileUser.Bio .ProfileUser.Blurb }}
{{ . }}
{{ end }} -
+
{{ if .ProfileUser.Email }}
Email
diff --git a/src/templates/svg/hmn_circuit.svg b/src/templates/svg/hmn_circuit.svg new file mode 100644 index 0000000..3af3ee7 --- /dev/null +++ b/src/templates/svg/hmn_circuit.svg @@ -0,0 +1,102 @@ + + + + +