98 lines
3.1 KiB
HTML
98 lines
3.1 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="../assets/IosevkaSS15-Regular.ttf" rel="stylesheet">
|
|
<!-- style --->
|
|
<link rel="stylesheet" href="css/global.css">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/loading_screen.css">
|
|
<!-- icon -->
|
|
<!--<link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />-->
|
|
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
|
<link rel="shortcut icon" href="/assets/favicon.ico" />
|
|
<link rel="manifest" href="/assets/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 class="page">Sleepee Software</h1>
|
|
<nav><ul>
|
|
<li><a href="#" id="nav-landing">Home</a></li>
|
|
<li><a href="#" id="nav-project">Project</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-login">Login</a></li>
|
|
</ul></nav>
|
|
</header>
|
|
|
|
<main id="main-content">
|
|
<section id="landing-section">
|
|
<h2>Welcome to Sleepee Software</h2>
|
|
<h3>Experience software in neon-lit glory !</h3>
|
|
<br>
|
|
<h2>Newsfeed</h2>
|
|
<div id="news-ticker">
|
|
<p>Nothing...</p>
|
|
<!-- TODO: fetch api for news -->
|
|
</div>
|
|
</section>
|
|
|
|
<section id="project-section" class="hidden">
|
|
<div id="card-container">
|
|
<h2>Projects</h2>
|
|
<div id="docs-list">
|
|
<li><a href="html/SterlingLang.html">Sterling Lang</a></li>
|
|
<li><a href="html/SterlingOsDesign.html">Sterling OS</a></li>
|
|
</div>
|
|
<div id="repo-list">
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- TODO: make login a popop that allow to use irc and blog -->
|
|
<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="login-section" class="hidden">
|
|
<div class="terminal">
|
|
<h2>Login</h2>
|
|
<form id="login-form">
|
|
<input type="text" placeholder="name" id="username" required>
|
|
<input type="password" placeholder="pwd" id="password" required>
|
|
<button type="submit">Enter</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<footer class="footer-container hidden">
|
|
<p style="text-align: center;">Copyright @ 2025 <a href="mailto:dev@sleepeesoftware.fr">Sleepee Software</a><br>Verbatim copying and redistribution of this entire page are permitted provided this notice is preserved.<br>
|
|
Verbatim copying and redistribution of any of the photos in the photos subdirectory is permitted under the <a href="https://opensource.org/license/mit">MIT License</a></p>
|
|
</footer>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|