pixelfed-design-demos/public/login/index.html
2021-12-09 02:45:28 -06:00

74 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<style>
.site-header {display: none;}
body {margin: 0; min-height: 100vh;}
</style>
<a href="/">
<header style="display: flex; align-items: center;">
<img src="/logo.svg" alt="Pixelfed logo">
<h1>pixelfed</h1>
</header>
</a>
<main>
<header class="hero section">
<div class="container">
<h1>Log in</h1>
</div>
</header>
<section class="section">
<div class="container">
<form class="login" action="">
<label for="">Username or email</label>
<input class="username" type="text">
<label for="">Password</label>
<input class="password" type="text">
<input class="login" type="submit" value="Log in" formaction="/app/home">
</form>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>