tweaked UI a bit

home.txt

@@ -87,7 +87,7 @@
         gap: 10px;
     }
 
-.btn-primary,
+    .btn-primary,
     .btn-secondary {
         position: relative;
         display: inline-flex;
@@ -97,6 +97,7 @@
         border-radius: 100px;
         text-decoration: none !important;
         transition: transform 0.2s ease, opacity 0.26s ease-out;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
     }
 
     .btn-primary {
@@ -107,11 +108,6 @@
         color: var(--text) !important;
     }
 
-    .btn-primary:hover,
-    .btn-secondary:hover {
-        transform: translateY(-1px);
-    }
-
     .glass-surface__filter {
         width: 100%;
         height: 100%;
@@ -144,7 +140,7 @@
     .glass-surface--svg {
         background: transparent !important;
         border: none !important;
-        box-shadow: none !important;
+        box-shadow: none;
         backdrop-filter: var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1)) !important;
         -webkit-backdrop-filter: var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1)) !important;
     }
@@ -154,7 +150,7 @@
         -webkit-backdrop-filter: blur(12px);
         backdrop-filter: blur(12px);
         border: transparent !important;
-        box-shadow: none !important;
+        box-shadow: none;
     }
 
     @keyframes fadeVideoBg {
@@ -227,6 +223,7 @@
     }
 
     .feature-box {
+        position: relative;
         display: flex;
         flex-direction: column;
         padding: 24px;
@@ -236,7 +233,32 @@
         -webkit-backdrop-filter: blur(16px);
         text-decoration: none !important;
         color: inherit !important;
-        transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
+        transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .feature-box .glass-surface__content {
+        flex-direction: column;
+        align-items: stretch;
+        justify-content: flex-start;
+        gap: 0;
+        padding: 24px;
+    }
+
+    .feature-box.glass-surface--svg,
+    .feature-box.glass-surface--fallback {
+        background: transparent !important;
+        border: none !important;
+    }
+
+    .feature-box::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+        border-radius: inherit;
+        background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 45%);
+        opacity: 0;
+        transition: opacity 0.25s ease;
+        pointer-events: none;
     }
 
     html.dark .feature-box {
@@ -244,7 +266,11 @@
     }
 
     .feature-box:hover {
-        background: rgba(28, 28, 28, 0.8);
+        background: rgba(150, 150, 150, 1);
+    }
+
+    .feature-box:hover::after {
+        opacity: 1;
     }
 
     .box-icon {
@@ -290,7 +316,7 @@
         opacity: 0.75;
     }
 
-.hero-greeting {
+    .hero-greeting {
         position: relative;
         display: inline-flex;
         align-items: center;
@@ -309,13 +335,14 @@
         letter-spacing: 0.01em;
     }
 
-.hero-resume {
-    max-width: min(90vw, 360px);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    color: var(--text);
-}
+    .hero-resume {
+        width: min(100vw, 200px);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color: var(--text);
+        margin-top: 30px;
+    }
 
     @media (max-width: 900px) {
         #header-container {
@@ -359,7 +386,8 @@
             gap: 12px;
         }
 
-        .feature-box {
+        .feature-box,
+        .feature-box .glass-surface__content {
             padding: 18px;
         }
     }

index.html

@@ -172,6 +172,9 @@
                                 </a>
                             </div>
                         </div>
+                        <img src="https://app.greenweb.org/api/v3/greencheckimage/vyla.cc?nocache=true"
+                            alt="This website runs on green hosting - verified by thegreenwebfoundation.org"
+                            width="200px" height="95px" style="margin-top: 30px;">
                     </footer>
                 </div>
                 <aside id="toc">

src/css/layout.css

@@ -7,7 +7,8 @@
     backdrop-filter: blur(10px) saturate(1.2);
     -webkit-backdrop-filter: blur(10px) saturate(1.2);
     background: var(--bg-card);
-    width: 50%;
+    width: 25%;
+    min-width: 650px;
     border-radius: 30px;
 }
 
@@ -234,6 +235,7 @@ footer#site-footer {
     width: 100%;
     border-top: 1px solid var(--footer-border);
     padding-top: 28px;
+    padding-left: 7px;
 }
 
 .footer-socials {
@@ -817,6 +819,7 @@ body.is-home #mobile-bar {
     #header-container {
         width: 100%;
         border-radius: 0px;
+        min-width: 0;
         top: max(0px, env(safe-area-inset-top));
     }
 

src/js/api/contribute.js

@@ -40,6 +40,7 @@ function fetchContributors(project) {
         .catch(function () { return []; });
 }
 
+
 function renderContributors() {
     var box = document.getElementById("contributors");
     if (!box) return;
@@ -54,7 +55,18 @@ function renderContributors() {
             if (!name || name.toLowerCase() === "devin bot") return;
 
             var key = name.toLowerCase();
-            if (!totals[key]) totals[key] = { name: name, commits: 0 };
+
+            if (["devin", "mesmerize", "alwaysmesmerizingyou"].includes(key)) {
+                key = "alwaysmesmerizingyou";
+            }
+
+            if (!totals[key]) {
+                totals[key] = {
+                    name: key,
+                    commits: 0
+                };
+            }
+
             totals[key].commits += Number(c.commits) || 0;
         });
 

src/js/glass.js

@@ -22,6 +22,16 @@ var GLASS_TARGETS = [
             displace: 0,
             backgroundOpacity: 0.08
         }
+    },
+    {
+        selector: ".feature-box",
+        options: {
+            distortionScale: -220,
+            displace: 0,
+            backgroundOpacity: 0.12,
+            saturation: 1.3,
+            cornerRadius: 30
+        }
     }
 ];
 
@@ -57,7 +67,7 @@ function initGlassSurface(el, opts) {
     var rect = el.getBoundingClientRect();
     var w = Math.round(rect.width) || 160;
     var h = Math.round(rect.height) || 40;
-    var r = Math.round(h / 2);
+    var r = opts.cornerRadius !== undefined ? opts.cornerRadius : Math.round(h / 2);
     var edge = Math.min(w, h) * (borderWidth * 0.5);
 
     var mapSvg = '<svg width="' + w + '" height="' + h + '" viewBox="0 0 ' + w + ' ' + h + '" xmlns="http://www.w3.org/2000/svg">' +

src/js/main.js

@@ -1238,7 +1238,7 @@ function initGlassSurface(el, opts) {
   var rect = el.getBoundingClientRect();
   var w = Math.round(rect.width) || 160;
   var h = Math.round(rect.height) || 44;
-  var r = Math.round(h / 2);
+  var r = opts.cornerRadius !== undefined ? opts.cornerRadius : Math.round(h / 2);
   var edge = Math.min(w, h) * (borderWidth * 0.5);
 
   var mapSvg = '<svg width="' + w + '" height="' + h + '" viewBox="0 0 ' + w + ' ' + h + '" xmlns="http://www.w3.org/2000/svg">' +
@@ -1802,13 +1802,15 @@ function initContribSheet() {
   var overlay = document.createElement("div");
   overlay.className = "sheet-overlay";
   overlay.innerHTML =
+
     '<div class="sheet-backdrop"></div>' +
     '<div class="sheet-panel">' +
     '<div class="sheet-handle-bar"><div class="sheet-handle"></div></div>' +
-    '<h3 class="sheet-title">Help Add & Fix SDK Sources</h3>' +
-    '<p class="sheet-desc">Streaming endpoints and scrapers constantly break as CDNs evolve. We are actively looking for contributors to help repair broken providers, add new video sources, and implement direct download scrapers.</p>' +
+    '<h3 class="sheet-title">Source Removal Requests</h3>' +
+    '<p class="sheet-desc">If your source is listed here, I sincerely apologize. I understand that its inclusion may be costing you a lot of money, and that was never my intention. Please contact me as soon as possible, and I\'ll remove it ASAP.</p>' +
+    '<p class="sheet-desc">This is a small hobby project that I built for learning and personal interest, not for profit. I genuinely want to respect the wishes of source owners and will address any removal requests as quickly as I can.</p>' +
     '<div class="sheet-actions">' +
-    '<a href="/sdk/vyla-sdk/contributing" class="sheet-btn-primary">View Guide</a>' +
+    '<a href="https://discord.com/users/1354418847586848909" class="sheet-btn-primary">Contact Me</a>' +
     '<button type="button" class="sheet-btn-never">Don\'t show again</button>' +
     '</div>' +
     '</div>';