Add Xiao drawing and order artwork by year

src/main.rs

@@ -124,6 +124,15 @@ fn fungi_design_patterns() -> Template {
     Template::render("fungi/design_patterns", &context)
 }
 
+#[get("/fungi/glossary")]
+fn fungi_glossary() -> Template {
+    let context = FlashContext {
+        flash_name: None,
+        flash_msg: None,
+    };
+    Template::render("fungi/glossary", &context)
+}
+
 #[get("/fungi/grow-forests")]
 fn fungi_grow_forests() -> Template {
     let context = FlashContext {
@@ -286,6 +295,7 @@ fn main() {
                 computers_rust_compilation,
                 fungi,
                 fungi_design_patterns,
+                fungi_glossary,
                 fungi_grow_forests,
                 fungi_grow_together,
                 fungi_lichen_space,

templates/art.html.tera

@@ -2,16 +2,13 @@
 {% block title %}mycelial technology | art{% endblock title %}
 {% block content %}
     <h2>Art</h2>
+    <h3>2020</h3>
     <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" />
+      <img class="col" alt="Inked portrait of a beautiful young person" src="art/xiao_wen_ju.jpg" title="Xiao Wen Ju" />
+      <img class="col" alt="Black and white event poster of a spacecraft, astronaut and planet" src="art/extrasolar.jpg" title="Extrasolar" />
+      <img class="col" alt="Line drawing of a woman in a hooded parka" src="art/parka.jpg" title="Parka" />
     </div>
+    <h3>2019</h3>
     <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" />
@@ -27,9 +24,16 @@
       <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>
+    <h3>2018</h3>
     <div class="flex-grid">
-      <img class="col" alt="Black and white event poster of a spacecraft, astronaut and planet" src="art/extrasolar.jpg" title="Extrasolar" />
-      <img class="col" alt="Line drawing of a woman in a hooded parka" src="art/parka.jpg" title="Parka" />
+      <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>
     <hr>
 {%- endblock %}

templates/base.html.tera

@@ -6,7 +6,7 @@
     <link rel="shortcut icon" type="image/png" href="favicon.png"/>
     <title>{% block title %}{% endblock title %}</title>
     <meta name="author" content="glyph">
-    <meta name="description" content="The personal website of glyph.">
+    <meta name="description" content="Welcome to the personal website of glyph: a mycelial technologist coding and cultivating a decentralized, multispecies future. On my site you will find art, musings and projects relating to carbon-based and silicon-based technologies. Sowing seeds of symbiosis, weaving webs of wu wei.">
     <meta name="keywords" content="botany, coding, electronics, fermentation, fungi, meditation, mycology, plants">
     <style>
       a {
@@ -35,6 +35,20 @@
         margin: 2rem;
       }
      
+      .card {
+        border: 1px solid black;  
+        box-shadow: 0.25rem 0.25rem;
+        width: max-content;
+        padding: 2rem;
+        margin-bottom: 2rem;
+      }
+
+      .card ul {
+        list-style-type: none;
+        margin: 0;
+        padding-left: 0;
+      }
+
       code {
         background-color: #111;
         color: #fff;
@@ -54,6 +68,11 @@
         }
       }
       
+      figure {
+        margin: 0;
+        padding: 0;
+      }
+
       .flex-grid {
         display: flex;
       }
@@ -110,10 +129,6 @@
         padding: 2rem;
       }
 
-      figure {
-        margin: 0;
-        padding: 0;
-      }
     </style>
   </head>
   <body>

templates/computers.html.tera

@@ -4,10 +4,12 @@
     <h2>Computers</h2>
     <p>You can find some of my code on <a href="https://github.com/mycognosist" title="glyph's GitHub repo">GitHub</a> and <a href="https://git.sr.ht/~glyph" title="glyph's Sourcehut repo">Sourcehut</a>.</p>
     <h3>Posts</h3>
-    <ul>
-      <li><a href="/computers/rust-compilation">Cross-Compiling Rust for Debian Buster on Raspberry Pi 3B+</a> - <i>18 May, 2020</i></li>
-      <li><a href="/computers/esp8266-dht11">ESP8266 with DHT11 and LCD Display</a> - <i>5 August, 2019</i></li>
-      <li><a href="/computers/i2c-adventures">Adventures with I²C</a> - <i>26 January, 2019</i></li>
-    </ul>
+    <div class="card">
+      <ul>
+        <li><a href="/computers/rust-compilation">Cross-Compiling Rust for Debian Buster on Raspberry Pi 3B+</a> - <i>18 May, 2020</i></li>
+        <li><a href="/computers/esp8266-dht11">ESP8266 with DHT11 and LCD Display</a> - <i>5 August, 2019</i></li>
+        <li><a href="/computers/i2c-adventures">Adventures with I²C</a> - <i>26 January, 2019</i></li>
+      </ul>
+    </div>
     <hr>
 {%- endblock %}

templates/fungi.html.tera

@@ -2,13 +2,22 @@
 {% block title %}mycelial technology | fungi{% endblock title %}
 {% block content %}
     <h2>Fungi</h2>
-    <ul>
-      <li><a href="/fungi/photo-guide">Guide to Photographing Mushrooms for Identification</a> - <i>25 August, 2020</i></li>
-      <li><a href="/fungi/lichen-space">Lichens in Space</a> - <i>28 May, 2020</i></li>
-      <li><a href="/fungi/grow-forests">Growing Forests</a> - <i>26 October, 2018</i></li>
-      <li><a href="/fungi/design-patterns">Mycelial Design Patterns</a> - <i>26 October, 2018</i></li>
-      <li><a href="/fungi/grow-together">Grow Together</a> - <i>29 March, 2018</i></li>
-      <li><a href="/fungi/network-resilience">Network Resilience: Woronin Bodies and the Scuttleverse</a> - <i>25 March, 2018</i></li>
-    </ul>
+    <h3>Articles</h3>
+    <div class="card">
+      <ul>
+        <li><a href="/fungi/lichen-space">Lichens in Space</a> - <i>28 May, 2020</i></li>
+        <li><a href="/fungi/grow-forests">Growing Forests</a> - <i>26 October, 2018</i></li>
+        <li><a href="/fungi/design-patterns">Mycelial Design Patterns</a> - <i>26 October, 2018</i></li>
+        <li><a href="/fungi/grow-together">Grow Together</a> - <i>29 March, 2018</i></li>
+        <li><a href="/fungi/network-resilience">Network Resilience: Woronin Bodies and the Scuttleverse</a> - <i>25 March, 2018</i></li>
+      </ul>
+    </div>
+    <h3>Guides</h3>
+    <div class="card">
+      <ul>
+        <li><a href="/fungi/glossary">Mycological Glossary</a> - <i>4 September, 2020</i></li>
+        <li><a href="/fungi/photo-guide">Photographing Mushrooms for Identification</a> - <i>25 August, 2020</i></li>
+      </ul>
+    </div>
     <hr>
 {%- endblock %}

templates/fungi/glossary.html.tera

@@ -0,0 +1,14 @@
+{% extends "nav" %}
+{% block title %}mycelial technology | fungal glossary{% endblock title %}
+{% block content %}
+    <h2>Mycological Glossary</h2>
+    <ul>
+      <li><b>culture</b> - Mycelium of a particular strain and species, often grown in a petri dish or test tube for easy storage and replication.</li>
+      <li><b>liquid culture</b> - Mycelium grown in a nutrified solution such as 4% honey water, often in a glass jar or similar lidded vessel; simplifies cultivation in non-sterile conditions.</li>
+      <li><b>mushroom</b> - The fruiting body of a fungal network; a specialised structure grown to replicate and distribute the genetic information of the mycelium via spores.</li>
+      <li><b>mycelium</b> - The body of a fungus, made up of branching and interconnected threads of single cells (hyphae); often appears as a white, fluffy mass resembling tiny roots.</li>
+      <li><b>mycomaterial</b> - A substance or object grown out of mycelium, often using hemp hurd or similar woody substance as a base material. Mycomaterials hold great potential as replacements for plastic, styrofoam, leather etc.</li>
+      <li><b>spore</b> - A tiny reproductive bundle carrying the genetic information of the parent organism; germinates to restart the life-cycle of the fungus.</li>
+    </ul>
+    <hr>
+{%- endblock %}

templates/fungi/mycomaterials_guide.html.tera

@@ -0,0 +1,55 @@
+{% extends "nav" %}
+{% block title %}mycelial technology | Photographing Mushrooms{% endblock title %}
+{% block content %}
+    <article>
+      <h2>Guide to Photographing Mushrooms for Identification</h2>
+      <i>25 August, 2020</i>
+      <h3>Introduction</h3>
+      <p>The blessing and curse of becoming known for your interest in a particular topic is the increasing number of questions you receive. As a keen mycophile, I am frequently sent photos of mushrooms and asked for assistance in identifying them. More often than not, I receive a single photo taken from directly above the mushroom, without any mention of contextual data such as where the photo was taken and during which season. This derth of data makes it very difficult to positively identify the mushroom to genus or species level. With that in mind, I thought it might be useful to write a short guide on photography for the purposes of mushroom identification.</p>
+      <p class="bordered"><i>When first beginning your journey into mushroom identification, it may be tempting to take a field guide with you to assist with identifications - I know this is how I started off. However, I've found that I prefer taking photos while in the field and doing the identification work and research at home. This allows me to focus on observation while in the field and avoid the frustration of paging through often-inadequate field guides. Find what works for you.</i></p>
+      <h3>Capturing Morphological Traits</h3>
+      <p>Mushrooms are often best identified by observing and listing their morphological traits. These may include the shape of the cap - both from above and in profile, the structure and colour of the hymenium, the colouration of the stem, the structure of the ring (if present) etc. Species within a genus often look identical at a glance and may require careful delineation based on a single characteristic. As such, it's very important to take clear photographs which collectively capture all of these characteristics (or the lack thereof). A minimum of three photos should do the trick:</p>
+      <p><b>Top-view</b>: captures the shape, colour and texture of the mushroom as seen from above.</p>
+      <figure>
+        <img src="/fungi/photo_guide/top_view.jpg" style="width: 100%;" alt="Large brown and white mushroom growing from a birch log on the forest floor. A black-gloved hand with fingers spread is next to the mushroom. The forest floor is covered with wet leaves and English ivy" />
+        <figcaption>Here we see a birch polypore mushroom (<i>Fomitopsis betulina</i>) from above, including a humyn hand for scale. As a bonus, we can also see the substrate from which the fungus is fruiting (a birch tree on the forest floor).</figcaption>
+      </figure>
+      <p><b>Side-view</b>: captures the profile of the cap, the cap margin and the shape and colour of the stem (including patterns and any bruising which might be present).</p>
+      <figure>
+        <img src="/fungi/photo_guide/side_view.jpg" style="width: 100%;" alt="Little brown mushroom (LBM) with a green clover attached to the base, as seen from the side on a white background" />
+        <figcaption>The profile of a single mushroom from the Panaeolus genus.</figcaption>
+      </figure>
+      <p><b>Bottom-view</b>: captures the colour and structure of the hymenium (gills, pores or teeth), as well as the way in which the cap is attached to the stem (if present).</p>
+      <figure>
+        <img src="/fungi/photo_guide/bottom_view.jpg" style="width: 100%;" alt="Mushroom with white gills and a beige stem" />
+        <figcaption>The gills of a mushroom I've yet to identify, including the top part of the stem.</figcaption>
+      </figure>
+      <p>Your identification process will be further aided by taking the extra steps to capture two more photos:</p>
+      <p><b>Developmental diversity</b>: captures several examples of the mushroom at various phases of development, including a mature mushroom and primorida. Mushrooms can change colour and shape with age, and may lose key identification features - hence the utility of being able to identify using several phases of development.</p>
+      <figure>
+        <img src="/fungi/photo_guide/development.jpg" style="width: 100%;" alt="Tetraptych showing four phases in the development of coprinoid mushrooms amongst mulch; from primordium to mature fruitbody" />
+        <figcaption>Four phases in the development of a coprinoid mushroom.</figcaption>
+      </figure>
+      <p><b>Spore-print</b>: captures the colour of the spores (an important characteristic with which to narrow your search). You will probably have to take a mushroom cap home / back to your campsite to create the sporeprint (takes 12 - 24 hours).</p>
+      <figure>
+        <img src="/fungi/photo_guide/spore_print.jpg" style="width: 100%;" alt="Black sporeprint on white, ruled paper" />
+        <figcaption>Black spores from a mushroom in the Panaeolus genus.</figcaption>
+      </figure>
+      <p class="bordered"><i>Bear in mind that you don't need fancy equipment to photograph mushrooms for the purpose of identification. I've been using the same simple Sony digital point-and-shoot since 2011. Also, don't be afraid to get close-up to your subject (the mushroom). The details often prove to be very important!</i></p>
+      <h3>Capturing Ecological Context</h3>
+      <p>In addition to photos of the mushroom itself, it can be incredibly helpful to collect data concerning the context in which the mushroom is growing. The key considerations in this regard are the substrate and habitat: What is the mushroom growing on? Where is it growing? And what is growing or living around it? Having photos of these contextual factors can make a big difference when identifying a mushroom or genus or species-level. A minimum of two photos will suffice:</p>
+      <p><b>Substrate-attachment</b>: captures the substrate on which the mushroom is growing. Try to observe beyond the obvious: if it's growing from the ground, is it growing on mulch, dung or from beneath the soil?</p>
+      <figure>
+        <img src="/fungi/photo_guide/substrate.jpg" style="width: 100%;" alt="Cluster of mushrooms with beige-orange caps and brown stems, growing on a wet, decomposing log in a forest" />
+        <figcaption>A cluster of mushrooms growing on a wet, decomposing log.</figcaption>
+      </figure>
+      <p><b>Habitat</b>: captures the environmental conditions and some of the species which may be copresent with the mushroom.</p>
+      <figure>
+        <img src="/fungi/photo_guide/habitat.jpg" style="width: 100%;" alt="Birch forest with grass covering the forest floor" />
+        <figcaption>A grassland birch forest.</figcaption>
+      </figure>
+      <h3>Conclusion</h3>
+      <p>There you have it, with 5 - 7 photos you can capture a great deal of data about a given species. Whether you're asking someone for help with identification or working through the process yourself, having these morphological and ecological data to draw on will enrich your learning experience and enhance your chances of making a successful identification. You may even notice things in the photos which you missed while in the field, for example, a beetle crawling amongst the gills (what ecological relationship might it have with the fungus?). I hope you've found this guide helpful and that it facilitates many fun identification forays in your near-future!</p>
+    </article>
+    <hr>
+{%- endblock %}

templates/home.html.tera

@@ -2,7 +2,8 @@
 {% block title %}mycelial technology | glyph{% endblock title %}
 {% block content %}
     <img src="glyph.svg" style="width: 175px;" />
-    <p>Welcome to the personal website of glyph.</p>
+    <p>Welcome to the personal website of glyph: a mycelial technologist coding and cultivating a decentralized, multispecies future. On my site you will find art, musings and projects relating to carbon-based and silicon-based technologies.</p>
+    <p>[ sowing seeds of symbiosis | weaving webs of wu wei ]</p>
     <h2>Contact Information</h2>
     <ul style="padding: 0;">
       <li class="list-item">Email: <a href="mailto:glyph@mycelial.technology" title="glyph's Email address">glyph@mycelial.technology</a></li>

templates/lists.html.tera

@@ -5,12 +5,12 @@
     <h3>Books</h3>
     <p>Currently Reading</p>
     <ul>
-      <li><i>A Closed and Common Orbit</i> - Becky Chambers</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>A Closed and Common Orbit</i> - Becky Chambers</li>
       <li><i>Ready Player One</i> - Ernest Cline</li>
       <li><i>Red Moon</i> - Kim Stanley Robinson</li>
       <li><i>Mythago Wood</i> - Robert Holdstock</li>

templates/plants.html.tera

@@ -2,11 +2,14 @@
 {% block title %}mycelial technology | plants{% endblock title %}
 {% block content %}
     <h2>Plants</h2>
-    <ul>
-      <li><a href="/plants/aloe-there">Aloe There</a> - <i>6 June, 2020</i></li>
-      <li><a href="/plants/botanical-deceptions">Botanical Deceptions</a> - <i>15 May, 2020</i></li>
-      <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>
+    <h3>Articles</h3>
+    <div class="card">
+      <ul>
+        <li><a href="/plants/aloe-there">Aloe There</a> - <i>6 June, 2020</i></li>
+        <li><a href="/plants/botanical-deceptions">Botanical Deceptions</a> - <i>15 May, 2020</i></li>
+        <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>
+    </div>
     <hr>
 {%- endblock %}

templates/projects.html.tera

@@ -6,7 +6,7 @@
     <h3>Active</h3>
     <ul>
       <li><a href="https://opencollective.com/peachcloud">PeachCloud</a>: solarpunk social hardware with Scuttlebutt</li>
-      <li><a href="https://hyphalfusion.network">Hyphal Fusion Network</a>: distributed mycology research</li>
+      <li><a href="https://hyphalfusion.network">Hyphal Fusion Network</a>: a forum for distributed mycology research</li>
       <li><a href="https://git.sr.ht/~glyph/myka">myka</a>: culture library & cultivation log for tracking the expansion of mycelia</li>
       <li><a href="https://git.sr.ht/~glyph/spore">spore</a>: a manual for the mycelial arts</li>
     </ul>