vbrowser-modified / signin.html
AstraOS's picture
Update signin.html
5d55ba1 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Zen Garden Access - Sign In</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="signin-styles.css">
</head>
<body>
<div class="zen-container">
<div class="signin-panel">
<div class="moss-layer"></div>
<div class="signin-content">
<div class="stone-emblem">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path d="M50 10 L85 50 L50 90 L15 50 Z" fill="#4a7c59" stroke="#2c4b36" stroke-width="3"/>
<circle cx="50" cy="50" r="25" fill="#6b8e23" opacity="0.6"/>
</svg>
</div>
<h1>Entrance <br> Garden Passage</h1>
<form class="zen-form">
<div class="input-stone">
<input type="email" placeholder="Path Name (Email)" required autocomplete="username">
<div class="stone-icon">πŸƒ</div>
</div>
<div class="input-stone">
<input type="password" placeholder="Secret Passage" required autocomplete="current-password">
<div class="stone-icon">πŸ‚</div>
</div>
<button type="submit" class="enter-gate">Enter Sanctuary</button>
</form>
<div class="zen-footer">
<a href="#" class="forgotten-path">Forgotten Path?</a>
<a href="signup.html" class="new-journey">New Journey</a>
</div>
</div>
</div>
</div>
<script src="signin.js"></script>
</body>
</html>