create basic homepage layout

2026-02-25 20:48:43 +01:00
parent d9c2a8cd2a
commit 7ee2e1ad08
6 changed files with 340 additions and 17 deletions
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Friends</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}" />
+  </head>
+  <body>
+    <div class="site-shell">
+      <header class="topbar">
+        <a href="{{ url_for('main.home') }}" class="brand">Chess</a>
+        <nav class="topnav">
+          <a href="{{ url_for('main.home') }}">Home</a>
+          <a href="{{ url_for('main.play') }}">Play</a>
+          <a href="{{ url_for('main.friends') }}" class="active">Friends</a>
+        </nav>
+        <div class="profile-pill">{{ current_user.username }}</div>
+      </header>
+
+      <h1>Friends</h1>
+
+        <section class="panel-grid">
+          <article class="panel">
+            <h2>Online now</h2>
+            <ul class="friend-list">
+              <li><span class="dot"></span>name1</li>
+              <li><span class="dot"></span>friend2</li>
+              <li><span class="dot"></span>bro has a lot of friends</li>
+            </ul>
+          </article>
+
+          <article class="panel">
+            <h2>Incoming invites</h2>
+            <p>No pending invitations
+            </p>
+          </article>
+        </section>
+      </main>
+    </div>
+  </body>
+</html>