VladislavOstapov/arka-mvp
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Top bar in site. Work od desktop and mobiles, missing account icon

Browse Source
This commit is contained in:
vlados31
2022-09-18 21:26:32 +03:00
parent 09559f0621
commit 63d40fd39e
2 changed files with 110 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
templates/base.html
View File

@@ -7,17 +7,34 @@
{% load static %}
<link rel="icon" type="image/webp" href="{% static 'favicon.webp' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
{% block styles %} {% endblock %}
</head>
<body>
<header>
<div id="logo-container">
<img src="{% static 'favicon.webp' %}" alt="logo image">
<span>АРКА</span>
</div>
<div id="header-wrapper">
<header>
<div class="dropdown-wrapper" id="dropdown-in-header">
<button class="dropdown-button fa fa-bars"></button>
<div class="dropdown-content">
<a href="{% url 'index' %}">Главная</a>
<a href="{% url 'index' %}">Создать заказ</a>
<a href="{% url 'index' %}">Объявления</a>
{# <a href="{% url 'index' %}">Все участники</a>#}
<!-- это осталось временно, мне нужно чтобы эти ресурсы были доступны с главной -->
<a href="{% url 'account' %}">Аккаунт</a>
<a href="{% url 'dev_index' %}">Dev</a>
<a href="{% url 'about' %}">О нас</a>
</div>
</div>
<img id="logo-image" src="{% static 'favicon.webp' %}" alt="logo image">
<span id="logo-text">АРКА</span>
<nav>
<a href="{% url 'index' %}">Главная</a>
<a href="{% url 'index' %}">Создать заказ</a>
<a href="{% url 'index' %}">Объявления</a>
@@ -27,13 +44,13 @@
<a href="{% url 'account' %}">Аккаунт</a>
<a href="{% url 'dev_index' %}">Dev</a>
<a href="{% url 'about' %}">О нас</a>
</nav>
<nav>
<div>
</nav>
</div>
</header>
</div>
</header>
{% if user.is_authenticated %}
Добро пожаловать, {{ user.name }} {{ user.surname }}<br>