Add Loadout subsite

2022-12-16 18:09:58 +01:00
parent de6bdebd69
commit ce7bb2476d
8 changed files with 257 additions and 52 deletions
@@ -13,12 +13,20 @@
    </head>

    <body>
-        <main>
+        <div class="container">

-            <header class="header shade">
+            <div id="mySidebar" class="sidebar">
+                <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+                <a href="/" class="cool-link">Home</a>
+                <a href="/loadout/" class="cool-link">Loadout</a>
+                <a href="/about/" class="cool-link">About</a>
+                </div>
+
+            <div class="header shade">
                <!-- left -->
                <div class="header-left">
                    <a href="/"><img id="logo-img" src="{% static 'img/logo.png' %}" alt="Logo"></a>
+                    <button class="openbtn" onclick="openNav()">&#9776;</button>
                </div>
                <!-- center -->
                <div class="header-center">
@@ -33,25 +41,24 @@
                        </span>
                    {% else %}
                        <span class="header-text">Sign in:</span>
-                        <a href="/auth/login/" class="header-link">PyHub</a>
-                        <a href="#" class="header-link">Github</a>
-                        <a href="#" class="header-link">Twitter</a>
+                        <a href="/auth/login/" class="cool-link">PyHub</a>
+                        <a href="#" class="cool-link">Github</a>
+                        <a href="#" class="cool-link">Twitter</a>
                    {% endif %}
                </div>
-            </header>
-            
-            <main class="bg">
+            </div>
+                
+            <div class="content">
                {% block content %}
                {% endblock %}
-            </main>
+            </div>

-            <footer>
-                <div>
+            <div class="footer">
+                <div class="footer-content">
                    <p>made using Django ❤️</p>
                </div>
-            </footer>
-
-        </main>
+            </div>
+        </div>
    </body>

 </html>
@@ -0,0 +1,85 @@
+{% extends 'pages/base.html' %}
+{% load static %}
+
+{% block title %}PyHub - Loadout{% endblock %}
+
+{% block extrahead %}
+    <link rel="stylesheet" href="{% static 'css/loadout.css' %}">
+{% endblock %}
+
+{% block content %}
+
+<div class="card-section">
+
+    <p class="card-category-headline">Other</p>
+    <div class="card-category">
+        <div class="card">
+            Knife
+        </div>
+        <div class="card">
+            Gloves
+        </div>
+    </div>
+
+    <p class="card-category-headline">Pistol</p>
+    <div class="card-category">
+        <div class="card">
+            Glock-18
+        </div>
+        <div class="card">
+            P2000
+        </div>
+        <div class="card">
+            USP-S
+        </div>
+        <div class="card">
+            Dual Berettas
+        </div>
+        <div class="card">
+            P250
+        </div>
+        <div class="card">
+            Tec-9
+        </div>
+        <div class="card">
+            CZ75-Auto
+        </div>
+        <div class="card">
+            Five-Seven
+        </div>
+        <div class="card">
+            Desert Eagle
+        </div>
+        <div class="card">
+            R8 Revolver
+        </div>
+    </div>
+
+    <p class="card-category-headline">SMG</p>
+    <div class="card-category">
+        <div class="card">
+            Mac-10
+        </div>
+        <div class="card">
+            MP9
+        </div>
+        <div class="card">
+            MP7
+        </div>
+        <div class="card">
+            MP5
+        </div>
+        <div class="card">
+            UMP-45
+        </div>
+        <div class="card">
+            P90
+        </div>
+        <div class="card">
+            PP-Bizon
+        </div>
+    </div>
+
+</div>
+
+{% endblock %}