From 4f816c9066d228d35654f77691ed553563abd425 Mon Sep 17 00:00:00 2001
From: Yusur Princeps <sakuragasaki46@gmail.com>
Date: Wed, 22 Oct 2025 13:55:19 +0200
Subject: [PATCH] add create stub

---
 src/routes/create/+page.svelte | 69 ++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/routes/create/+page.svelte

diff --git a/src/routes/create/+page.svelte b/src/routes/create/+page.svelte
new file mode 100644
index 0000000..403f7da
--- /dev/null
+++ b/src/routes/create/+page.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+    import Centered from "$lib/Centered.svelte";
+    import { getMe } from "$lib/globals.svelte";
+    import SLayout from "$lib/SLayout.svelte";
+
+    let me = getMe();
+
+    let content = $state("");
+
+    let contentLength = $derived(content.length);
+
+</script>
+
+
+{#if me}
+<SLayout title="New post">
+    <form method="POST">
+        <p>Posting as <strong>@{me.username}</strong></p>
+
+        <label>
+            Post to: <!-- TODO autocomplete! -->
+            <input />
+        </label>
+
+        <label>
+            <input type="text" name="title" maxlength=256 placeholder="An interesting title"/>
+        </label>
+        
+        <label>
+            <textarea bind:value={content}></textarea>
+            <output><small class="faint">{contentLength} chars</small></output>
+        </label>
+    </form>
+
+    {#snippet left()}
+        ...
+    {/snippet}
+    
+    {#snippet right()}
+        ...
+    {/snippet}
+</SLayout>
+{:else}
+<Centered>
+    You must be <a href="login">logged in</a> in order to create posts.
+</Centered>
+{/if}
+
+<style>
+
+textarea {
+    width: 100%;
+    background-color: inherit;
+    color: var(--text-primary);
+    min-height: 10em;
+    margin-top: 4px;
+}
+
+form {
+    display: flex;
+    flex-direction: column;
+}
+
+input[name="title"] {
+    width: 100%;
+    margin: 6px 0;
+    font-size: 1.25em;
+}
+</style>
\ No newline at end of file