kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2026-03-22 00:26:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix nav bar

Browse Source
This commit is contained in:
Kristofers Solo
2023-01-18 14:28:25 +02:00
parent cad16a254d
commit 40d32d140c
2 changed files with 50 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
templates/layout.html
View File

@@ -3,6 +3,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="color-scheme" content="dark light">
<link rel="icon" href="{% static 'main/img/icons/logo.svg' %}" />
<title>
{% block title %}{% endblock %}
@@ -17,32 +18,36 @@
<script src="{% static 'main/js/navigation.js' %}" defer></script>
</head>
<body>
<header class="primary-header flex">
<div>
<a href="{% url 'home' %}">
<img src="{% static 'main/img/icons/logo.svg' %}" alt="logo" class="logo">
</a>
<div class="page-container">
<div class="content-wrap">
<header class="primary-header flex">
<div>
<a href="{% url 'home' %}">
<img src="{% static 'main/img/icons/logo.svg' %}" alt="logo" class="logo">
</a>
</div>
<button class="mobile-nav-toggle"
aria-controls="primary-navigation"
aria-expanded="false">
<span class="sr-only">Menu</span>
</button>
<nav>
<ul id="primary-navigation"
class="primary-navigation flex"
data-visible="false">
<li>
<a href="{% url 'home' %}" class="bold">Home</a>
</li>
<li>
<a href="{% url 'projects' %}" class="bold">Projects</a>
</li>
</ul>
</nav>
</header>
<main>
{% block content %}{% endblock %}
</main>
</div>
<button class="mobile-nav-toggle"
aria-controls="primary-navigation"
aria-expanded="false">
<span class="sr-only">Menu</span>
</button>
<nav>
<ul id="primary-navigation"
class="primary-navigation flex"
data-visible="false">
<li>
<a href="{% url 'home' %}" class="bold">Home</a>
</li>
<li>
<a href="{% url 'instructions' %}" class="bold">Projects</a>
</li>
</ul>
</nav>
</header>
<main>
{% block content %}{% endblock %}
</main>
</div>
</body>
</html>