ci: 🚀 sonarqube

Reviewed-on: #9

.gitea/workflows/sonarqube.yml

@@ -0,0 +1,33 @@
+name: SonarQube
+
+on:
+  push:
+
+jobs:
+
+  sonarqube:
+    name: SonarQube
+    runs-on: build-htz-01
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Create Valid Project Key
+        id: sonar_setup
+        run: |
+          CLEAN_KEY=$(echo "${{ gitea.repository }}" | tr '/' ':')
+          echo "key=$CLEAN_KEY" >> $GITHUB_OUTPUT
+
+      - name: SonarQube Scan
+        uses: sonarsource/sonarqube-scan-action@master
+        continue-on-error: true
+        env:
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
+          SONAR_HOST_URL: ${{ secrets.SONAR_HOST_URL }}
+        with:
+          args: >
+            -Dsonar.projectKey=${{ steps.sonar_setup.outputs.key }}
+            -Dsonar.projectName=${{ gitea.repository }}
+            -Dsonar.qualitygate.wait=true

static/css/material-design-3.css

@@ -161,7 +161,7 @@ nav {
     background-color: var(--md-sys-color-surface-container);
     color: var(--md-sys-color-on-surface);
     box-shadow: var(--md-sys-elevation-level2);
-    padding: 0 2rem;
+    padding: 0 1rem;
     height: 64px;
     display: flex;
     align-items: center;
@@ -555,13 +555,13 @@ nav {
 .container {
     max-width: 1200px;
     margin: 0 1rem;
-    padding: 0 2rem;
+    padding: 0 1rem;
 }
 
 .container-wide {
     max-width: 1600px;
     margin: 0 auto;
-    padding: 0 2rem;
+    padding: 0 1rem;
 }
 
 /* Typography */

templates/base.html

@@ -68,11 +68,16 @@
     </main>
     <div id="notifications" style="position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 2100;"></div>
     {% block scripts %}{% endblock %}
-    <footer class="site-footer" style="background-color: var(--md-sys-color-surface-container); border-top: 1px solid var(--md-sys-color-outline-variant); padding: 1rem 0; text-align: center; color: var(--md-sys-color-on-surface-variant); font-size: 0.875rem; margin-top: auto;">
+
-        <div class="container">
+    <footer style="background-color: var(--md-sys-color-surface-container); border-top: 1px solid var(--md-sys-color-outline-variant); padding: 1rem;">
-            <span>&copy; <script>document.write(new Date().getFullYear());</script> <a href="https://www.jdbnet.co.uk" target="_blank">JDB-NET</a></span>
+        <div class="flex justify-center items-center">
-            <span style="margin-left: 0.75rem;">
+            <span style="font-size: 0.875rem; color: var(--md-sys-color-on-surface-variant);">
-                <a href="https://git.jdbnet.co.uk/jamie/encoder" target="_blank">{{ version }}</a>
+                © <script>document.write(new Date().getFullYear());</script>
+                <a href="https://www.jdbnet.co.uk" target="_blank" rel="noopener noreferrer" style="color: var(--md-sys-color-primary); text-decoration: none;">
+                    JDB-NET
+                </a>
+                <span style="margin: 0 0.5rem;">•</span>
+                <a href="https://git.jdbnet.co.uk/jamie/encoder" target="_blank" rel="noopener noreferrer" style="color: var(--md-sys-color-primary); text-decoration: none;">{{ version }}</a>
             </span>
         </div>
     </footer>

templates/index.html

@@ -37,10 +37,6 @@
                             {% endif %}
                         </div>
                     </div>
-                    <div class="md-card-outlined" style="padding: 0.75rem 1rem; text-align: center;">
-                        <div id="video-total-jobs" class="md-title-large" style="font-weight: 700;">{{ video_stats.total_jobs or 0 }}</div>
-                        <div style="font-size: 0.75rem; color: var(--md-sys-color-on-surface-variant);">Total Jobs</div>
-                    </div>
                 </div>
             </div>
 
@@ -107,10 +103,6 @@
                             {% endif %}
                         </div>
                     </div>
-                    <div class="md-card-outlined" style="padding: 0.75rem 1rem; text-align: center;">
-                        <div id="audio-total-jobs" class="md-title-large" style="font-weight: 700;">{{ audio_stats.total_jobs or 0 }}</div>
-                        <div style="font-size: 0.75rem; color: var(--md-sys-color-on-surface-variant);">Total Jobs</div>
-                    </div>
                 </div>
             </div>