<h1 id="mermaid">Mermaid<a aria-hidden="true" class="anchor-heading icon-link" href="#mermaid"></a></h1>
<p>An example on the use of styling in Mermaid</p>
<div class="mermaid">
  
    graph TD

        %%classDef
        classDef classAlert fill:red,color:white,stroke-width:2px,stroke:darkRed
        classDef classOk fill:green,color:#00FF00,stroke-width:2px,stroke:darkGreen
        classDef classWarn fill:orange,color:#FF0,stroke-width:2px,stroke:darkOrange

        %%flowchart
        A[Default style] --> B[Alert style!]
        A --> C[OK style!]
        A --> D[Warning style!]

        %%Style
        class B classAlert
        class C classOk
        class D classWarn
</div>
<p>Another example with link control</p>
<div class="mermaid">
  
    graph LR;
        AF{AF}
        U[U]
        U--WI-->AF
        U--NLP-->AF
        linkStyle default fill:none,stroke:green,stroke-width:1px
        linkStyle 1 fill:none,stroke:red,stroke-width:1px
</div>
<p><img src="/assets/images/2021-09-03-11-43-28.png"></p>

Mermaid



This is the landing page for the work-in-progress research notes (aka _knowledge garden_) by [Stanislav Roudavski](https://unimelb.academia.edu/StanislavRoudavski) and [Deep Design Lab](https://wiki.deepdesignlab.online/).

The repository contains notes on topics in support of reserach, teaching, practical action, and outreach.

## Focus

The connecting theme of this repository is designing **for** and **with** human and nonhuman beings such as animals, plants and microorganisms but also hills, rivers, celestial bodies, and intelligent machines.

## Usage and Attribution

If you use any of the materials found here, please acknowledge our authorship. If you want to use them for commercial purposes, please get in touch. The contents of this website are licensed under a Creative Commons [Attribution-NonCommercial 4.0](https://creativecommons.org/licenses/by-nc/4.0/) International License (CC BY-NC).

If you would like to get in touch, reach out via [stanislav.roudavski@cantab.net](mailto:stanislav.roudavski@cantab.net)

![Attribution-NonCommercial CC BY-NC](assets/images/license.png){width: 80px}

## Continue...

This is one of our projects. For more, look at the menu to the left...

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/217795100?h=e4cd49d343&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="The Hex: Mini Movie"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

<sup>The HEX: A Wind Architecture Project</sup>
