diff --git a/assets/pasted-20260215-023848-d2234a75.jpg b/assets/pasted-20260215-023848-d2234a75.jpg new file mode 100644 index 0000000..9af2650 Binary files /dev/null and b/assets/pasted-20260215-023848-d2234a75.jpg differ diff --git a/index.php b/index.php index aab0f07..00d4268 100644 --- a/index.php +++ b/index.php @@ -157,7 +157,7 @@ $liveIndex = get_live_index($schedule); .app-container { display: flex; width: 100%; - max-width: 1400px; + max-width: 1800px; height: auto; align-items: center; justify-content: center; @@ -167,6 +167,37 @@ $liveIndex = get_live_index($schedule); z-index: 10; } + .side-image-section { + width: 100%; + max-width: 320px; + display: flex; + flex-direction: column; + justify-content: center; + } + + .side-image-card { + background: rgba(255, 255, 255, 0.02); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 40px; + padding: 1rem; + box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4); + transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); + } + + .side-image-card:hover { + transform: translateY(-5px) rotate(1deg); + border-color: var(--secondary-color); + } + + .side-img { + width: 100%; + height: auto; + border-radius: 32px; + display: block; + } + .app-content { display: flex; gap: 3rem; @@ -531,6 +562,12 @@ $liveIndex = get_live_index($schedule);
+
+
+ Featured Image +
+
+