65 lines
3.8 KiB
HTML
65 lines
3.8 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>
|
|
<link rel="stylesheet" href="/assets/styles.css?v=__ASSET_VERSION__">
|
|
<script type="importmap">{"imports":{"@rustpad/api":"/assets/js/api.js?v=__ASSET_VERSION__","@rustpad/clipboard":"/assets/js/clipboard.js?v=__ASSET_VERSION__","@rustpad/editor-format":"/assets/js/editor-format.js?v=__ASSET_VERSION__","@rustpad/markdown":"/assets/js/markdown.js?v=__ASSET_VERSION__","@rustpad/session":"/assets/js/session.js?v=__ASSET_VERSION__","@rustpad/socket":"/assets/js/socket.js?v=__ASSET_VERSION__","@rustpad/url-state":"/assets/js/url-state.js?v=__ASSET_VERSION__"}}</script><script type="module" src="/assets/js/home.js?v=__ASSET_VERSION__"></script>
|
|
</head>
|
|
<body class="home-page">
|
|
<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>
|
|
<small>A short or unavailable name will receive a random suffix.</small>
|
|
</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">Author: <a href="https://linuxiarz.pl" rel="author noopener">@linuxiarz.pl</a></footer>
|
|
</body>
|
|
</html>
|