92 lines
3.0 KiB
HTML
92 lines
3.0 KiB
HTML
<!-- index.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sleepee Software</title>
|
|
<!-- Google Font -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
|
|
<!-- style --->
|
|
<link rel="stylesheet" href="css/palette.css">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/background.css">
|
|
<link rel="stylesheet" href="css/effects.css">
|
|
<link rel="stylesheet" href="css/loading_screen.css">
|
|
<link rel="stylesheet" href="css/ui.css">
|
|
<!-- icon -->
|
|
<link rel="icon" type="image/png" href="/icon/favicon-96x96.png" sizes="96x96" />
|
|
<link rel="icon" type="image/svg+xml" href="/icon/favicon.svg" />
|
|
<link rel="shortcut icon" href="/icon/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-touch-icon.png" />
|
|
<link rel="manifest" href="/icon/site.webmanifest" />
|
|
</head>
|
|
<body>
|
|
<div id="loading-screen">
|
|
<div class="loading-text">PRESS TO START</div>
|
|
</div>
|
|
<div class="grid-bg"></div>
|
|
<div class="crt-overlay"></div>
|
|
<div class="foreground-container hidden">
|
|
<header>
|
|
<h1>Sleepee Software</h1>
|
|
<nav><ul>
|
|
<li><a href="#" id="nav-landing">Home</a></li>
|
|
<li><a href="#" id="nav-login">Login</a></li>
|
|
<li><a href="#" id="nav-blog">Blog</a></li>
|
|
<li><a href="#" id="nav-chat">Chat</a></li>
|
|
<li><a href="#" id="nav-news">News</a></li>
|
|
<!--<li><a href="/gitea-repos/" id="nav-git">Git</a></li>-->
|
|
</ul></nav>
|
|
</header>
|
|
<div id="music-player" class="terminal">
|
|
<div id="now-playing"></div>
|
|
<div class="controls">
|
|
<button id="prev-btn">⏮️</button>
|
|
<button id="play-pause-btn">▶️</button>
|
|
<button id="next-btn">⏭️</button>
|
|
</div>
|
|
</div>
|
|
<main id="main-content">
|
|
<section id="landing-section">
|
|
<h2>Welcome to Sleepee Software</h2>
|
|
<p>Experience my games and software in neon-lit glory !</p>
|
|
<h2>My Public Repositories</h2>
|
|
<ul id="repo-list">
|
|
<li>Loading...</li>
|
|
</ul>
|
|
</section>
|
|
<section id="login-section" class="hidden">
|
|
<div class="terminal">
|
|
<h2>Login</h2>
|
|
<form id="login-form">
|
|
<input type="text" placeholder="Username" id="username" required>
|
|
<input type="password" placeholder="Password" id="password" required>
|
|
<button type="submit">Enter</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<section id="blog-section" class="hidden">
|
|
<h2>Studio Blog</h2>
|
|
<div id="posts">
|
|
<p>Coming soon...</p>
|
|
</div>
|
|
</section>
|
|
<section id="chat-section" class="hidden">
|
|
<h2>Community Chat</h2>
|
|
<div id="chat-window" class="terminal">
|
|
<p><em>IRC interface coming soon...</em></p>
|
|
</div>
|
|
</section>
|
|
<section id="news-section" class="hidden">
|
|
<h2>Newsfeed</h2>
|
|
<div id="news-ticker">
|
|
<p><em>Latest studio news will appear here...</em></p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|