phc/website
6
4
Fork 1
Code Issues 9 Pull Requests Projects 1 Releases Wiki Activity

chore: refactor navbar, remove trailing whitespace

Browse Source
This commit is contained in:
BachoSeven
2021-12-19 00:02:42 +01:00
parent 9890bd2c58
commit 7a7fef0580
2 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/style.css
+3 -5
View File
@@ -28,7 +28,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
html, body { html, body {
margin: 0; margin: 0;
} }
@@ -59,7 +58,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -215,7 +214,6 @@ nav .nav-main .nav-item.dropdown .nav-items {
display: none; display: none;
background: var(--bg-dark); background: var(--bg-dark);
border-radius: 4px; border-radius: 4px;
border: 1px solid var(--bg-darker-2); border: 1px solid var(--bg-darker-2);
@@ -352,5 +350,5 @@ a:hover {
/* Responsiveness */ /* Responsiveness */
@media screen and (max-width: 950px) { @media screen and (max-width: 950px) {
} }
views/base.html
+24 -7
View File
@@ -32,11 +32,11 @@
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const $toggle = document.querySelector('#toggle-dark-mode'); const $toggle = document.querySelector('#toggle-dark-mode');
const $toggleIcon = document.querySelector('#toggle-dark-mode i'); const $toggleIcon = document.querySelector('#toggle-dark-mode i');
// Loads prefered dark from from localStorage or defaults to media query. // Loads prefered dark from from localStorage or defaults to media query.
let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches; let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
function storePrefersDarkMode(mode) { function storePrefersDarkMode(mode) {
prefersDarkMode = mode; prefersDarkMode = mode;
localStorage.setItem('theme', mode ? 'dark' : 'light'); localStorage.setItem('theme', mode ? 'dark' : 'light');
@@ -73,9 +73,6 @@
<div class="nav-item"> <div class="nav-item">
<a class="nav-element" href="/utenti">Utenti</a> <a class="nav-element" href="/utenti">Utenti</a>
</div> </div>
<div class="nav-item">
<a class="nav-element" href="/news">News</a>
</div>
<div class="nav-item dropdown"> <div class="nav-item dropdown">
<div class="name"> <div class="name">
<a class="nav-element" href="/progetti"> <a class="nav-element" href="/progetti">
@@ -94,11 +91,31 @@
<div class="nav-item"> <div class="nav-item">
<a class="nav-element" href="{{ .Config.ForumUrl }}">Zulip</a> <a class="nav-element" href="{{ .Config.ForumUrl }}">Zulip</a>
</div> </div>
<div class="nav-item">
<a class="nav-element" href="/seminari">Seminari</a>
</div>
</div>
</div>
<div class="nav-item dropdown">
<div class="name">
<a class="nav-element" href="/risorse">
<div class="icon">
<i class="fas fa-chevron-down"></i>
</div>
<div class="label">
Risorse
</div>
</a>
</div>
<div class="nav-items">
<div class="nav-item">
<a class="nav-element" href="/news">News</a>
</div>
<div class="nav-item"> <div class="nav-item">
<a class="nav-element" href="/guide">Guide</a> <a class="nav-element" href="/guide">Guide</a>
</div> </div>
<div class="nav-item"> <div class="nav-item">
<a class="nav-element" href="/seminari">Seminari</a> <a class="nav-element" href="/link">Link Utili</a>
</div> </div>
</div> </div>
</div> </div>
@@ -141,4 +158,4 @@
</body> </body>
</html> </html>
{{end}} {{end}}