general improvements

Dockerfile

@@ -11,9 +11,7 @@ RUN if [ -d "js" ]; then find js -type f -name "*.js" -exec sh -c 'for f; do ter
 FROM nginx:alpine-slim AS final
 
 COPY nginx.conf /etc/nginx/nginx.conf
-
 COPY . /usr/share/nginx/html
-
 COPY --from=build /src/js /usr/share/nginx/html/js
 
 EXPOSE 80

css/main.css

@@ -52,13 +52,11 @@ img {
 
 .glass {
     background: var(--glass-background);
-    backdrop-filter: blur(8px);
+    backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(4px);
     border-radius: var(--border-radius);
     border-top: 1px solid var(--glass-border);
     border-bottom: 1px solid var(--glass-border);
-    /* base shadows: outer shadow from variables + subtle inset
-         an extra animated outer shadow is layered to give a natural "alive" feel */
     box-shadow: 0 8px 36px 0 var(--glass-shadow), var(--inset-shadow);
     will-change: box-shadow;
     animation: glass-shadow 8s ease-in-out infinite !important;

css/sections/hero.css

@@ -196,4 +196,10 @@
         max-width: calc(100% / 2 - 6px);
         padding: 12px;
     }
+}
+
+.quote {
+    font-size: 0.9rem;
+    color: var(--text-color-dark);
+    font-style: italic;
 }

css/sections/projects.css

@@ -8,7 +8,8 @@
     backdrop-filter: blur(24px) saturate(140%) brightness(1.08);
     -webkit-backdrop-filter: blur(24px) saturate(140%) brightness(1.08);
     border-radius: var(--border-radius-large);
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);
+    box-shadow: 0 8px 36px 0 var(--glass-shadow), var(--inset-shadow);
+    border-bottom: 1px solid var(--glass-border);
     min-width: 280px;
     max-width: 340px;
     margin-left: 20px;

css/variables.css

@@ -9,8 +9,8 @@
     --button-hover-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.75), rgba(10, 10, 40, 0.4));
 
     --background-color: #000000;
-    --glass-background: rgba(20, 20, 20, 0.1);
+    --glass-background: rgba(4, 0, 10, 0.5);
-    --glass-border: rgba(255, 255, 255, 0.18);
+    --glass-border: rgba(255, 255, 255, 0.13);
     --glass-shadow: rgba(31, 38, 135, 0.30);
 
     --text-color: #ffffff;

index.html

@@ -64,7 +64,7 @@
                         <p class="description">
                             .NET Core | DevOps | Self-hosted Enthusiast
                             <br/>
-                            <em>Organic code enthusiast</em>
+                            <em class="quote">Life is more than just a read-through 🎶</em>
                         </p>
                         <div class="social-links">
                             <a href="https://www.linkedin.com/in/joseivanch/" class="btn social-link" target="_blank">
@@ -86,7 +86,7 @@
                         <div class="homelab-background"></div>
                         <h3 class="homelab-title">Homelab</h3>
                         <div class="homelab-buttons">
-                            <a href="https://github.com/ivanch/haven" class="btn homelab-btn" target="_blank">Applications</a>
+                            <a href="https://github.com/ivanch/haven" class="btn homelab-btn" target="_blank">Deployments</a>
                             <a href="https://git.ivanch.me/ivanch/server-scripts" class="btn homelab-btn" target="_blank">Scripts</a>
                         </div>
                     </div>

js/social.js

@@ -1,5 +1,3 @@
-
-// Initialize the matrix background when the DOM is loaded
 document.addEventListener('DOMContentLoaded', () => {
     new MatrixBackground();