diff --git a/ansible-sandbox.html b/ansible-sandbox.html index 8f0f022..86d4756 100644 --- a/ansible-sandbox.html +++ b/ansible-sandbox.html @@ -113,16 +113,27 @@ gap: 0.25rem; } - .logo-text { + .logo-text-glow { background: var(--accent-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 1.5rem; font-weight: 600; + text-shadow: 0 0 10px rgba(59, 130, 246, 0.3); + position: relative; } - .logo-dot { + .logo-text-glow::before { + content: ""; + position: absolute; + inset: -5px; + background: radial-gradient(circle at center, rgba(59, 130, 246, 0.2), transparent 60%); + z-index: -1; + filter: blur(5px); + } + + .logo-dot-glow { color: var(--text-secondary); font-size: 1.5rem; font-weight: 600; @@ -1181,8 +1192,8 @@
diff --git a/images/android-chrome-192x192.png b/images/android-chrome-192x192.png index 12cfa4a..1d45a5b 100644 Binary files a/images/android-chrome-192x192.png and b/images/android-chrome-192x192.png differ diff --git a/images/android-chrome-512x512.png b/images/android-chrome-512x512.png index 1e11e64..9d4c533 100644 Binary files a/images/android-chrome-512x512.png and b/images/android-chrome-512x512.png differ diff --git a/images/apple-touch-icon.png b/images/apple-touch-icon.png index 05be094..dedcc0a 100644 Binary files a/images/apple-touch-icon.png and b/images/apple-touch-icon.png differ diff --git a/index.html b/index.html index 617e370..5a91090 100644 --- a/index.html +++ b/index.html @@ -111,7 +111,7 @@
- + Try Ansible Sandbox @@ -462,7 +462,7 @@ Public
- +

Ansible Sandbox

@@ -902,7 +902,7 @@
@@ -926,14 +926,7 @@
diff --git a/styles.css b/styles.css index b57ecb4..836be7f 100644 --- a/styles.css +++ b/styles.css @@ -1346,7 +1346,7 @@ section { /* Contact Section */ .contact { padding: 6rem 0; - background: var(--secondary-bg); + background: var(--primary-bg); } .contact-grid { @@ -1451,9 +1451,20 @@ section { /* Footer */ .footer { - background-color: var(--secondary-bg); + background-color: var(--primary-bg); padding: 4rem 0 1rem; - margin-top: 6rem; + position: relative; +} + +.footer:before { + content: ''; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + width: 80%; + height: 1px; + background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%); } .footer-content { @@ -1511,13 +1522,16 @@ section { } .footer-bottom { - display: flex; - justify-content: space-between; - align-items: center; - padding-top: 2rem; - border-top: 1px solid var(--border); - color: var(--text-secondary); + margin-top: 2rem; + padding-top: 1.5rem; + border-top: 1px solid rgba(255, 255, 255, 0.05); + text-align: center; font-size: 0.9rem; + color: var(--text-secondary); +} + +.footer-bottom p { + margin: 0; } .footer-extra-link {