Responsive Layout and Navbar from archlinux-common-style

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "commonstyle/archlinux-common-style"]
+	path = commonstyle/archlinux-common-style
+	url = https://gitlab.archlinux.org/maltejur/archlinux-common-style.git

README.md

@@ -32,39 +32,43 @@ packages, you will probably want the following:
 
 # Testing Installation
 
-1. Run `python -m venv env`.
+1. Initialize the submodules
 
-        cd /path/to/archweb && python -m venv ./env/
+        cd /path/to/archweb && git submodule update --init
 
-2. Activate the virtualenv.
+2. Run `python -m venv env`.
+
+        python -m venv ./env/
+
+3. Activate the virtualenv.
 
         source ./env/bin/activate
 
-2. Install dependencies through `pip`.
+4. Install dependencies through `pip`.
 
         pip install -r requirements.txt
 
-3. Copy `local_settings.py.example` to `local_settings.py` and modify.
+5. Copy `local_settings.py.example` to `local_settings.py` and modify.
    Make sure to uncomment the appropriate database section (either sqlite or
    PostgreSQL).
 
-4. Migrate changes.
+6. Migrate changes.
 
         ./manage.py migrate
 
-5. Load the fixtures to pre populate some data. If you don't want some of the
+7. Load the fixtures to pre populate some data. If you don't want some of the
    provided data, adjust the file glob accordingly.
 
         ./manage.py loaddata main/fixtures/*.json
         ./manage.py loaddata devel/fixtures/*.json
         ./manage.py loaddata mirrors/fixtures/*.json
         ./manage.py loaddata releng/fixtures/*.json
 
-6. Use the following commands to start a service instance
+8. Use the following commands to start a service instance
 
         ./manage.py runserver
 
-7. To optionally populate the database with real data:
+9. To optionally populate the database with real data:
 
         wget http://mirrors.kernel.org/archlinux/core/os/x86_64/core.db.tar.gz
         ./manage.py reporead x86_64 core.db.tar.gz

commonstyle/templatetags/archnavbar.py

@@ -0,0 +1,17 @@
+from os import path
+from django import template
+from django.utils.safestring import mark_safe
+from django.conf import settings
+
+register = template.Library()
+
+
+@register.simple_tag
+def archnavbar():
+    with open(path.join(settings.DEPLOY_PATH, "commonstyle", "archlinux-common-style", "html", "navbar.html"), "r", encoding="UTF-8") as f:
+        return mark_safe(
+            f.read()
+            .replace('href="https://archlinux.org"', 'href="/"')
+            .replace('href="https://archlinux.org/packages/"', 'href="/packages/"')
+            .replace('href="https://archlinux.org/download/"', 'href="/download/"')
+        )

requirements.txt

@@ -17,3 +17,5 @@ bleach==4.1.0
 requests==2.25.1
 xtarfile==0.1.0
 zstandard==0.15.2
+django-compressor==2.4.1
+django-libsass==0.9

settings.py

@@ -72,6 +72,8 @@
 # Look for more static files in these locations
 STATICFILES_DIRS = (
     path.join(DEPLOY_PATH, 'sitestatic'),
+    path.join(DEPLOY_PATH, 'commonstyle', 'archlinux-common-style', 'img'),
+    path.join(DEPLOY_PATH, 'commonstyle', 'archlinux-common-style', 'sass'),
 )
 
 # Static files backend that allows us to use far future Expires headers
@@ -135,6 +137,8 @@
     'public',
     'releng',
     'visualize',
+    'commonstyle',
+    'compressor',
 )
 
 # Logging configuration for not getting overspammed
@@ -258,3 +262,13 @@
     INSTALLED_APPS = list(INSTALLED_APPS) + ['debug_toolbar']
 
 # vim: set ts=4 sw=4 et:
+
+STATICFILES_FINDERS = [
+    'django.contrib.staticfiles.finders.FileSystemFinder',
+    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    "compressor.finders.CompressorFinder"
+]
+
+COMPRESS_PRECOMPILERS = (
+    ('text/x-scss', 'django_libsass.SassCompiler'),
+)