Add posts to plants and fungi

.gitignore

@@ -1 +1,3 @@
 /target
+/screenshots
+notes

Cargo.toml

@@ -1,7 +1,7 @@
 [package]
 name = "mycelial_technology"
 version = "0.1.0"
-authors = ["glyph <gnomad@cryptolab.net>"]
+authors = ["glyph <glyph@mycelial.technology>"]
 edition = "2018"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

LICENSE

@@ -0,0 +1,7 @@
+Copyright (c) 2020 glyph
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,3 @@
+# mycelial.technology
+
+Personal website of glyph. _Under construction_.

src/main.rs

@@ -9,6 +9,9 @@ extern crate rocket_contrib;
 extern crate serde_derive;
 extern crate tera;
 
+use std::path::{Path, PathBuf};
+
+use rocket::response::NamedFile;
 use rocket_contrib::templates::Template;
 
 #[derive(Debug, Serialize)]
@@ -17,13 +20,144 @@ struct FlashContext {
     flash_msg: Option<String>,
 }
 
-#[get("/")]
-fn index() -> Template {
+#[get("/<file..>")]
+fn files(file: PathBuf) -> Option<NamedFile> {
+    NamedFile::open(Path::new("static/").join(file)).ok()
+}
+
+#[get("/art")]
+fn art() -> Template {
     let context = FlashContext {
         flash_name: None,
         flash_msg: None,
     };
-    Template::render("index", &context)
+    Template::render("art", &context)
+}
+
+#[get("/background")]
+fn background() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("background", &context)
+}
+
+#[get("/bacteria")]
+fn bacteria() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("bacteria", &context)
+}
+
+#[get("/computers")]
+fn computers() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("computers", &context)
+}
+
+#[get("/fungi")]
+fn fungi() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("fungi", &context)
+}
+
+#[get("/fungi/grow-together")]
+fn fungi_grow_together() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("fungi/grow_together", &context)
+}
+
+#[get("/fungi/lichen-space")]
+fn fungi_lichen_space() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("fungi/lichen_space", &context)
+}
+
+#[get("/")]
+fn home() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("home", &context)
+}
+
+#[get("/lists")]
+fn lists() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("lists", &context)
+}
+
+#[get("/plants")]
+fn plants() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("plants", &context)
+}
+
+#[get("/plants/blueberry-dance")]
+fn plants_blueberry_dance() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("plants/blueberry_dance", &context)
+}
+
+#[get("/plants/potato-tech")]
+fn plants_potato_tech() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("plants/potato_tech", &context)
+}
+
+#[get("/meditation")]
+fn meditation() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("meditation", &context)
+}
+
+#[get("/support")]
+fn support() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("support", &context)
+}
+
+#[get("/travel")]
+fn travel() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("travel", &context)
 }
 
 #[catch(404)]
@@ -38,7 +172,27 @@ fn not_found() -> Template {
 
 fn main() {
     rocket::ignite()
-        .mount("/", routes![index])
+        .mount(
+            "/",
+            routes![
+                files,
+                art,
+                background,
+                bacteria,
+                computers,
+                fungi,
+                fungi_grow_together,
+                fungi_lichen_space,
+                home,
+                lists,
+                plants,
+                plants_blueberry_dance,
+                plants_potato_tech,
+                meditation,
+                travel,
+                support
+            ],
+        )
         .register(catchers![not_found])
         .attach(Template::fairing())
         .launch();

templates/art.html.tera

@@ -0,0 +1,30 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Art</h2>
+    <div class="flex-grid">
+      <img class="col" alt="Line drawing of an aloe plant" src="art/aloe.jpg" title="Aloe plant" />
+      <img class="col" alt="Line drawing of an American kestrel" src="art/kestrel.jpg" title="American kestrel" />
+      <img class="col" alt="Line drawing of a black oval surrounded by two rings of glyphs" src="art/obsidian_artifact.jpg" title="Obsidian Artifact" />
+    </div>
+    <div class="flex-grid">
+      <img class="col" alt="Line drawing of a mountain with a teardrop-shaped symbol above it, with mountains and clouds in the background" src="art/mystic_mountain.jpg" title="Mystic Mountain" />
+      <img class="col" alt="Line drawing of an ant with a long, antenna-like mushroom growing from its thorax" src="art/cordyceps_ant.jpg" title="Ophiocordyceps unilateralis on ant host" />
+      <img class="col" alt="Line drawing of a meditating figure with haloes of glyphs surrounding them" src="art/halo.svg" title="Halo" />
+    </div>
+    <div class="flex-grid">
+      <img class="col" alt="Line drawing of a humyn skull with mushrooms growing from it and text beneath reading 'Death is not the End'" src="art/death_is_not_the_end.jpg" title="Death is not the End" />
+      <img class="col" alt="Line drawing of a monk ringing a bell" src="art/ring_monk.jpg" title="Ring" />
+      <img class="col" alt="Line drawing of a man playing shakuhachi" src="art/shakuhachi.jpg" title="Mindless" />
+    </div>
+    <div class="flex-grid">
+      <img class="col" alt="Line drawing of a pitcher plant" src="art/pitcher_plant.jpg" title="Bait" />
+      <img class="col" alt="Line drawing of a birch polypore mushroom with icicles growing from a birch tree" src="art/birch_polypore.jpg" title="Freeze" />
+      <img class="col" alt="Line drawing of a paper wasp on a small nest" src="art/wasp.jpg" title="Build" />
+    </div>
+    <div class="flex-grid">
+      <img class="col" alt="Line drawing of a young man standing next to a tree with mushrooms growing on it" src="art/enchanted_gano.jpg" title="Enchanted" />
+      <img class="col" alt="Line drawing of a physalis fruit" src="art/physalis.jpg" title="Frail" />
+      <img class="col" alt="Line drawing of a humyn hand reaching out to touch a mycelial network" src="art/hyphal_fusion.svg" title="Hyphal Fusion" />
+    </div>
+    <hr>
+{%- endblock %}

templates/background.html.tera

@@ -0,0 +1,11 @@
+{% extends "nav" %}
+{% block content %}
+    <article>
+      <h2>Background</h2>
+      <p>I was born and raised in the coastal city of Durban, South Africa, which lies between the Indian Ocean and Drakensberg Mountains. Following completion of high school I moved to Michigan, USA and completed a Bachelor of Science in anthropology (major) and biology (minor) at <a href="https://www.gvsu.edu/">Grand Valley State University</a>. I later returned to South Africa and completed a Master of Social Science in social anthropology at the <a href="http://www.uct.ac.za/">University of Cape Town</a>, with <a href="https://open.uct.ac.za/handle/11427/6795">research</a> focused on decentralised networks of medicinal plant harvesters and herbalists (Rasta bush doctors). I then went on to work as an applied anthropologist and ethnobotanist in the non-profit sector.</p>
+      <p>Following a year spent travelling in South America, I restructured my life and livelihood around my core interests: carbon-based and silicon-based technologies (biology and computers). Since then I have founded <a href="https://harmonicmycology.com">Harmonic Mycology</a>, a mycology collective dedicated to developing and distributing mycelial medicines, teaching mushroom cultivation and encouraging the formation of humyn-fungal networks. In parallel to those activities, I have worked as an autodidactic software developer on private and open-source projects; most-recently, <a href="https://opencollective.com/peachcloud">PeachCloud</a>.</p>
+      <p>I hold a deep fascination with the processes through which humyns form relationships with other living beings. When not behind the keyboard, you can find me looking at mushrooms, riding my bicycle or reading sci-fi. I'm dreaming of a three-month adventure across Japan ⛩.</p>
+      <img src="glyph_laetiporus.jpg" style="width: 100%;" />
+    </article>
+    <hr>
+{%- endblock %}

templates/bacteria.html.tera

@@ -0,0 +1,5 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Bacteria</h2>
+    <hr>
+{%- endblock %}

templates/base.html.tera

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" type="image/png" href="favicon.png"/>
+    <title>mycelial technology | glyph</title>
+    <meta name="author" content="glyph">
+    <meta name="description" content="The personal website of glyph.">
+    <meta name="keywords" content="mycology, fermentation, coding">
+    <style>
+      a {
+        color: #111;
+        padding: 0.2rem;
+      }
+      
+      a:focus {
+        background-color: #111;
+        color: #fff;
+      }
+
+      a:hover {
+        background-color: #111;
+        color: #fff;
+      }
+      
+      article {
+        max-width: 700px;
+      }
+      
+      body {
+        max-width: 900px;
+        font-family: monospace;
+      }
+      
+      .col {
+        flex: 1;
+        padding: 1rem;
+      }
+      
+      @media (max-width: 400px) {
+        .col {
+          flex: 1;
+          padding: 1rem;
+          width: 90%;
+        }
+      }
+      
+        
+      .flex-grid {
+        display: flex;
+      }
+      
+      @media (max-width: 400px) {
+        .flex-grid {
+          display: block;
+        }
+      }
+      
+      html {
+        background-color: #fefefe;
+        color: #111;
+        font-size: 14px;
+      }
+      
+      h1 {
+        color: #222;
+      }
+
+      h2 {
+        color: #222;
+      }
+
+      li {
+        padding-bottom: 0.5rem;
+      }
+      
+      .list-item {
+        list-style-type: none;
+        padding: 0.5rem;
+      }
+      
+      .nav-bar {
+        list-style-type: none;
+        display: inline-block;
+        padding-left: 0;
+      }
+
+      .nav-item {
+        border: solid 1px #111;
+        color: #111;
+        display: inline-block;
+        margin-top: 0.2rem;
+        padding: 0.5rem;
+      }
+
+      .nav-item a {
+        text-decoration: none;
+      }
+      
+      p {
+        padding: 0.5rem;
+      }
+    </style>
+  </head>
+  <body>
+    {% block nav %}{% endblock %}
+  </body>
+</html>

templates/computers.html.tera

@@ -0,0 +1,5 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Computers</h2>
+    <hr>
+{%- endblock %}

templates/fungi.html.tera

@@ -0,0 +1,9 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Fungi</h2>
+    <ul>
+      <li><a href="/fungi/lichen-space">Lichens in Space</a> - <i>28 May, 2020</i></li>
+      <li><a href="/fungi/grow-together">Grow Together</a> - <i>29 March, 2018</i></li>
+    </ul>
+    <hr>
+{%- endblock %}

templates/fungi/grow_together.html.tera

@@ -0,0 +1,24 @@
+{% extends "nav" %}
+{% block content %}
+    <article>
+      <h2>Grow Together</h2>
+      <i>29 March, 2018</i>
+      <p>Yesterday, while pulling out dead lettuce stalks that had bolted, produced seed and died, I found a large mushroom attached to the roots of one of the plants (then another, and another)! I’m now less certain of my classification of the mushroom in the previous photo as a member of the Astraeus genus. I’ll have to do some investigating. If anyone here recognizes it, please let me know!</p>
+      <p>This is one of the neatest examples of ectomycorrhizal symbiosis I’ve seen with my own eyes. You can see the dense white mycelium covering some regions of the root system. The mycelium forms a sheath around the root-tips and assists the plant by channeling water and minerals directly to it. The plant (usually) pays the fungus back with sugars and / or lipids (the transfer of lipids from plant to mycelium is a very recent finding).</p>
+      <p>It seems the onset of rains and cooler weather, along with - potentially - the death of the plant, have prompted the networks of this species to produce mushrooms. All of the ones I have found so far have been growing in association with lettuce. Let’s practice the mycorrhizal way and nurture interdependence!</p>
+      <p>So much love for the House of Wu Wei and all the myriad creatures who live here!</p>
+      <figure>
+        <img src="/fungi/earthstar.jpeg" style="width: 100%;" />
+        <figcaption>You look interesting! I wonder what’s going on…</figcaption>
+      </figure>
+      <figure>
+        <img src="/fungi/earthstar_roots.jpeg" style="width: 100%;" />
+        <figcaption>Inter-species companionship</figcaption>
+      </figure>
+      <figure>
+        <img src="/fungi/earthstar_mycelium.jpeg" style="width: 100%;" />
+        <figcaption>Makes me wonder how long these species have been dancing one another into being</figcaption>
+      </figure>
+    </article>
+    <hr>
+{%- endblock %}

templates/fungi/lichen_space.html.tera

@@ -0,0 +1,38 @@
+{% extends "nav" %}
+{% block content %}
+    <article>
+      <h2>Lichens in Space</h2>
+      <i>28 May, 2020</i>
+      <figure>
+        <img src="/fungi/xanthoria_fun_dye.jpeg" style="width: 100%;" />
+        <figcaption>Xanthoria elegans lichen in cross-section, stained with FUN-1 dye</figcaption>
+      </figure>
+      <p>So I think many of us have a basic understanding of what a lichen is: a symbiotic mutualism between a fungus and algae / cyanobacteria. The fungus provides a cosy home for the algae, along with water, nutrients and anchorage; while the algae photosynthesises and provides the fungus with carbohydrates. As Trevor Goward puts it: “Lichens are fungi that have discovered agriculture”. Put another way, lichen are fungi with solar panels. But I’ve only recently learned that the situation is far more complex than this simple 1:1 rendering of fungus and algae.</p>
+      <blockquote cite="https://en.wikipedia.org/wiki/Lichen#Miniature_ecosystem_and_holobiont_theory">
+        <p>Symbiosis in lichens is so well-balanced that lichens have been considered to be relatively self-contained miniature ecosystems in and of themselves. It is thought that lichens may be even more complex symbiotic systems that include non-photosynthetic bacterial communities performing other functions as partners in a holobiont.</p>
+        <footer>- <a href="https://en.wikipedia.org/wiki/Lichen#Miniature_ecosystem_and_holobiont_theory"><cite>Lichen Wikipedia page</cite></a></footer>
+      </blockquote>
+      <p>Holobiont - now that’s a rad word.</p>
+      <blockquote cite="https://en.wikipedia.org/wiki/Holobiont">
+        <p>A holobiont is an assemblage of a host and the many other species living in or around it, which together form a discrete ecological unit. The concept of the holobiont was defined by Dr. Lynn Margulis in her 1991 book Symbiosis as a Source of Evolutionary Innovation. Holobionts include the host, virome, microbiome, and other members, all of which contribute in some way to the function of the whole. Well-studied holobionts include reef-building corals and humans.</p>
+        <footer>- <a href="https://en.wikipedia.org/wiki/Holobiont"><cite>Holobiont Wikipedia page</cite></a></footer>
+      </blockquote>
+      <p>Another rather famous character in the lichen holobiont is the tardigrade! I wonder what it would be like to experience the lichen holobiont as a tardigrade - some sort of wondrous forested village perhaps? Maybe more like a landscape of networked villages, with all sorts of nanobiomes in between?</p>
+      <p>Anywho, I digress. While listening to an episode of the In Defense of Plants podcast yesterday, specifically Ep. 80 - Lichens and Their Conservation, I learned that one species of lichen has been shown to be capable of surviving exposure to space and a simulated Martian atmosphere!</p>
+      <p>The lichen Xanthoria elegans (which we can now think of as a holobiont and not a simple two-partner symbiosis) was exposed to space conditions for 18 months during a series of experiments on the International Space Station (ISS). This included exposure to vacuum, extreme cold, solar radiation and cosmic radiation. This was the first long-term exposure of eukaryotic organisms to space conditions in LEO, as well as a simulated Martian environment.</p>
+      <p>Upon returning to Earth, the samples were tested for viability: “the lichen photobiont showed an average viability rate of 71%, whereas the even more resistant lichen mycobiont showed a rate of 84%”. They were still alive and capable of growth! The Martian experiment showed even livelier results:</p>
+      <blockquote cite="https://pdfs.semanticscholar.org/a8f6/a68e6db11f7b2bed133f434be742e1d4d390.pdf">
+        <p>The X. elegans samples exposed on the ISS in Mars-analogue conditions showed slightly higher viability and clearly higher photosynthetic activity compared with the space vacuum-exposed samples.</p>
+        <footer>- <cite>Brandt et al. (2015)</cite></footer>
+      </blockquote>
+      <p>Pretty astounding! The paper discusses these findings in light of the panspermian hypothesis:</p>
+      <blockquote cite="https://pdfs.semanticscholar.org/a8f6/a68e6db11f7b2bed133f434be742e1d4d390.pdf">
+        <p>The Lithopanspermia hypothesis is […] based on a proposal by Thomson (1871), suggesting that life could survive interplanetary travel. Though the 1.5 year mission duration is much shorter than the estimated length of a hypothetical interplanetary transfer e.g. 2.6 Myr for some Mars meteorites (Clark 2001), the results presented indicate that X. elegans might be able to survive a longer duration in space or might be a promising test subject for a Directed Lithopanspermia as proposed by Crick & Orgel (1973)</p>
+        <footer>- <cite>Brandt et al. (2015)</cite></footer>
+      </blockquote>
+      <p>So cool. Humyns have long dreamed of space colonies and interstellar journeys. Perhaps these dreams are genetic memories as much as simulated futures. Perhaps we have already surfed solar winds in peer-to-peer assemblages, crossing galaxies in holobiontic parties; expectant, hopeful, that Life might grow yet further.</p>
+      <p>Here's a link to the full paper:</p>
+      <p><a href="https://pdfs.semanticscholar.org/a8f6/a68e6db11f7b2bed133f434be742e1d4d390.pdf">Viability of the lichen Xanthoria elegans and its symbionts after 18 months of space exposure and simulated Mars conditions on the  ISS - Brandt et al. (2015)</a></p>
+    </article>
+    <hr>
+{%- endblock %}

templates/home.html.tera

@@ -0,0 +1,12 @@
+{% extends "nav" %}
+{% block content %}
+    <img src="glyph.svg" style="width: 175px;" />
+    <p>Welcome to the personal website of glyph.</p>
+    <h2>Contact Information</h2>
+    <ul style="padding: 0;">
+      <li class="list-item">Email: <a href="mailto:glyph@mycelial.technology">glyph@mycelial.technology</a></li>
+      <li class="list-item">Merveilles: <a href="https://merveilles.town/@glyph" title="@glyph@merveilles.town">@glyph</a></li>
+      <li class="list-item" style="word-wrap: break-word;">Scuttlebutt: @HEqy940T6uB+T+d9Jaa58aNfRzLx9eRWqkZljBmnkmk=.ed25519</li>
+    </ul>
+    <hr>
+{%- endblock %}

templates/index.html.tera

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>title</title>
-    <meta name="author" content="name">
-    <meta name="description" content="description here">
-    <meta name="keywords" content="keywords, here">
-  </head>
-  <body>
-  </body>
-</html>

templates/index.html.tera.dark

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>mycelial technology | glyph</title>
+    <meta name="author" content="glyph">
+    <meta name="description" content="The personal website of glyph.">
+    <meta name="keywords" content="mycology, fermentation, coding">
+    <style>
+      a {
+        color: #faf884;
+        text-decoration: none;
+      }
+      
+      body {
+        max-width: 900px;
+        font-family: monospace;
+      }
+      
+      html {
+        background-color: #111;
+        color: #777;
+      }
+      
+      h1 {
+        color: #ccc;
+      }
+
+      h2 {
+        color: #ccc;
+      }
+
+      .navbar {
+        list-style-type: none;
+        display: inline-block;
+        padding-left: 0;
+      }
+
+      .nav-item {
+        color: #666;
+        display: inline-block;
+        padding: 0.5rem;
+      }
+
+      p {
+        padding: 0.5rem;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>mycelial technology</h1>
+    <hr>
+    <nav>
+      <ol class="navbar">
+        <li class="nav-item">background</li>
+        <li class="nav-item">computers</li>
+        <li class="nav-item">drawing</li>
+        <li class="nav-item">fermentation</li>
+        <li class="nav-item">language</li>
+        <li class="nav-item">lists</li>
+        <li class="nav-item">movement</li>
+        <li class="nav-item">mycology</li>
+        <li class="nav-item">travel</li>
+      </ol>
+    </nav>
+    <p>Welcome to the personal website of glyph.</p>
+    <h2>Contact Information</h2>
+      <hr>
+      <ul style="padding: 0;">
+        <li style="list-style-type: none; padding: 0.5rem;">Email: <a href="mailto:gnomad@cryptolab.net">gnomad@cryptolab.net</a></li>
+        <li style="list-style-type: none; padding: 0.5rem;">Merveilles: <a href="https://merveilles.town/@glyph" title="@glyph@merveilles.town">@glyph</a></li>
+        <li style="list-style-type: none; padding: 0.5rem; word-wrap: break-word;">Scuttlebutt: @HEqy940T6uB+T+d9Jaa58aNfRzLx9eRWqkZljBmnkmk=.ed25519</li>
+      </ul>
+  </body>
+</html>

templates/lists.html.tera

@@ -0,0 +1,48 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Lists</h2>
+    <hr>
+    <h3>Books</h3>
+    <p>Currently Reading</p>
+    <ul>
+      <li><i>Red Moon</i> - Kim Stanley Robinson</li>
+      <li><i>Radical Mycology</i> - Peter McCoy</li>
+      <li><i>Jonathan Strange & Mr Norrell</i> - Susanna Clarke</li>
+    </ul>
+    <p>Previously Read</p>
+    <ul>
+      <li><i>Mythago Wood</i> - Robert Holdstock</li>
+      <li><i>The Name of the Wind</i> - Patrick Rothfuss</li>
+    </ul>
+    <p>Wishlist</p>
+    <ul>
+      <li><i>A Closed and Common Orbit</i> - Becky Chambers</li>
+      <li><i>The Mushroom at the End of the World</i> - Anna Lowenhaupt Tsing</li>
+    </ul>
+    <h3>Graphic Novels</h3>
+    <p>Currently Reading</p>
+    <ul>
+      <li><i>Deadly Class</i> - Rick Remender, Lee Loughridge and Wes Craig</li>
+      <li><i>Saga</i> - Brian K. Vaughan and Fiona Staples</li>
+    </ul>
+    <p>Wishlist</p>
+    <ul>
+      <li><i>Trees</i> - Jason Howard and Warren Ellis</li>
+      <li><i>Paper Girls</i> - Brian K. Vaughan, Cliff Chiang and Matt Wilson</li>
+      <li><i>East of West</i> - Jonathan Hickman and Nick Dragotta</li>
+      <li><i>Descender</i> - Dustin Nguyen and Jeff Lemire</li>
+    </ul>
+    <h3>Newsletters</h3>
+    <p>Currently Reading</p>
+    <ul>
+      <li><a href="https://cscottmills.com/polylith/" title="Polylith newsletter"><i>Polylith</i></a> - C.S.Mills</li>
+      <li><a href="http://tinyletter.com/tchoi8" title="Taeyoon's newsletter"><i>Taeyoon's newsletter</i></a> - Taeyoon Choi</li>
+      <li><a href="https://craigmod.com/ridgeline/" title="Ridgeline newsletter"><i>Ridgeline</i></a> - Craig Mod</li>
+    </ul>
+    <h3>Podcasts</h3>
+    <p>Currently Listening</p>
+    <ul>
+      <li><a href="https://www.indefenseofplants.com/podcast" title="In Defense of Plants podcast"><i>In Defense of Plants</i></a> - Matt</li>
+      <li><a href="https://www.happinesslab.fm/" title="The Happiness Lab podcast"><i>The Happiness Lab</i></a> - Dr Laurie Santos</li>
+    </ul>
+{%- endblock %}

templates/meditation.html.tera

@@ -0,0 +1,5 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Meditation</h2>
+    <img src="art/halo.svg" style="width: 500px; max-width: 90%;" title="Halo" />
+{%- endblock %}

templates/movement.html.tera

@@ -0,0 +1,5 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Movement</h2>
+    <hr>
+{%- endblock %}

templates/nav.html.tera

@@ -0,0 +1,23 @@
+{% extends "base" %}
+{% block nav -%}
+    <h1><a href="/" style="text-decoration: none;">mycelial technology</a></h1>
+    <hr>
+    <nav>
+      <ol class="nav-bar">
+        <li class="nav-item"><a href="/art">art</a></li>
+        <li class="nav-item"><a href="/background">background</a></li>
+        <li class="nav-item"><a href="/bacteria">bacteria</a></li>
+        <li class="nav-item"><a href="/computers">computers</a></li>
+        <li class="nav-item"><a href="/fungi">fungi</a></li>
+        <li class="nav-item"><a href="/lists">lists</a></li>
+        <li class="nav-item"><a href="/plants">plants</a></li>
+        <li class="nav-item"><a href="/meditation">meditation</a></li>
+        <li class="nav-item"><a href="/support">support</a></li>
+        <li class="nav-item"><a href="/travel">travel</a></li>
+      </ol>
+    </nav>
+    {%- block content %}{%- endblock %}
+    <footer style="display: flex;">
+      <p>&#169; 2020 glyph</p>
+    </footer>
+{%- endblock %}

templates/plants.html.tera

@@ -0,0 +1,9 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Plants</h2>
+    <ul>
+      <li><a href="/plants/potato-tech">Potato Tech</a> - <i>31 December, 2017</i></li>
+      <li><a href="/plants/blueberry-dance">I Have Been Invited Into a Dance by a Bush with Purple Berries</a> - <i>20 December, 2017</i></li>
+    </ul>
+    <hr>
+{%- endblock %}

templates/plants/blueberry_dance.html.tera

@@ -0,0 +1,16 @@
+{% extends "nav" %}
+{% block content %}
+    <article>
+      <h2>I Have Been Invited Into a Dance by a Bush with Purple Berries</h2>
+      <i>20 December, 2017</i>
+      <figure>
+        <img src="/plants/blueberries.jpeg" style="width: 100%;" />
+        <figcaption>Hand-picked blueberry snacks are where it’s at</figcaption>
+      </figure>
+      <p>Today I thought about ripeness. How do you know when it’s just right? Well, it’s different for every plant I guess. With blueberries I’m learning to evaluate ripeness based on sight (colour of berry) and touch (firmness when gently squeezed). When I first started picking them, just two weeks ago, I only used my eyes and thus tended to pick unripe, tangy berries. Now I get 'em when they’re oh-so-sweet! In the last few days I’ve also started to notice the rate at which the berries ripen and can time my future visits more precisely.</p>
+      <p>The more time I spend with these plants, and the more patient I become, the more fully I come to appreciate their being. So this is then one way to form relationships (and sometimes friendships) with plants: visit them regularly, use all your senses to engage and be patient. I reckon the same approach might work with humyns ;)</p>
+      <p>If you ever hang out with herbalists around plants, you’ll probably find they’re very multi-sensory and active in their engagement. Smell the plant, taste it, rub it on your skin; all the more modalities to experience with. This is good to practice, just don’t go and eat all the poisonous stuff. Connecting with knowledgeable people is helpful: they can introduce you to some plants you might want to get to know better while also advising you to steer clear of some others.</p>
+      <p>On a somewhat related note: I’m making friends with The Jinj, a neighbourhood cat of the orange variety.</p>
+    </article>
+    <hr>
+{%- endblock %}

templates/plants/potato_tech.html.tera

@@ -0,0 +1,18 @@
+{% extends "nav" %}
+{% block content %}
+    <article>
+      <h2>Potato Tech</h2>
+      <i>31 December, 2017</i>
+      <p>I shared lunch with some permaculture friends on Christmas day and they gifted me some of their seed potatoes. Today I planted them. Having seen how the plants thrived in my friend’s garden, and having learning more about potato diversity while I was in Peru, I’m excited to experience my first attempt growing them. As I do so, I extend the line of humyns who have woven relationships with this plant over thousands and thousands of years; an honour and a privilege.</p>
+      <p>Seeing the potatoes like this is freakin rad! I got to appreciate the potato plant as an energy capture and storage technology: harness solar energy, grow a battery, redeploy solar panels from that battery months later. Beautiful.</p>
+      <figure>
+        <img src="/plants/potato_battery.jpeg" style="width: 100%;" />
+        <figcaption>Warning: battery is reaching critical levels</figcaption>
+      </figure>
+      <figure>
+        <img src="/plants/potato_sprout.jpeg" style="width: 100%;" />
+        <figcaption>The courageous potato perseveres in search of the light</figcaption>
+      </figure>
+    </article>
+    <hr>
+{%- endblock %}

templates/support.html.tera

@@ -0,0 +1,17 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Support</h2>
+    <p>If you'd like to support my creative endeavours, please consider contributing in one of the following ways:</p>
+    <ul>
+      <li>Ethereum: 0x708f841c7c0f7B7648cb83e7885feA00b59A675e</li>
+      <li>Donate to the <a href="https://opencollective.com/peachcloud" title="PeachCloud OpenCollective">PeachCloud OpenCollective</a></li>
+      <li>Purchase a <a href="https://teespring.com/stores/harmonic-mycology" title="Harmonic Mycology Teespring">Harmonic Mycology t-shirt</a></li>
+    </ul>
+    <h2>Supporting</h2>
+    <p>These are the projects and friends I currently contribute to:</p>
+    <ul>
+      <li>@cel - $5 per month for Scuttlebutt development</li>
+      <li>@SoapDog - $5 per month for PatchFox development</li>
+      <li>Joey Santore - $5 per month for Crime Pays But Botany Doesn't</li>
+    </ul>
+{%- endblock %}

templates/travel.html.tera

@@ -0,0 +1,5 @@
+{% extends "nav" %}
+{% block content %}
+    <h2>Travel</h2>
+    <hr>
+{%- endblock %}