woof, quark work HEAD main

4 files changed, 56 insertions, 11 deletions

diff --git a/templates/quark/api_redirect.html b/templates/quark/api_redirect.html
new file mode 100644
index 0000000..47d5ea6
--- /dev/null
+++ b/templates/quark/api_redirect.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta charset="utf-8">
+	<title>redirect</title>
+	<link rel="stylesheet" href="/styles/common.css">
+	<link rel="stylesheet" href="/styles/quark.css">
+	<script>window.top.location = '{page-location}';</script>
+</head>
+
+<body id="preview">
+	<p>Redirecting to <a href="javascript:window.top.location = '{page-location}'">{page-name}...</a></p>
+</body>
+
+</html>
diff --git a/templates/quark/base.html b/templates/quark/base.html
index eb11007..a16f7e5 100644
--- a/templates/quark/base.html
+++ b/templates/quark/base.html
@@ -2,14 +2,32 @@
 <html>
 
 <head>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta charset="utf-8">
 
 	<title>{title}</title>
 
-	<link rel="icon" type="image/png" sizes="32x32" href="/dreamlike/dreamlike32.png" />
+	{%if-set og_description}
+	<!-- og. required tags. is an image requried? i do not have one.-->
+	<meta property="og:title" content="{og_title}">
+	<meta property="og:type" content="website">
+	<meta property="og:url" content="{og_url}">
+
+	{%if-set og_image}
+	<meta property="og:image" content="{og_image}">
+	<meta property="og:image:alt" content="{og_image_alt}">
+	{%end}
+
+	<meta property="og:site_name" content="{og_site_name}">
+
+	<!-- og. not required but helps make better cards, etc. -->
+	<meta property="og:description" content="{og_description}">
+	<!-- end of opengraph tags -->
+	{%end}
+
+	<link rel="icon" type="image/png" sizes="32x32" href="/dreamlike/dreamlike32.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="/dreamlike/dreamlike32dark.png"
-		media="(prefers-color-scheme: dark)" />
+		media="(prefers-color-scheme: dark)">
 
 	<link rel="stylesheet" href="/styles/common.css" />
 	<link rel="stylesheet" href="/styles/quark.css" />
@@ -23,4 +41,4 @@
 	{%wrapped-content}
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/templates/quark/page.html b/templates/quark/page.html
index 4fc3496..05d73ea 100644
--- a/templates/quark/page.html
+++ b/templates/quark/page.html
@@ -2,14 +2,22 @@
 <nav class="box">
 	<h2>links~</h2>
 	<div><a href="/" alt="leave quark">← leave quark</a></div>
-	<div><a href="/quark" alt="index">// the index</a></div>
+	<div><a href="/quark/" alt="index">// the index</a></div>
 </nav>
+{%if-set withTools}
 <section id="tools" class="box">
 	<h3>tools..</h3>
 	<a href="?edit">edit!</a>
-	<a href="/quark?create">create&</a>
+	{%if-set withMove}<br><a href="?move">move%</a>{%end}
+	<a href="/quark/?create">create&</a>
+	{%if-set withDelete}<br><a href="?delete">delete.</a>{%end}
+	{%if-set section}<br><a href="../{section}?edit">edit&nbsp;section!</a>{%end}
 </section>
-<main id="main-content" class="box page">
-	{main}
+{%end}
+<main id="main-content" class="page">
+	<h1>{page-title}</h1>
+	<article class="box">
+		{main}
+	</article>
 </main>
-{%end}
\ No newline at end of file
+{%end}
diff --git a/templates/quark/preview.html b/templates/quark/preview.html
index fbcad14..dc36628 100644
--- a/templates/quark/preview.html
+++ b/templates/quark/preview.html
@@ -12,7 +12,9 @@
 </head>
 
 <body id="preview">
+	<article>
 	{main}
+	</article>
 </body>
 
-</html>
\ No newline at end of file
+</html>