81 lines
3.1 KiB
HTML
81 lines
3.1 KiB
HTML
{% include 'include/modal.html' %}
|
|
{% load static %}
|
|
<header id="header" class="d-flex align-items-center">
|
|
<div class="container">
|
|
|
|
<!-- The main logo is shown in mobile version only. The centered nav-logo in nav menu is displayed in desktop view -->
|
|
<div class="logo d-block d-lg-none">
|
|
<a data-aos="fade-down" class="icon-back-to-top" onclick="toggleTheme()"><img src="{% static 'home/assets/img/black-orchid.svg' %}" alt="" class="img-fluid"></a>
|
|
</div>
|
|
|
|
<nav class="nav-menu d-none d-lg-block">
|
|
<ul class="nav-inner">
|
|
|
|
<li class="drop-down"><a href="/">Explore</a>
|
|
<ul>
|
|
{% if not user.is_authenticated %}
|
|
<li><a href="{% url 'login' %}">Login</a></li>
|
|
<li><a href="{% url 'register' %}">Register</a></li>
|
|
{% else %}
|
|
<li><a href="{% url 'logout' %}">Logout</a></li>
|
|
{% endif %}
|
|
<li class="drop-down"><a href="{% url 'demo' %}">Demos</a>
|
|
<ul>
|
|
{% for demo in demos %}
|
|
<li><a href="/demo/{{ demo }}">{{ demo }}</a></li>
|
|
{% empty %}
|
|
<li>No demo loaded.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
<li class="drop-down"><a href="{% url 'article' %}">Articles</a>
|
|
<ul>
|
|
{% for article in articles %}
|
|
<li><a href="/article/{{ article }}">{{ article }}</a></li>
|
|
{% empty %}
|
|
<li>No article loaded.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
<li><a href="{% url 'touch-typing' %}">Touch typing</a></li>
|
|
<!-- <li><a href="% url 'planning' %">Planning</a></li> -->
|
|
<li><a href="{% url 'first-site' %}">First site</a></li>
|
|
<li class="drop-down"><a href="{% url 'game' %}">Games</a>
|
|
<ul>
|
|
{% for game in games %}
|
|
<li><a href="/game/{{ game }}">{{ game }}</a></li>
|
|
{% empty %}
|
|
<li>No game loaded.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
<li><a href="{% url 'blog-home' %}">Blog</a></li>
|
|
<li class="drop-down"><a href="{% url 'cv' %}">Curriculum Vitae</a>
|
|
<ul>
|
|
<li><a href="/cv/1p">1 page version</a></li>
|
|
<li><a href="/cv/2p">2 pages version</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- <li class="drop-down"><a href="#">Projects</a> -->
|
|
<!-- <ul> -->
|
|
<!-- <li><a href="#">Not</a></li> -->
|
|
<!-- <li><a href="#">Available</a></li> -->
|
|
<!-- </ul> -->
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="active"><a href="/#about">About me</a></li>
|
|
<li><a href="/#skills">Skills</a></li>
|
|
|
|
<li class="nav-logo" style="width: 15%; height: 15%"><a onclick="toggleTheme()"><img id="theme-img" src="{% static 'home/assets/img/black-orchid.svg' %}" alt="" class="img-fluid"></a></li>
|
|
|
|
<li><a href="/#portfolio">Portfolio</a></li>
|
|
<li><a href="/#certificates">Certificates</a></li>
|
|
<li><a href="/#contact">Contact</a></li>
|
|
|
|
</ul>
|
|
</nav><!-- .nav-menu -->
|
|
|
|
</div>
|
|
</header>
|