From: Danilo M. <redacted>
Date: Thu, 16 Apr 2026 10:16:46 +0000 (+0200)
Subject: refactor: use frosted-bar class on footer with stronger blur variant
X-Git-Tag: release_22042026-1342~208
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=f355a012b93e0c5ae5714e25289b043cf38e8f83;p=danix.xyz-2.git

refactor: use frosted-bar class on footer with stronger blur variant
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index d564e83..007f57f 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -188,10 +188,8 @@ html.theme-light {
     /* border applied via utility classes in templates */
   }
 
-  /* Footer styling with strong frosting */
-  footer {
-    position: relative;
-    z-index: 20;
+  /* Footer variant: stronger frosting effect */
+  footer.frosted-bar {
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
   }
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index f6d7dcb..3f488ae 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1289,11 +1289,9 @@ button,
   /* border applied via utility classes in templates */
 }
 
-/* Footer styling with strong frosting */
+/* Footer variant: stronger frosting effect */
 
-footer {
-  position: relative;
-  z-index: 20;
+footer.frosted-bar {
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
 }
diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html
index 0623477..c649e84 100644
--- a/themes/danix-xyz-hacker/layouts/partials/footer.html
+++ b/themes/danix-xyz-hacker/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="mt-16 border-t py-12 relative z-20" style="background-color: rgba(var(--bg2-rgb), 0.6); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 frosted-bar border-t py-12 relative z-20">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->