64 lines
3.2 KiB
HTML
64 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="pl">
|
|
<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="module" src="/assets/js/home.js?v=__ASSET_VERSION__"></script>
|
|
</head>
|
|
<body>
|
|
<header class="site-header"><a class="brand" href="/">RustPad</a></header>
|
|
<main class="home-layout home-layout--wide">
|
|
<section class="home-intro">
|
|
<h1>Nowa przestrzeń</h1>
|
|
<p>Utwórz szybką notatkę albo workspace z wieloma notatkami.</p>
|
|
</section>
|
|
|
|
<div class="create-grid">
|
|
<section class="panel create-panel">
|
|
<div class="create-panel__heading">
|
|
<h2>Notatka</h2>
|
|
<p>Jeden dokument pod własnym linkiem.</p>
|
|
</div>
|
|
<form id="pad-form" novalidate>
|
|
<div class="field">
|
|
<label for="pad-name">Nazwa notatki</label>
|
|
<input id="pad-name" maxlength="80" required autocomplete="off" placeholder="Notatki ze spotkania">
|
|
<div class="field-meta"><span id="pad-slug-preview">/p/notatki-ze-spotkania</span><span id="pad-name-count">0/80</span></div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="label-row"><label for="pad-password">Hasło</label><span>opcjonalne, min. 8 znaków</span></div>
|
|
<div class="password-input"><input id="pad-password" type="password" maxlength="128" autocomplete="new-password" placeholder="Hasło notatki"><button class="text-button password-toggle" type="button" data-target="pad-password">Pokaż</button></div>
|
|
</div>
|
|
<p id="pad-error" class="form-message error" role="alert"></p>
|
|
<button id="pad-button" class="primary-button" type="submit">Utwórz notatkę</button>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="panel create-panel">
|
|
<div class="create-panel__heading">
|
|
<h2>Workspace</h2>
|
|
<p>Przestrzeń z listą wielu notatek.</p>
|
|
</div>
|
|
<form id="workspace-form" novalidate>
|
|
<div class="field">
|
|
<label for="workspace-name">Nazwa workspace</label>
|
|
<input id="workspace-name" maxlength="80" required autocomplete="off" placeholder="Mój projekt">
|
|
<div class="field-meta"><span id="workspace-slug-preview">/w/moj-projekt</span><span id="workspace-name-count">0/80</span></div>
|
|
<small>Krótka lub zajęta nazwa otrzyma losowy sufiks.</small>
|
|
</div>
|
|
<div class="field">
|
|
<div class="label-row"><label for="workspace-password">Hasło</label><span>opcjonalne, min. 8 znaków</span></div>
|
|
<div class="password-input"><input id="workspace-password" type="password" maxlength="128" autocomplete="new-password" placeholder="Hasło workspace"><button class="text-button password-toggle" type="button" data-target="workspace-password">Pokaż</button></div>
|
|
</div>
|
|
<p id="workspace-error" class="form-message error" role="alert"></p>
|
|
<button id="workspace-button" class="primary-button" type="submit">Utwórz workspace</button>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|