initial commit

.gitignore

@@ -0,0 +1 @@
+public/

config.toml

@@ -0,0 +1,21 @@
+# The URL the site will be built for
+base_url = "https://lfcode.ca"
+
+# 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
+
+title = "jade's website"
+description = "computers i guess"
+
+[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
+copyright = "(c) 2021 jade CC-BY-SA"
+dtformat = "%B %d, %Y"

sass/fonts.scss

@@ -0,0 +1,89 @@
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 200;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-ExtraLightIt.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 200;
+    font-display: swap;
+    src: url("fonts/SourceSans3-ExtraLight.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-LightIt.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 300;
+    font-display: swap;
+    src: url("fonts/SourceSans3-Light.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-It.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 400;
+    font-display: swap;
+    src: url("fonts/SourceSans3-Regular.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-SemiboldIt.otf.woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 600;
+    font-display: swap;
+    src: url("fonts/SourceSans3-Semibold.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-BoldIt.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 700;
+    font-display: swap;
+    src: url("fonts/SourceSans3-Bold.otf.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+    src: url("fonts/SourceSans3-BlackIt.otf.woff2");
+}
+
+@font-face {
+    font-family: "Source Sans 3";
+    font-weight: 900;
+    font-display: swap;
+    src: url("fonts/SourceSans3-Black.otf.woff2") format("woff2");
+}

sass/main.scss

@@ -0,0 +1,101 @@
+$text: #ddd;
+$bg: #540362;
+$lower1: darken($text, 18);
+
+@import 'fonts';
+
+@mixin reset-list {
+    margin: 0;
+    padding: 0;
+}
+
+@mixin horizontal-list {
+    @include reset-list;
+
+    li {
+        display: inline-block;
+        margin: {
+            left: -2px;
+            right: 2em;
+        }
+    }
+}
+
+@mixin flex-center {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+}
+
+@mixin chonky-link-underline {
+    a {
+        border-bottom: solid 2px;
+        padding-bottom: 0px;
+        border-radius: 1px;
+    }
+}
+
+@mixin a-normal {
+    a {
+        color: $text;
+        text-decoration: none;
+    }
+}
+
+pre {
+    padding: 1em;
+    margin: .5em 0;
+    border-radius: .3em;
+    overflow: auto;
+    background-color: darken($bg, 5.0);
+
+    code {
+        font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
+    }
+}
+
+body {
+    font-family: 'Source Sans 3', 'sans-serif';
+    background-color: $bg;
+    color: $text;
+    font-size: 1.1em;
+}
+
+nav {
+    @include flex-center;
+
+    ul {
+        @include horizontal-list();
+        @include chonky-link-underline();
+        @include a-normal();
+        font-weight: 700;
+    }
+}
+
+article {
+    @include a-normal();
+    h2 {
+        margin-block-end: -0.2em;
+    }
+
+    // the spans below individual page titles on the home page
+    .detail span {
+        font-weight: 600;
+        font-size: 0.8rem;
+        color: $lower1;
+    }
+
+    .detail span:first-child::after {
+        content: " - ";
+    }
+}
+
+footer {
+    @include flex-center;
+}
+
+main {
+    display: block;
+    margin: 0 auto;
+    max-width: 860px;
+}

templates/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>
+        {{ config.title }}
+    </title>
+
+    <link type="text/css" rel="stylesheet" href="{{ get_url(path="/main.css", cachebust=true) | safe }}">
+</head>
+<body>
+    <header>
+        {# linear row of page links #}
+        <nav class="main-nav">
+            <ul role="navigation">
+                <li>
+                    <a href="/">{{ config.title }}</a>
+                </li>{#
+                #}<li>
+                    <a href="/about">About</a>
+                </li>{#
+                #}<li>
+                    <a href="https://github.com/lf-">GitHub</a>
+                </li>
+            </ul>
+        </nav>
+    </header>
+    <main role="main">
+        {% for page in section.pages %}
+        <article>
+            <a href="{{ page.permalink }}"><h2>{{ page.title }}</h2></a>
+            <div class="detail">
+                <span>{{ page.date | date(format=config.extra.dtformat) }}</span>
+                <span>{{ page.reading_time }} minute read</span>
+            </div>
+        </article>
+        {% endfor %}
+        <pre><code>{{ __tera_context | escape | safe }}</code></pre>
+    </main>
+
+    <footer>
+        <p>{{ config.extra.copyright }}</p>
+    </footer>
+</body>
+</html>