some cleanup, add skeleton of zola based website

site/config.toml

@@ -0,0 +1,20 @@
+# The URL the site will be built for
+base_url = "https://exoticorn.github.io/microw8"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+
+theme = "juice"
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = true
+
+[extra]
+# Put all your custom variables here
+juice_logo_name = "MicroW8"
+juice_logo_path = "microw8.svg"

site/content/_index.md

@@ -0,0 +1,11 @@
++++
++++
+
+## Versions
+
+* [v0.1pre1](v0.1pre1)
+
+## Examples
+
+* [Technotunnel](v0.1pre1#AQrDAQHAAQIBfwp9A0AgAUEAsiABQcACb7JDmhkgQ5MiBCAEIASUIAFBwAJtQYABa7IiBSAFlJKRIgaVIgcgByAAskHQD7KVIgIQAEPNzEw/lCIDlCAHIAeUIAOUIAOUQQGykiADIAOUk5GSIgiUIAOTQQqylCACkiIJqCAFIAaVIAiUQQqylCACkiIKqHMgCEEyspQgBpUiCyACkkEUspSocUEFcbJBArIgC5OUQRaylJeoOgB4IAFBAWoiAUGAgAVIDQALCw==) (199 bytes): A port of my [entry](https://tic80.com/play?cart=1873) in the Outline'21 bytebattle quater final
+* [XorScroll](v0.1pre1#AQovAS0BAX8DQCABIAFBwAJvIABBCm1qIAFBwAJtczoAeCABQQFqIgFBgIAFSA0ACws=) (50 bytes): A simple scrolling XOR pattern. Fun fact: This is the pre-loaded effect when entering a bytebattle.

site/templates/_variables.html

@@ -0,0 +1,15 @@
+<style>
+    :root {
+        /* Primary theme color */
+        --primary-color: #202024;
+        /* Primary theme text color */
+        --primary-text-color: #808070;
+        /* Primary theme link color */
+        --primary-link-color: #8080a0;
+        /* Secondary color: the background body color */
+        --secondary-color: #e4dfd7;
+        --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
+    }
+</style>

site/templates/index.html

@@ -0,0 +1,14 @@
+{% extends "juice/templates/index.html" %}
+{% block hero %}
+    <div>
+        <section>
+            <h1 class="text-center heading-text">A WebAssembly based sizecoding platform</h1>
+        </section>
+        <a href="v0.1pre1">
+            <div class="demonstration-gif" style="width:640px;height:512px;background-color:black"></div>
+        </a>
+    </div>
+{% endblock hero %}
+
+{% block footer %}
+{% endblock footer %}