Integrate archlinux-common-style

This depends on the work done in these merge requests:

- https://gitlab.archlinux.org/archlinux/archlinux-common-style/-/merge_requests/9
- https://gitlab.archlinux.org/archlinux/archlinux-common-style/-/merge_requests/10

Author: lahwaacz

.gitmodules

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

archlinux_common_style

@@ -70,9 +70,9 @@
 STATIC_ROOT = path.join(DEPLOY_PATH, 'collected_static')
 
 # Look for more static files in these locations
-STATICFILES_DIRS = (
+STATICFILES_DIRS = [
     path.join(DEPLOY_PATH, 'sitestatic'),
-)
+]
 
 # Static files backend that allows us to use far future Expires headers
 STATICFILES_STORAGE = 'main.storage.MinifiedStaticFilesStorage'
@@ -125,6 +125,8 @@
     'django_countries',
     'django_extensions',
 
+    'archlinux_common_style.django',
+
     'main',
     'mirrors',
     'news',
@@ -244,7 +246,6 @@
         'DIRS': [
             path.join(DEPLOY_PATH, 'templates')
         ],
-        'APP_DIRS': True,
         'OPTIONS': {
             'debug': DEBUG,
             'context_processors': [
@@ -255,6 +256,16 @@
                 'csp.context_processors.nonce',
                 'main.context_processors.mastodon_link',
             ],
+            "loaders": [
+                (
+                    "django.template.loaders.cached.Loader",
+                    [
+                        "django.template.loaders.filesystem.Loader",
+                        "django.template.loaders.app_directories.Loader",
+                        "archlinux_common_style.django.template_loader.Loader",
+                    ],
+                ),
+            ],
         }
     }
 ]

settings.py

@@ -6,36 +6,6 @@
  *   11px = 0.6875em
  */
 
-/*
- * ARCH GLOBAL NAVBAR
- * We're forcing all generic selectors with !important
- * to help prevent other stylesheets from interfering.
- */
-
-/* container for the entire bar */
-#archnavbar { min-height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
-#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url('archnavbar/archlogo.png') no-repeat !important; }
-@media (-webkit-min-device-pixel-ratio: 1.2), (min--moz-device-pixel-ratio: 1.2), (-o-min-device-pixel-ratio: 2/1) {
-	#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url(archnavbar/archlogo.svg) no-repeat !important;background-size:100% !important;
-	}
-}
-
-/* move the heading text offscreen */
-#archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; }
-
-/* make the link the same size as the logo */
-#archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; }
-
-/* display the list inline, float it to the right and style it */
-#archnavbarlist { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; text-align: right !important; }
-#archnavbarlist li { display: inline-block !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 14px !important; padding: 14px 15px 0px !important; }
-
-/* style the links */
-#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; }
-#archnavbarlist li a:hover { color: white !important; text-decoration: underline !important; }
-
-/* END ARCH GLOBAL NAVBAR */
-
 /* simple reset */
 * {
     margin: 0;
@@ -1149,9 +1119,9 @@ ul.signoff-list {
 }
 
 /* highlight current website in the navbar */
-#archnavbar.anb-home ul li#anb-home a,
-#archnavbar.anb-packages ul li#anb-packages a,
-#archnavbar.anb-download ul li#anb-download a {
+header.anb-home ul li#anb-home a,
+header.anb-packages ul li#anb-packages a,
+header.anb-download ul li#anb-download a {
     color: white !important;
 }