2020-05-09 10:33:19 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2021-11-21 13:54:30 +00:00
< link rel = "shortcut icon" type = "image/png" href = "/static/favicon.png" / >
< title > [[ title ]]< / title >
2020-05-09 10:33:19 +00:00
< meta name = "author" content = "glyph" >
2020-09-09 15:54:47 +00:00
< 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." >
2020-06-28 14:26:07 +00:00
< meta name = "keywords" content = "botany, coding, electronics, fermentation, fungi, meditation, mycology, plants" >
2020-05-09 10:33:19 +00:00
< style >
a {
color: #111;
padding: 0.2rem;
}
2020-06-07 16:06:00 +00:00
a:focus {
background-color: #111;
color: #fff;
}
2020-06-10 18:58:43 +00:00
2020-05-09 10:33:19 +00:00
a:hover {
background-color: #111;
color: #fff;
}
2020-06-10 18:58:43 +00:00
article {
max-width: 700px;
}
2020-05-09 10:33:19 +00:00
body {
max-width: 900px;
font-family: monospace;
2020-08-25 14:04:24 +00:00
line-height: 1.4;
margin: 2rem;
2020-05-09 10:33:19 +00:00
}
2020-09-05 09:41:03 +00:00
.card {
border: 1px solid black;
box-shadow: 0.25rem 0.25rem;
padding: 2rem;
margin-bottom: 2rem;
}
2021-11-21 13:54:30 +00:00
@media only screen and (min-width: 800px) {
.card {
width: max-content;
}
}
2020-09-05 09:41:03 +00:00
.card ul {
list-style-type: none;
margin: 0;
padding-left: 0;
}
2020-06-14 14:17:18 +00:00
code {
background-color: #111;
color: #fff;
margin-left: 0.5rem;
}
2020-05-10 16:43:20 +00:00
.col {
flex: 1;
padding: 1rem;
2020-11-29 15:26:28 +00:00
overflow: auto;
2020-05-10 16:43:20 +00:00
}
@media (max-width: 400px) {
.col {
flex: 1;
padding: 1rem;
width: 90%;
}
}
2020-09-05 09:41:03 +00:00
figure {
margin: 0;
padding: 0;
}
2020-05-10 16:43:20 +00:00
.flex-grid {
display: flex;
}
@media (max-width: 400px) {
.flex-grid {
display: block;
}
}
2020-05-09 10:33:19 +00:00
html {
background-color: #fefefe;
color: #111;
font-size: 14px;
}
h1 {
color: #222;
}
h2 {
color: #222;
}
2020-06-10 18:58:43 +00:00
li {
padding-bottom: 0.5rem;
}
2020-05-09 10:33:19 +00:00
.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;
2021-11-26 12:30:02 +00:00
margin-top: 0.5rem;
2020-05-09 10:33:19 +00:00
padding: 0.5rem;
}
.nav-item a {
text-decoration: none;
}
2020-08-25 14:04:24 +00:00
p.bordered {
border: solid 1px #111;
padding: 2rem;
}
2022-06-29 16:00:07 +00:00
td {
padding-left: 1rem;
padding-right: 1rem;
}
th {
padding-left: 1rem;
padding-right: 1rem;
text-align: left;
}
2020-05-09 10:33:19 +00:00
< / style >
< / head >
< body >
2021-11-21 13:54:30 +00:00
< 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 >
2022-06-29 16:00:07 +00:00
< li class = "nav-item" > < a href = "/bicycles" > bicycles< / a > < / li >
2021-11-21 13:54:30 +00:00
< li class = "nav-item" > < a href = "/computers" > computers< / a > < / li >
< li class = "nav-item" > < a href = "/fungi" > fungi< / a > < / li >
2021-11-27 19:45:57 +00:00
< li class = "nav-item" > < a href = "/japanese" > japanese< / a > < / li >
2021-11-21 13:54:30 +00:00
< li class = "nav-item" > < a href = "/lists" > lists< / a > < / li >
< li class = "nav-item" > < a href = "/meditation" > meditation< / a > < / li >
< li class = "nav-item" > < a href = "/plants" > plants< / a > < / li >
< li class = "nav-item" > < a href = "/projects" > projects< / a > < / li >
< li class = "nav-item" > < a href = "/support" > support< / a > < / li >
< / ol >
< / nav >
[[ content ]]
< footer style = "display: flex;" >
2022-06-29 16:00:07 +00:00
< p > © 2022 glyph< p >
2021-11-21 13:54:30 +00:00
< / footer >
2020-05-09 10:33:19 +00:00
< / body >
< / html >