Poprawa profil

2022-01-11 10:41:54 +01:00 · 2022-01-11 10:41:54 +01:00 · 78c2cab1bc
commit 78c2cab1bc
parent 3bb470dbaa
16 changed files with 187 additions and 269 deletions
--- a/highneed/events/templates/account/base.html
+++ b/highneed/events/templates/account/base.html
@ -13,7 +13,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
@ -42,18 +42,6 @@


            {% block body %}
-
-            {% if messages %}
-            <div>
-                <strong>Messages:</strong>
-                <ul>
-                    {% for message in messages %}
-                    <li>{{message}}</li>
-                    {% endfor %}
-                </ul>
-            </div>
-            {% endif %}
-
            {% block content %}
            {% endblock %}
            {% endblock %}
--- a/highneed/events/templates/account/login.html
+++ b/highneed/events/templates/account/login.html
@ -17,7 +17,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/account/logout.html
+++ b/highneed/events/templates/account/logout.html
@ -14,7 +14,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/account/password_reset.html
+++ b/highneed/events/templates/account/password_reset.html
@ -18,7 +18,7 @@

    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/account/password_reset_done.html
+++ b/highneed/events/templates/account/password_reset_done.html
@ -15,7 +15,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/account/signup.html
+++ b/highneed/events/templates/account/signup.html
@ -13,7 +13,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/add_category.html
+++ b/highneed/events/templates/add_category.html
@ -1,17 +1,88 @@
-<!DOCTYPE html>
-<html lang="en">
+<!DOCTYPE html>
+<html lang="pl">
 <head>
    <meta charset="UTF-8">
-    <title>Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Dodaj kategorię</title>
+    {% load static %}
+    <!--
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    -->
+    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
-<h1>Stwórz kategorie</h1>
-<form method="POST" class="post_form">
-        {% csrf_token %}

-        {{ form }}
-        <button type="submit" class="btn btn-success">Save</button>
-</form>
-<a href="../">Cancel</a>
+    {% load account %}
+    <!--Navbar-->
+    <div class="navbar">
+        <div class="container nav-panel">
+            <h1 class="logo">HighNeed.pl Poznań</h1>
+            <nav>
+                <ul>
+                    <li><a href="{% url 'events:index' %}">Strona główna</a></li>
+                    <li><a href="{% url 'events' %}">Wyszukaj wydarzenia</a></li>
+                    <li><a href="calendar.html">Kalendarz</a></li>
+
+                    <li><a href="">Fanpage</a></li>
+                    {% if user.is_authenticated %}
+                    <li><a href="{% url 'profil' %}">{{ user.username }}</a></li>
+                    <li><a href="">Koszyk</a></li>
+                    <li><a href="{% url 'account_logout' %}">Wyloguj się</a></li>
+                    {% else %}
+                    <li><a href="{% url 'account_login' %}">Koszyk</a></li>
+                    <li><a href="{% url 'account_login' %}">Zaloguj się</a></li>
+                    {% endif %}
+                </ul>
+            </nav>
+        </div>
+    </div>
+
+    <div class="container flex-panel">
+        <div class="showcase-form flex-col">
+
+            <form method="POST" class="post_form">
+                {% csrf_token %}
+                {{ form }}
+                <button type="submit" class="btn btn-success">Dodaj kategorię</button>
+            </form>
+
+        </div>
+    </div>
+
+
+    <!--Powrot na strone glowna-->
+    <div class="return-panel">
+        <div class="container">
+            <h1><a href="../">Powrót</a></h1>
+        </div>
+    </div>
+
+
+    <!--Footer-->
+    <div class="footer">
+        <div class="container">
+            <h2>Kontakt</h2>
+
+            <div class="icon-text">
+                <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="2.19995" y="2.26282" width="17.6" height="13.5771" fill="white" />
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.011941 1.22869C0.011941 0.550109 0.559142 0 1.23416 0H20.7778C21.4528 0 22 0.550109 22 1.22869V15.1426C22 16.4998 20.9056 17.6 19.5556 17.6H2.44444C1.09441 17.6 0 16.4998 0 15.1426V1.62705C0 1.56854 0.0040699 1.51099 0.011941 1.45466V1.22869ZM2.44444 3.961V15.1426H19.5556V3.96142L13.5929 9.95559C12.161 11.3951 9.83938 11.3951 8.40748 9.95559L2.44444 3.961ZM4.36617 2.41763H17.6342L11.8645 8.21798C11.3872 8.69778 10.6133 8.69778 10.136 8.21798L4.36617 2.41763Z" fill="#FF0000" />
+                </svg>
+                <p>testowymail@mail.com</p>
+            </div>
+
+            <div class="icon-text">
+                <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M22 11.3492C22 5.08071 17.0756 0 11 0C4.92438 0 0 5.08071 0 11.3492C0 17.0145 4.02027 21.7096 9.28219 22.5616V14.6327H6.49151V11.3492H9.28219V8.84927C9.28219 6.00731 10.9216 4.43396 13.4351 4.43396C14.6405 4.43396 15.9003 4.65784 15.9003 4.65784V7.45005H14.514C13.1458 7.45005 12.7238 8.3269 12.7238 9.2224V11.3492H15.7737L15.2855 14.6327H12.7238V22.5616C17.9797 21.7096 22 17.0145 22 11.3492Z" fill="#1877F2" />
+                    <path d="M15.2794 14.6327L15.7677 11.3492H12.7178V9.22239C12.7178 8.32689 13.1457 7.45005 14.5079 7.45005H15.8942V4.65783C15.8942 4.65783 14.6345 4.43396 13.429 4.43396C10.9156 4.43396 9.27616 6.0073 9.27616 8.84927V11.3492H6.48547V14.6327H9.27616V22.5616C9.83671 22.6549 10.4093 22.6984 10.994 22.6984C11.5786 22.6984 12.1512 22.6487 12.7118 22.5616V14.6327H15.2794Z" fill="white" />
+                </svg>
+                <p2>Facebook fanpage</p2>
+            </div>
+        </div>
+    </div>
+
+
 </body>
 </html>
--- a/highneed/events/templates/add_event.html
+++ b/highneed/events/templates/add_event.html
@ -1,15 +1,23 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pl">
 <head>
    <meta charset="UTF-8">
-    <title>AddEvent</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Stwórz wydarzenie</title>
+    {% load static %}
+    <!--
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    -->
+    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>

-
+    {% load account %}
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
@ -32,14 +40,40 @@
    </div>


-    <h1>Stwórz wydarzenie</h1>
-    <form method="POST" class="post_form">
-        {% csrf_token %}
+    <div class="container grid-2">
+        <div class="col1">
+            <a href="{% url 'events' %}" class="btn btn-list-2">Zobacz Wydarzenia</a>
+            <a href="add_event/" class="btn btn-list-2">Stwórz Wydarzenie</a>
+            {% if user.username == "admin" %}
+            <a href="../add_category/" class="btn btn-list-2">Stwórz Kategorie</a>
+            {% endif %}
+        </div>
+
+
+        <div class="col2">
+            <div class="grid article3">
+                <div class="showcase-text">
+
+                    <h1>Stwórz wydarzenie</h1>
+                    <form method="POST" class="post_form">
+                        {% csrf_token %}
+                        {{ form }}
+                        <button type="submit" class="btn btn-success">Save</button>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+            <!--Powrot na strone glowna-->
+            <div class="return-panel">
+                <div class="container">
+                    <h1><a href="../">Powrót</a></h1>
+                </div>
+            </div>

-        {{ form }}
-        <button type="submit" class="btn btn-success">Save</button>
-    </form>
-    <a href="../">Cancel</a>

 </body>
 </html>
--- a/highneed/events/templates/events/all_events.html
+++ b/highneed/events/templates/events/all_events.html
@ -11,7 +11,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
@ -38,46 +38,27 @@
        <div class="col1">
            <h2>Wyszukaj</h2>
            {% block content %}
+
            <form method="GET" action="{% url 'events:search' %}">
                <input name="q" value="{{ request.GET.q }}" placeholder="search">
            </form>
+
            <button class='btn btn-list' type="submit">Search</button>
            <p>{{ numofnews }} wydarzeń na stronie</p>

-            <h2>Lokalizacja</h2>
-            <p>Lokalizacja 1</p>
-            <p>Lokalizacja 2</p>
-            <p>Lokalizacja 3</p>
-            <p>Lokalizacja 4</p>
-            <p>Lokalizacja 5</p>
-
            <h2>Kategoria</h2>
            <p>Kategoria 1</p>
            <p>Kategoria 2</p>
            <p>Kategoria 3</p>
            <p>Kategoria 4</p>
            <p>Kategoria 5</p>
-
-            <h2>Rodzaj</h2>
-            <p>Online</p>
-            <p>Na miejscu</p>
-            <p>Jednodniowe</p>
-            <p>Kilkudniowe</p>
-
-            <h2>Wiek</h2>
-            <p>od - do</p>
-
-            <h2>Ocena</h2>
-            <p>ocena</p>
-
-            <h2>Cena</h2>
-            <p>cena</p>
        </div>


        <div class="col2">
            {% for user in users %}
            <div class="grid article3">
+
                <div class="showcase-text">
                    <h1>{{ user.title }}</h1>
                    <h2>Data i godzina</h2>
--- a/highneed/events/templates/events/detail.html
+++ b/highneed/events/templates/events/detail.html
@ -12,7 +12,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
@ -48,7 +48,7 @@
                {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
                <p>Zostało opublikowane: {{ events.pub_date }}</p>
                <p>Miejsce: {{events.place}}</p>
-                <p>Czas: {{events.data}}</p>
+                <p>Data: {{events.data}}</p>
                <p>
                    Kategoria:
                    {% for i in category %}
--- a/highneed/events/templates/events/fanpage.html
+++ b/highneed/events/templates/events/fanpage.html
@ -11,7 +11,7 @@
 <body>
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/events/main_page.html
+++ b/highneed/events/templates/events/main_page.html
@ -13,7 +13,7 @@

    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
--- a/highneed/events/templates/events/szablon_login.html
+++ b/highneed/events/templates/events/szablon_login.html
@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html lang="pl">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    {% load static %}
-    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
-    <title>Logowanie</title>
-</head>
-
-<body>
-    <!--Navbar-->
-    <div class="navbar">
-        <div class="container flex">
-            <h1 class="logo">HighNeed.pl Poznań</h1>
-            <nav>
-                <ul>
-                    <li><a href="{% url 'events:index' %}">Strona główna</a></li>
-                    <li><a href="{% url 'events' %}">Wyszukaj wydarzenia</a></li>
-                    <li><a href="calendar.html">Kalendarz</a></li>
-
-                    <li><a href="">Fanpage</a></li>
-                    {% if user.is_authenticated %}
-                    <li><a href="{% url 'profil' %}">{{ user.username }}</a></li>
-                    <li><a href="">Koszyk</a></li>
-                    <li><a href="{% url 'account_logout' %}">Wyloguj się</a></li>
-                    {% else %}
-                    <li><a href="{% url 'account_login' %}">Koszyk</a></li>
-                    <li><a href="{% url 'account_login' %}">Zaloguj się</a></li>
-                    {% endif %}
-                </ul>
-            </nav>
-        </div>
-    </div>
-
-    <!--Login panel-->
-    <div class="container flex-panel">
-        <div class="showcase-form flex-col">
-            <h1> Logowanie </h1>
-
-            <input type="text" name="email" placeholder="Nazwa użytkownika" required />
-            <input type="password" name="password" placeholder="Hasło" required />
-
-            <a href="" class="btn btn-list-2">Zaloguj się</a>
-            <a href="" class="btn btn-list-2">Zaloguj się przez Facebooka</a>
-
-            <div class="grid-3">
-                <div class="showcase-text">
-                    <p>Pierwszy raz na stronie?</p>
-                    <a href="register.html" class="btn btn-list-2">Zarejestruj się</a>
-                </div>
-
-                <div class="showcase-text">
-                    <p>Nie pamiętasz hasła?</p>
-                    <a href="reset-pwd.html" class="btn btn-list-2">Zresetuj hasło</a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!--Footer-->
-    <div class="footer">
-        <div class="container">
-            <h2>Kontakt</h2>
-
-            <div class="icon-text">
-                <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <rect x="2.19995" y="2.26282" width="17.6" height="13.5771" fill="white" />
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.011941 1.22869C0.011941 0.550109 0.559142 0 1.23416 0H20.7778C21.4528 0 22 0.550109 22 1.22869V15.1426C22 16.4998 20.9056 17.6 19.5556 17.6H2.44444C1.09441 17.6 0 16.4998 0 15.1426V1.62705C0 1.56854 0.0040699 1.51099 0.011941 1.45466V1.22869ZM2.44444 3.961V15.1426H19.5556V3.96142L13.5929 9.95559C12.161 11.3951 9.83938 11.3951 8.40748 9.95559L2.44444 3.961ZM4.36617 2.41763H17.6342L11.8645 8.21798C11.3872 8.69778 10.6133 8.69778 10.136 8.21798L4.36617 2.41763Z" fill="#FF0000" />
-                </svg>
-                <p>testowymail@mail.com</p>
-            </div>
-
-            <div class="icon-text">
-                <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M22 11.3492C22 5.08071 17.0756 0 11 0C4.92438 0 0 5.08071 0 11.3492C0 17.0145 4.02027 21.7096 9.28219 22.5616V14.6327H6.49151V11.3492H9.28219V8.84927C9.28219 6.00731 10.9216 4.43396 13.4351 4.43396C14.6405 4.43396 15.9003 4.65784 15.9003 4.65784V7.45005H14.514C13.1458 7.45005 12.7238 8.3269 12.7238 9.2224V11.3492H15.7737L15.2855 14.6327H12.7238V22.5616C17.9797 21.7096 22 17.0145 22 11.3492Z" fill="#1877F2" />
-                    <path d="M15.2794 14.6327L15.7677 11.3492H12.7178V9.22239C12.7178 8.32689 13.1457 7.45005 14.5079 7.45005H15.8942V4.65783C15.8942 4.65783 14.6345 4.43396 13.429 4.43396C10.9156 4.43396 9.27616 6.0073 9.27616 8.84927V11.3492H6.48547V14.6327H9.27616V22.5616C9.83671 22.6549 10.4093 22.6984 10.994 22.6984C11.5786 22.6984 12.1512 22.6487 12.7118 22.5616V14.6327H15.2794Z" fill="white" />
-                </svg>
-                <p2>Facebook fanpage</p2>
-            </div>
-        </div>
-    </div>
-
-</body>
-</html>
--- a/highneed/events/templates/events/szablon_register.html
+++ b/highneed/events/templates/events/szablon_register.html
@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html lang="pl">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    {% load static %}
-    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
-    <title>Rejestracja</title>
-</head>
-
-<body>
-    <!--Navbar-->
-    <div class="navbar">
-        <div class="container flex">
-            <h1 class="logo">HighNeed.pl Poznań</h1>
-            <nav>
-                <ul>
-                    <li><a href="{% url 'events:index' %}">Strona główna</a></li>
-                    <li><a href="{% url 'events' %}">Wyszukaj wydarzenia</a></li>
-                    <li><a href="calendar.html">Kalendarz</a></li>
-
-                    <li><a href="">Fanpage</a></li>
-                    {% if user.is_authenticated %}
-                    <li><a href="{% url 'profil' %}">{{ user.username }}</a></li>
-                    <li><a href="">Koszyk</a></li>
-                    <li><a href="{% url 'account_logout' %}">Wyloguj się</a></li>
-                    {% else %}
-                    <li><a href="{% url 'account_login' %}">Koszyk</a></li>
-                    <li><a href="{% url 'account_login' %}">Zaloguj się</a></li>
-                    {% endif %}
-                </ul>
-            </nav>
-        </div>
-    </div>
-    <!--Login panel-->
-    <div class="container flex-panel">
-        <div class="showcase-form flex-col">
-            <h1> Rejestracja </h1>
-
-            <input type="text" name="text" placeholder="Nazwa użytkownika" required />
-            <input type="email" name="email" placeholder="E-mail" required />
-            <input type="password" name="password" placeholder="Hasło" required />
-            <input type="password" name="password" placeholder="Powtórz hasło" required />
-
-            <a href="" class="btn btn-list-2">Zarejestruj się</a>
-
-            <div class="showcase-text">
-                <p>Masz juz konto?</p>
-                <a href="register.html" class="btn btn-list-2">Zaloguj się</a>
-            </div>
-
-        </div>
-    </div>
-
-    <!--Footer-->
-    <div class="footer">
-        <div class="container">
-            <h2>Kontakt</h2>
-
-            <div class="icon-text">
-                <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <rect x="2.19995" y="2.26282" width="17.6" height="13.5771" fill="white" />
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.011941 1.22869C0.011941 0.550109 0.559142 0 1.23416 0H20.7778C21.4528 0 22 0.550109 22 1.22869V15.1426C22 16.4998 20.9056 17.6 19.5556 17.6H2.44444C1.09441 17.6 0 16.4998 0 15.1426V1.62705C0 1.56854 0.0040699 1.51099 0.011941 1.45466V1.22869ZM2.44444 3.961V15.1426H19.5556V3.96142L13.5929 9.95559C12.161 11.3951 9.83938 11.3951 8.40748 9.95559L2.44444 3.961ZM4.36617 2.41763H17.6342L11.8645 8.21798C11.3872 8.69778 10.6133 8.69778 10.136 8.21798L4.36617 2.41763Z" fill="#FF0000" />
-                </svg>
-                <p>testowymail@mail.com</p>
-            </div>
-
-            <div class="icon-text">
-                <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M22 11.3492C22 5.08071 17.0756 0 11 0C4.92438 0 0 5.08071 0 11.3492C0 17.0145 4.02027 21.7096 9.28219 22.5616V14.6327H6.49151V11.3492H9.28219V8.84927C9.28219 6.00731 10.9216 4.43396 13.4351 4.43396C14.6405 4.43396 15.9003 4.65784 15.9003 4.65784V7.45005H14.514C13.1458 7.45005 12.7238 8.3269 12.7238 9.2224V11.3492H15.7737L15.2855 14.6327H12.7238V22.5616C17.9797 21.7096 22 17.0145 22 11.3492Z" fill="#1877F2" />
-                    <path d="M15.2794 14.6327L15.7677 11.3492H12.7178V9.22239C12.7178 8.32689 13.1457 7.45005 14.5079 7.45005H15.8942V4.65783C15.8942 4.65783 14.6345 4.43396 13.429 4.43396C10.9156 4.43396 9.27616 6.0073 9.27616 8.84927V11.3492H6.48547V14.6327H9.27616V22.5616C9.83671 22.6549 10.4093 22.6984 10.994 22.6984C11.5786 22.6984 12.1512 22.6487 12.7118 22.5616V14.6327H15.2794Z" fill="white" />
-                </svg>
-                <p2>Facebook fanpage</p2>
-            </div>
-        </div>
-    </div>
-
-</body>
-</html>
--- a/highneed/events/templates/profil.html
+++ b/highneed/events/templates/profil.html
@ -17,7 +17,7 @@
    {% load account %}
    <!--Navbar-->
    <div class="navbar">
-        <div class="container flex">
+        <div class="container nav-panel">
            <h1 class="logo">HighNeed.pl Poznań</h1>
            <nav>
                <ul>
@ -39,36 +39,32 @@
        </div>
    </div>

-    <!--Button-list-->
-    <section class="categories">
-        <div class="container">

+    <div class="container grid-2">
+
+        <div class="col1">
            <a href="{% url 'events' %}" class="btn btn-list-2">Zobacz Wydarzenia</a>
            <a href="add_event/" class="btn btn-list-2">Stwórz Wydarzenie</a>
            {% if user.username == "admin" %}
-            <a href="add_category/" class="btn btn-list-2">Stwórz Kategorie</a>
+            <a href="../profil/add_category/" class="btn btn-list-2">Stwórz Kategorie</a>
            {% endif %}
-
        </div>
-    </section>

-    <!--Article1-->
-    <section class="showcase article2">
-        <nav>
-            <h1 class="cat">Zaplanowane Wydarzenia:</h1>
-            <!-- {% for user in users %}
-                <ul>
-                    <li><a  href="{% url 'events:detail' user.id %}">{{ user.title }}</a></li>
-                <br>
-                </ul>
-            {% endfor %} -->
-            {% for i in latest_news_list %}
-            <p>Nazwa: {{ i.title }}</p><b></b>
-            <p>Data: {{ i.data }}</p><b></b>
-            <p>Miasto: {{ i.place }}</p><b></b>
-            <p>Opublikowane: {{ i.pub_date }}</p><br>
-            {% endfor %}
-        </nav>
-    </section>
+
+        <div class="col2">
+            <div class="grid article3">
+                <div class="showcase-text">
+                    <h1>Zaplanowane Wydarzenia:</h1>
+                    {% for i in latest_news_list %}
+                    <p>Nazwa: {{ i.title }}</p><b></b>
+                    <p>Data: {{ i.data }}</p><b></b>
+                    <p>Miasto: {{ i.place }}</p><b></b>
+                    <p>Opublikowane: {{ i.pub_date }}</p><br>
+                    {% endfor %}
+                    </div>
+                </div>
+            </div>
+  </div>
+
 </body>
 </html>
--- a/highneed/static/css/style.css
+++ b/highneed/static/css/style.css
@ -46,11 +46,13 @@ img {
    background-color: var(--background-green);
    border-bottom: 5px solid var(--background-dark-green);
    color: white;
-    height: 70px;
 }

+
    .navbar ul {
        display: flex;
+        flex-wrap: wrap;
+        grid-gap: 10px;
    }

    .navbar a {
@ -59,14 +61,18 @@ img {
        margin: 0 5px;
    }

-        .navbar a:hover {
-            border-bottom: 3px #fff solid;
-        }
-
-    .navbar .flex {
+    .navbar .nav-panel {
+        display: flex;
        justify-content: space-between;
+        align-items: center;
+        min-height: 70px;
    }

+     .navbar a:hover {
+        border-bottom: 3px #fff solid;
+     }
+
+
 /* Showcase*/

 .showcase {
@ -420,7 +426,7 @@ button:hover {
 }


-@media (max-width:768px) {
+@media (max-width:800px) {
    .showcase-text {
        text-align: center;
    }
@ -437,11 +443,19 @@ button:hover {
        grid-gap: 0;
    }

-    .navbar {
-        height: 110px;
+
+    .navbar .nav-panel{
+        padding-top: 10px;
+        padding-bottom: 20px;
+        flex-direction: column;
+        justify-content: center;
    }

-        .navbar flex {
-            flex-direction: column;
-        }
+
+}
+
+@media (max-width:480px) {
+    .navbar ul {
+        flex-direction: column;
+    }
 }