35 lines
2.7 KiB
HTML
35 lines
2.7 KiB
HTML
<header class="grid grid-cols-1 md:grid-cols-[400px_1fr] md:gap-x-4 bg-blue-900 p-8 text-white">
|
|
<div class="row-span-3">
|
|
<h3 class="font-sans text-sm"><a href="{% url 'core:homepage' %}">the digital home of</a></h3>
|
|
<h1 class="text-4xl font-bold"><a href="{% url 'core:homepage' %}">Calum Andrew Morrell</a></h1>
|
|
{# <h2 class="font-mono">Photography · Writing · Audio · Video</h2>#}
|
|
</div>
|
|
<div class="font-sans md:row-span-3 md:grid md:grid-cols-1">
|
|
<nav class="flex gap-x-4 md:justify-end">
|
|
<a class="{% if '/about/me/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'core:about-me' %}">about me</a>
|
|
<a class="{% if '/about/website/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'core:about-website' %}">about this website</a>
|
|
<a class="{% if '/about/tools/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'core:about-tools' %}">about my tools</a>
|
|
<a class="{% if '/about/contact/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'core:contact-me' %}">contact me</a>
|
|
</nav>
|
|
<nav class="flex gap-x-4 md:row-span-2 md:items-end text-lg">
|
|
<a class="{% if request.path == '/' %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'core:homepage' %}">Home</a>
|
|
<a class="{% if 'articles' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'articles:list' %}">Articles</a>
|
|
{# <a class="{% if 'photography' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"#}
|
|
{# href="{% url 'showcase:project_list' %}">Photography</a>#}
|
|
{# <a class="{% if 'bear' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"#}
|
|
{# href="{% url 'bear:latest' %}">A Bear Aware</a>#}
|
|
<a class="{% if 'websites' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
|
|
href="{% url 'links:list' %}">Websites</a>
|
|
{# <a class="{% if 'categories' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="{% url 'articles:categories' %}">Categories</a>#}
|
|
{# <a class="{% if 'showcase' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="#">Showcase</a>#}
|
|
{# <a class="{% if 'locations' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="#">Locations</a>#}
|
|
</nav>
|
|
</div>
|
|
</header>
|