woof, quark work HEAD main

5 files changed, 99 insertions, 21 deletions

diff --git a/served/quark/create.html b/served/quark/create.html
index 22cecb7..4da37ab 100644
--- a/served/quark/create.html
+++ b/served/quark/create.html
@@ -1,17 +1,35 @@
+<section id="cancel" class="box">
+	<a href="?">cancel.</a>
+</section>
+
+<section id="section-list" class="box">
+	<h2>sections</h2>
+	<ul>
+{%pattern sections-list}<li>{section}</li>{%end}
+	</ul>
+	<form id="create-section-form" action="/quark/api/create/section" method="POST" target="preview">
+		<input type="text" name="name" placeholder="new section" spellcheck="true" autocomplete="off">
+		<input type="submit" value="Create" name="create" id="submit-create-section">
+	</form>
+</section>
+
 <section id="create" class="box">
-	<h2>Quark: Page Creation</h2>
-	<form id="create-form" action="/api/quark/create" method="POST" enctype="multipart/form-data" target="preview">
-		<input type="text" name="name" placeholder="Name" />
-		<textarea name="content"></textarea>
-		<input type="submit" value="Preview" name="preview" id="submit-preview" />
-		<input type="submit" value="Create Page" id="submit-create" />
-		<input type="submit" value="Create Draft" name="draft" id="submit-draft" disabled />
+	<h2>Page Creation</h2>
+	<form id="create-form" action="/quark/api/create" method="POST" enctype="multipart/form-data" target="preview">
+		<datalist id="sections">
+			{%pattern sections-data}<option value="{section}"></option>{%end}
+		</datalist>
+		<input type="text" name="name" placeholder="Name" spellcheck="true" list="sections">
+		<textarea name="content" spellcheck="true"></textarea>
+		<input type="submit" value="Preview" name="preview" id="submit-preview">
+		<input type="submit" value="Create Page" name="create" id="submit-create">
+		<input type="submit" value="Create Draft" name="draft" id="submit-draft" disabled>
 	</form>
 </section>
 
-<section class="box">
+<section id="preview" class="box">
 	<h2>Page Preview</h2>
-	<iframe id="preview" name="preview"></iframe>
+	<iframe id="preview-frame" name="preview"></iframe>
 </section>
 
 <section class="box" style="display: none">
@@ -21,4 +39,4 @@
 		<li><a href="{draft.edit_link}">{draft.name}</a></li>
 		{%end}
 	</ol>
-</section>
\ No newline at end of file
+</section>
diff --git a/served/quark/delete.html b/served/quark/delete.html
new file mode 100644
index 0000000..740abca
--- /dev/null
+++ b/served/quark/delete.html
@@ -0,0 +1,8 @@
+<section>
+	<h2>Confirm deletion of '{page}'</h2>
+	<form id="edit-form" action="/quark/api/delete" method="POST">
+		<input type="hidden" name="name" value="{page}">
+		<input type="submit" value="Confirm" name="confirmation">
+		<input type="submit" value="No, oops" name="rejection">
+	</form>
+</section>
diff --git a/served/quark/edit-section.html b/served/quark/edit-section.html
new file mode 100644
index 0000000..4d5e905
--- /dev/null
+++ b/served/quark/edit-section.html
@@ -0,0 +1,19 @@
+<section id="cancel" class="box">
+	<a href="?">back</a>
+</section>
+
+<section id="edit-section" class="box">
+	<h2>Editing section '{section-editing}'</h2>
+	<form id="edit-section-form" action="/quark/api/edit/section" method="POST" target="result">
+		<input type="hidden" name="name" value="{section-editing}">
+		<label for="edit-home">Section Homepage Redirection</label>
+		<input type="text" id="edit-home" name="home" value="{section-home}">
+		<input type="submit" value="Edit Section" name="edit">
+	</form>
+	<!-- https://stackoverflow.com/a/16661115 -->
+</section>
+
+<section id="preview" class="box">
+	<h2>Form Result</h2>
+	<iframe name="result"></iframe>
+</section>
diff --git a/served/quark/edit.html b/served/quark/edit.html
index aeb036f..10fdcf3 100644
--- a/served/quark/edit.html
+++ b/served/quark/edit.html
@@ -1,16 +1,30 @@
-<section>
-	<h2>Quark: Editing page '{page-editing}'</h2>
-	<form id="edit-form" action="/api/quark/edit" method="POST" target="preview" enctype="multipart/form-data">
-		<input type="hidden" name="name" value="{page-editing}" />
-		<textarea name="content">{page-content}</textarea>
-		<input type="text" name="commit" placeholder="Change Message" />
-		<input type="submit" value="Edit Page" />
-		<input type="submit" value="Preview Page" name="preview" />
+<section id="cancel" class="box">
+	<a href="?">cancel.</a>
+</section>
+
+<section id="frontmatter" class="box">
+	<details>
+		<summary>Opengraph</summary>
+		<div>
+		<label for="og-description">Description</label>
+		<textarea id="og-description" name="og-description" form="edit-form">{og-description}</textarea>
+		</div>
+	</details>
+</section>
+
+<section id="edit" class="box">
+	<h2>Editing '{page-editing}'</h2>
+	<form id="edit-form" action="/quark/api/edit" method="POST" target="preview" enctype="multipart/form-data">
+		<input type="hidden" name="name" value="{page-editing}">
+		<textarea name="content" spellcheck="true">{page-content}</textarea>
+		<input type="text" name="commit" placeholder="Change Message (optional)" spellcheck="true" autocomplete="off">
+		<input type="submit" value="Edit Page" name="edit">
+		<input type="submit" value="Preview Page" name="preview">
 	</form>
 	<!-- https://stackoverflow.com/a/16661115 -->
 </section>
 
-<section>
+<section id="preview" class="box">
 	<h2>Page Preview</h2>
-	<iframe id="preview" name="preview"></iframe>
-</section>
\ No newline at end of file
+	<iframe id="preview-frame" name="preview"></iframe>
+</section>
diff --git a/served/quark/move.html b/served/quark/move.html
new file mode 100644
index 0000000..5399259
--- /dev/null
+++ b/served/quark/move.html
@@ -0,0 +1,19 @@
+<section id="cancel" class="box">
+	<a href="?">back</a>
+</section>
+
+<section id="move" class="box">
+	<h2>Moving '{page-moving}'</h2>
+	<form id="edit-section-form" action="/quark/api/move" method="POST" target="result">
+		<input type="hidden" name="from" value="{page-moving}">
+		<label for="edit-home">New Page Location</label>
+		<input type="text" id="edit-home" name="to">
+		<input type="submit" value="Move">
+	</form>
+	<!-- https://stackoverflow.com/a/16661115 -->
+</section>
+
+<section id="preview" class="box">
+	<h2>Form Result</h2>
+	<iframe name="result"></iframe>
+</section>