Mercurial

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TSX Playground!</title>
    <link rel="stylesheet" type="text/css" href="base.css"></link>
    <link rel="preload" as="script" href="landing_page.js"></link>
</head>
<body>
    <div class="container">
        <!-- Animated background particles -->
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>

        <!-- Floating shapes -->
        <div class="floating-shape shape-1"></div>
        <div class="floating-shape shape-2"></div>

        <div class="main-content">
            <div class="logo-container">
                <div class="logo">
                </div>
            </div>

            <h1>Welcome</h1>
            <p class="subtitle">Discover games, manage tasks, and explore more</p>

            <div class="nav-grid">
                <a href="/games" class="nav-card games">
                    <span class="nav-icon">🎮</span>
                    <h3 class="nav-title">Games</h3>
                    <p class="nav-description">Small games all made with SPA</p>
                </a>

                <a href="/todo" class="nav-card todo">
                    <span class="nav-icon">✅</span>
                    <h3 class="nav-title">Todo</h3>
                    <p class="nav-description">Encrypted TODO system</p>
                </a>
            </div>
        </div>
    </div>
    <script type="module" src="landing_page.js"></script>
</body>
</html>
author	June Park <parkjune1995@gmail.com>
date	Sat, 03 Jan 2026 08:19:02 -0800
parents	fb9bcd3145cb
children