127 lines
6.2 KiB
HTML
127 lines
6.2 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="color-scheme" content="dark">
|
||
<title>RustPad</title>
|
||
__APP_STYLESHEET__
|
||
__APP_IMPORT_MAP__
|
||
__APP_ENTRYPOINT__
|
||
</head>
|
||
|
||
<body class="home-page" data-registration-enabled="__REGISTRATION_ENABLED__">
|
||
<header class="site-header home-header"><a class="brand home-brand" href="/">RustPad</a></header>
|
||
<main class="home-layout home-layout--wide">
|
||
<section class="home-intro">
|
||
<h1>Write. Share. Collaborate.</h1>
|
||
<p>Create a standalone note or organize multiple notes in a workspace.</p>
|
||
</section>
|
||
|
||
<div class="create-grid">
|
||
<section class="panel create-panel">
|
||
<div class="create-panel__heading">
|
||
<h2>Note</h2>
|
||
<p>A single document with its own link.</p>
|
||
</div>
|
||
<form id="pad-form" novalidate>
|
||
<div class="field">
|
||
<label for="pad-name">Note name</label>
|
||
<input id="pad-name" maxlength="80" required autocomplete="off" placeholder="Meeting notes">
|
||
<div class="field-meta"><span id="pad-slug-preview">/p/meeting-notes</span><span
|
||
id="pad-name-count">0/80</span></div>
|
||
</div>
|
||
<div class="field">
|
||
<div class="label-row"><label for="pad-password">Password</label><span>optional, min. 8 characters</span>
|
||
</div>
|
||
<div class="password-input"><input id="pad-password" type="password" maxlength="128"
|
||
autocomplete="new-password" placeholder="Note password"><button class="text-button password-toggle"
|
||
type="button" data-target="pad-password">Show</button></div>
|
||
</div>
|
||
<p id="pad-error" class="form-message error" role="alert"></p>
|
||
<button id="pad-button" class="primary-button" type="submit">Create note</button>
|
||
</form>
|
||
</section>
|
||
|
||
<section class="panel create-panel">
|
||
<div class="create-panel__heading">
|
||
<h2>Workspace</h2>
|
||
<p>A workspace containing multiple notes.</p>
|
||
</div>
|
||
<form id="workspace-form" novalidate>
|
||
<div class="field">
|
||
<label for="workspace-name">Workspace name</label>
|
||
<input id="workspace-name" maxlength="80" required autocomplete="off" placeholder="My project">
|
||
<div class="field-meta"><span id="workspace-slug-preview">/w/my-project</span><span
|
||
id="workspace-name-count">0/80</span></div>
|
||
</div>
|
||
<div class="field">
|
||
<div class="label-row"><label for="workspace-password">Password</label><span>optional, min. 8
|
||
characters</span></div>
|
||
<div class="password-input"><input id="workspace-password" type="password" maxlength="128"
|
||
autocomplete="new-password" placeholder="Workspace password"><button class="text-button password-toggle"
|
||
type="button" data-target="workspace-password">Show</button></div>
|
||
</div>
|
||
<p id="workspace-error" class="form-message error" role="alert"></p>
|
||
<button id="workspace-button" class="primary-button" type="submit">Create workspace</button>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="home-footer">
|
||
<div class="home-footer__inner">
|
||
<div id="footer-account-guest" class="home-footer__account">
|
||
<button id="footer-login" class="footer-action" type="button">Log in</button>
|
||
<button id="footer-register" class="footer-action footer-action--primary" type="button">Register
|
||
nickname</button>
|
||
</div>
|
||
<div id="footer-account-user" class="home-footer__account" hidden>
|
||
<span id="footer-user-label" class="home-footer__user"></span>
|
||
<button id="footer-resources" class="footer-action footer-action--primary" type="button">My notes</button>
|
||
<button id="footer-logout" class="footer-action" type="button">Log out</button>
|
||
</div>
|
||
<span class="home-footer__author">Author: <a href="https://www.linuxiarz.pl"
|
||
rel="author noopener">@linuxiarz.pl</a></span>
|
||
</div>
|
||
</footer>
|
||
|
||
<dialog id="identity-dialog" class="app-dialog">
|
||
<form id="identity-form" autocomplete="on" class="dialog-panel identity-panel">
|
||
<button id="close-identity" class="modal-close" type="button" aria-label="Close dialog">×</button>
|
||
<header class="identity-panel__header">
|
||
<h2 id="identity-title">Log in</h2>
|
||
<p id="identity-copy" class="dialog-copy"></p>
|
||
</header>
|
||
<div class="identity-fields">
|
||
<label>Nickname<input id="nickname" name="nickname" maxlength="40" autocomplete="off" data-bwignore="true"
|
||
placeholder="Your nickname"></label>
|
||
<label id="auth-email-field">E-mail / LDAP login<input id="auth-email" name="username" type="email"
|
||
maxlength="320" autocomplete="username" required placeholder="you@example.com"></label>
|
||
<label>Password<input id="auth-password" name="password" type="password" minlength="8" maxlength="128"
|
||
autocomplete="current-password" required placeholder="At least 8 characters"></label>
|
||
</div>
|
||
<button id="auth-submit" class="primary-button" type="submit">Log in</button>
|
||
<div class="identity-links">
|
||
<button id="show-reset" class="text-button" type="button">Forgot password?</button>
|
||
<button id="auth-switch-mode" class="text-button" type="button">Create an account</button>
|
||
<button id="reset-back" class="text-button" type="button" hidden>Back to log in</button>
|
||
</div>
|
||
<p id="identity-error" class="form-message" role="status"></p>
|
||
</form>
|
||
</dialog>
|
||
<dialog id="resources-dialog" class="app-dialog">
|
||
<div class="dialog-panel resources-panel">
|
||
<button id="close-resources" class="modal-close" type="button" aria-label="Close dialog">×</button>
|
||
<header class="resources-panel__header">
|
||
<h2>My notes and workspaces</h2>
|
||
<p class="dialog-copy">Items created while signed in are assigned to your account.</p>
|
||
</header>
|
||
<div id="resources-list" class="resources-list"></div>
|
||
<p id="resources-error" class="form-message error" role="alert"></p>
|
||
</div>
|
||
</dialog>
|
||
</body>
|
||
|
||
</html> |