From eba03dbb95173e95c7ac8482a2928558a6443c45 Mon Sep 17 00:00:00 2001
From: brookee <brookee@riseup.net>
Date: Sun, 11 Feb 2024 04:11:31 -0500
Subject: [PATCH] open graph with word vomit description

---
 public/index.html | 28 +++++++++++++++++++++++++++-
 public/style.css  |  2 +-
 2 files changed, 28 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index 458f5be..b6e70a8 100755
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,29 @@
   <title>The Mycelial Network</title>
   <link rel="stylesheet" href="./style.css">
   <link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon">
+
+  <!-- HTML Meta Tags -->
+  <title>The Mycelial Network</title>
+  <meta name="description"
+    content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://myco.systems/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="The Mycelial Network">
+  <meta property="og:description"
+    content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+  <meta property="og:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="myco.systems">
+  <meta property="twitter:url" content="https://myco.systems/">
+  <meta name="twitter:title" content="The Mycelial Network">
+  <meta name="twitter:description"
+    content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions.">
+  <meta name="twitter:image" content="https://myco.systems/icons/backgrounds/concrete-shrooms.png">
+
 </head>
 
 <body>
@@ -63,7 +86,10 @@
     <div id="contactTab" class="tab-content">
       <a>Send us a cool message and we'll get back to you d-(´▽｀)-b</a>
       <ul class="alt-bullet">
-        <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
+        <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC
+            KEY
+            BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END
+            PGP PUBLIC KEY BLOCK-----</span></li>
         <li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
       </ul>
     </div>
diff --git a/public/style.css b/public/style.css
index 67dee1c..90087d6 100755
--- a/public/style.css
+++ b/public/style.css
@@ -29,7 +29,7 @@ body,
   max-height: 100%;
   width: var(--size);
   height: var(--size);
-  font: 11px/12px "Iosevka Web", monospace;
+  font: 12px/12px "Iosevka Web", monospace;
 }
 
 .braille > * {
