Mercurial

comparison react_games/public/index.html @ 37:fb9bcd3145cb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[ReactGames] Few games I made using react just to practice few things.
author MrJuneJune <me@mrjunejune.com>
date Mon, 01 Dec 2025 20:22:47 -0800
parents
children
comparison
equal deleted inserted replaced
36:84672efec192 37:fb9bcd3145cb
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>TSX Playground!</title>
7 <link rel="stylesheet" type="text/css" href="base.css"></link>
8 <link rel="preload" as="script" href="landing_page.js"></link>
9 </head>
10 <body>
11 <div class="container">
12 <!-- Animated background particles -->
13 <div class="particle"></div>
14 <div class="particle"></div>
15 <div class="particle"></div>
16 <div class="particle"></div>
17
18 <!-- Floating shapes -->
19 <div class="floating-shape shape-1"></div>
20 <div class="floating-shape shape-2"></div>
21
22 <div class="main-content">
23 <div class="logo-container">
24 <div class="logo">
25 </div>
26 </div>
27
28 <h1>Welcome</h1>
29 <p class="subtitle">Discover games, manage tasks, and explore more</p>
30
31 <div class="nav-grid">
32 <a href="/games" class="nav-card games">
33 <span class="nav-icon">🎮</span>
34 <h3 class="nav-title">Games</h3>
35 <p class="nav-description">Small games all made with SPA</p>
36 </a>
37
38 <a href="/todo" class="nav-card todo">
39 <span class="nav-icon">✅</span>
40 <h3 class="nav-title">Todo</h3>
41 <p class="nav-description">Encrypted TODO system</p>
42 </a>
43 </div>
44 </div>
45 </div>
46 <script type="module" src="landing_page.js"></script>
47 </body>
48 </html>