bit_frontend/index.html

78 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="description" content="Bit Text Sharing" />
<link rel="canonical" href="https://bit.marcocetica.com/" />
<link rel="stylesheet" href="/static/css/style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
<title>Bit Text Sharing</title>
</head>
<body>
<div class="navbar">
<div class="button">
<a href="/">Home</a>
</div>
<div class="button">
<a href="/search">Search</a>
</div>
<div class="button">
<a href="/user">Account</a>
</div>
<div class="button">
<a href="/tos">ToS</a>
</div>
<div class="sp"></div>
</div>
<main>
<h1 class="title">Add New Post</h1>
<form class="bit-form" id="submit_post_form" method="POST" onsubmit="submitForm(event);">
<div class="form-group">
<label for="title" class="bit-form-label">Title</label>
<input type="text" name="title" class="bit-form-input" required />
</div>
<div class="form-group">
<label for="expirationDate" class="bit-form-label">Expiration date</label>
<input type="date" name="expirationDate" class="bit-form-input" />
</div>
<div class="form-group">
<label for="content" class="bit-form-label">Content</label>
<textarea name="content" class="bit-form-input" required></textarea>
</div>
<div class="error-panel"></div>
<h1 class="subtitle">Sign In</h1>
<div class="form-group">
<label for="email" class="bit-form-label">Email</label>
<input type="email" name="email" class="bit-form-input" />
</div>
<div class="form-group">
<label for="password" class="bit-form-label">Password</label>
<input type="password" name="password" class="bit-form-input" />
</div>
<button type="submit" name="send" class="bit-form-button">ADD NEW POST</button>
</form>
</main>
<footer>
&copy; <div id="copy_year"></div> by <a href="https://marcocetica.com">Marco Cetica</a>
</footer>
</body>
<script>
document.getElementById("copy_year").innerText = new Date().getFullYear();
</script>
<script src="/static/js/submitForm.js"></script>
</html>