Moved login / logout links and greeting into header.

This commit is contained in:
Marcus Scholz 2020-08-04 23:16:45 +02:00
parent 66404eea87
commit c20e9c866d
2 changed files with 24 additions and 16 deletions

View File

@ -10,23 +10,40 @@
{% block title %}Urban Exploration{% endblock %} {% block title %}Urban Exploration{% endblock %}
</title> </title>
</head> </head>
<body> <body>
<header class="LP-Header"> <header class="LP-Header">
<div class="LP-Header__Logo"> <div class="LP-Header__Logo">
<a class="LP-Link" href="#"> <a class="LP-Link" href="/">
<img class="LP-Logo" src="{% static 'logo.png' %}" /> <img src="{% static 'logo.png' %}" class="LP-Image" />
</a> </a>
</div> </div>
<div class="LP-Header__UserInformation">
<span class="LP-Paragraph">
{% if user.is_authenticated %}
Hi {{ user.username }}!
<a class="LP-Link" href="{% url 'logout' %}"><span class="LP-Link__Text">logout</span></a></p>
{% else %}
<p>Du bist nicht eingeloggt.</p>
<a class="LP-Link" href="{% url 'login' %}"><span class="LP-Link__Text">login</span></a> |
<a class="LP-Link" href="{% url 'signup' %}"><span class="LP-Link__Text">signup</span></a>
{% endif %}
</span>
</div>
<div class="LP-Header__Navigation"> <div class="LP-Header__Navigation">
<nav class="LP-Menu"> <nav class="LP-Menu LP-Menu">
<ul class="LP-Menu__List"> <ul class="LP-Menu__List">
<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Home</span></a></li> <li class="LP-Menu__Item"><a href="/" class="LP-Link">
<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">About</span></a></li> <span class="LP-Link__Text">Home</span></a></li>
<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li> <li class="LP-Menu__Item"><a href="" class="LP-Link">
<span class="LP-Link__Text">About</span></a></li>
<li class="LP-Menu__Item"><a href="" class="LP-Link">
<span class="LP-Link__Text">Contact</span></a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
</header> </header>
<article class="LP-MainContainer"> <article class="LP-MainContainer">
{% block maincontent %} {% block maincontent %}

View File

@ -5,15 +5,6 @@
{% block maincontent %} {% block maincontent %}
{% if user.is_authenticated %}
Hi {{ user.username }}!
<p><a href="{% url 'logout' %}">logout</a></p>
{% else %}
<p>Du bist nicht eingeloggt.</p>
<a href="{% url 'login' %}">login</a> |
<a href="{% url 'signup' %}">signup</a>
{% endif %}
<div class="LP-PlaceGrid"> <div class="LP-PlaceGrid">
<h1 class="LP-Headline LP-Headline">Explore the latest locations</h1> <h1 class="LP-Headline LP-Headline">Explore the latest locations</h1>
<ul class="LP-PlaceGrid__Grid"> <ul class="LP-PlaceGrid__Grid">