Start porting to emanote

docs/index.md

@@ -1,7 +1,7 @@
 # Ema
 
 :::{.avatar}
-![](/ema.svg){.w-32 .h-32}
+![](/favicon.svg){.w-32 .h-32 .float-right}
 :::
 
 {.text-xl .mb-8}
@@ -19,9 +19,9 @@ The ultimate goal of ema is to facilitate creating with ease your own [neuron](h
 
 :::{.flex .justify-center .items-center .mb-8}
 <video autoplay loop muted>
-  <source src="/ema-demo.mp4" type="video/mp4">
+  <source src="/static/ema-demo.mp4" type="video/mp4">
   <p>Your browser doesn't support HTML5 video. Here is
-     a <a href="/ema-demo.mp4">link to the video</a> instead.</p>
+     a <a href="/static/ema-demo.mp4">link to the video</a> instead.</p>
 </video>
 :::
 

docs/index.yaml

@@ -0,0 +1,20 @@
+template:
+  # Use file "${template.name}.tpl" to render HTML
+  theme: pink
+  faviconUrl: /favicon.svg
+  sidebar:
+    collapsed: false
+
+# Put page-specific metadata here. Override them in Markdown frontmatter or
+# per-folder YAML as necessary.
+page:
+  siteName: Ema
+  siteTitle: Ema
+  description: | 
+    Ema static site generator (Jamstack) in Haskell with live server and reload.
+  headHtml: |
+    <link rel="manifest" href="/static/manifest.json" />
+    <meta name="theme-color" content="#DB2777" />
+    <!-- Syntax highlighting -->
+    <link href="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism-tomorrow.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/combine/npm/prismjs@1.23.0/prism.min.js,npm/prismjs@1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>