simplify: index.

2026-05-26 13:51:13 +00:00 · 2025-11-25 13:22:19 +05:30
parent ab1541808b
commit fe9ecb6fcb
3 changed files with 19 additions and 94 deletions
@@ -13,137 +13,62 @@

        /* Light theme */
        :root {
-            --bg-primary: #ffffff;
-            --bg-secondary: #f5f5f5;
-            --text-primary: #1a1a1a;
-            --text-secondary: #666666;
+            --bg: #ffffff;
+            --text: #1a1a1a;
            --accent: #fd366e;
-            --border: #e0e0e0;
        }

        /* Dark theme */
        @media (prefers-color-scheme: dark) {
            :root {
-                --bg-primary: #1a1a1a;
-                --bg-secondary: #2d2d2d;
-                --text-primary: #ffffff;
-                --text-secondary: #b0b0b0;
+                --bg: #1a1a1a;
+                --text: #ffffff;
                --accent: #fd366e;
-                --border: #404040;
            }
        }

        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-            background-color: var(--bg-primary);
-            color: var(--text-primary);
-            line-height: 1.6;
+            font-family: system-ui, sans-serif;
+            background-color: var(--bg);
+            color: var(--text);
            min-height: 100vh;
            display: flex;
-            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }

-        .container {
-            max-width: 600px;
-            width: 100%;
-        }
-
-        header {
+        .content {
+            max-width: 500px;
            text-align: center;
-            margin-bottom: 3rem;
        }

        h1 {
-            font-size: 2.5rem;
-            margin-bottom: 0.5rem;
-            color: var(--text-primary);
-        }
-
-        .subtitle {
-            font-size: 1.125rem;
-            color: var(--text-secondary);
-        }
-
-        .card {
-            background-color: var(--bg-secondary);
-            border: 1px solid var(--border);
-            border-radius: 12px;
-            padding: 2rem;
-            margin-bottom: 2rem;
-        }
-
-        .card h2 {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-            color: var(--text-primary);
-        }
-
-        .card p {
-            color: var(--text-secondary);
+            font-size: 2rem;
            margin-bottom: 1rem;
        }

-        .feature-list {
-            list-style: none;
-            margin-top: 1.5rem;
-        }
-
-        .feature-list li {
-            padding: 0.75rem;
-            margin-bottom: 0.5rem;
-            background-color: var(--bg-primary);
-            border-radius: 8px;
-            border-left: 3px solid var(--accent);
-            color: var(--text-primary);
+        p {
+            font-size: 1rem;
+            margin-bottom: 1.5rem;
+            opacity: 0.8;
        }

        .badge {
            display: inline-block;
-            padding: 0.25rem 0.75rem;
+            padding: 0.5rem 1rem;
            background-color: var(--accent);
            color: white;
-            border-radius: 20px;
-            font-size: 0.875rem;
-            font-weight: 600;
-        }
-
-        footer {
-            text-align: center;
-            margin-top: 3rem;
-            color: var(--text-secondary);
+            border-radius: 4px;
            font-size: 0.875rem;
        }
    </style>
 </head>
 <body>
-<div class="container">
-    <header>
+    <div class="content">
        <h1>Themed website</h1>
-        <p class="subtitle">Adaptive light & dark mode showcase</p>
-    </header>
-
-    <div class="card">
-        <h2>About This Site</h2>
-        <p>This is a test deployment showcasing automatic theme switching based on your system preferences.</p>
-        <span class="badge">Appwrite Sites</span>
+        <p>Adaptive light and dark mode showcase</p>
+        <div class="badge">Appwrite Sites</div>
    </div>
-
-    <div class="card">
-        <h2>Features</h2>
-        <ul class="feature-list">
-            <li>🎨 Automatic theme detection</li>
-            <li>🌓 Light and dark mode support</li>
-            <li>📱 Responsive design</li>
-            <li>⚡ Fast static deployment</li>
-        </ul>
-    </div>
-
-    <footer>
-        <p>Powered by Appwrite Sites • E2E Test</p>
-    </footer>
-</div>
 </body>
 </html>