diff --git a/.gitea/workflows/deploy.yaml b/.gitea/workflows/deploy.yaml
index 1acd0bc..cda9346 100644
--- a/.gitea/workflows/deploy.yaml
+++ b/.gitea/workflows/deploy.yaml
@@ -1,7 +1,10 @@
 name: Static
 
-on: [push]
-
+on:
+  push:
+    branches:
+      - main
+      
 jobs:
   build:
 
diff --git a/public/spellcheck/index.html b/public/spellcheck/index.html
new file mode 100755
index 0000000..04e6e1a
--- /dev/null
+++ b/public/spellcheck/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>The Mycelial Network</title>
+    <link rel="stylesheet" href="/public/style.css" />
+    <link
+      rel="icon"
+      href="/public/icons/red-background/favicon.ico"
+      type="image/x-icon"
+    />
+    <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."
+    />
+
+    <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"
+    />
+
+    <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>
+    <div class="center-text">
+      <input
+        type="radio"
+        id="tab-spellcheck"
+        name="tab"
+        checked
+        style="display: none"
+      />
+      <div class="tabs">
+        <label for="tab-spellcheck" class="tab">LanguageTool Spellcheck</label>
+      </div>
+      <div id="spellCheck" class="tab-content">
+        <p>Start writing in the box below and errors will be highlighted</p>
+        <textarea class="area-full"></textarea>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/public/style.css b/public/style.css
old mode 100755
new mode 100644
index 22729dd..270ef6e
--- a/public/style.css
+++ b/public/style.css
@@ -66,9 +66,10 @@ body,
   text-align: left;
   z-index: 10;
   background-color: #241917;
-  max-width: 35rem;
-  top: 30%;
-  left: 15%;
+  top: 2.5rem;
+  left: 2.5rem;
+  bottom: 2.5rem;
+  right: 2.5rem;
 }
 
 @media only screen and (max-width: 625px) {
@@ -139,6 +140,26 @@ body,
   padding: 5px;
 }
 
+.area-full {
+  word-wrap: break-word;
+  font-size: 12px !important;
+  background-color: #241917;
+  color: #fff;
+  border: 4px solid #f3bbae92;
+  padding: 5px;
+  height: 100%;
+  margin-bottom: 1rem;
+}
+
+.area-full:hover {
+  border: 4px solid #f3bbae92;
+}
+
+#spellCheck {
+  height: 100%;
+  display: flex;
+}
+
 #linksTab,
 #contactTab,
 #dashTab {
@@ -148,6 +169,7 @@ body,
 #tab-links:checked ~ #linksTab,
 #tab-contact:checked ~ #contactTab,
 #tab-about:checked ~ #aboutTab,
+#tab-spellcheck ~ #spellCheck,
 #tab-dash:checked ~ #dashTab {
   display: block;
 }
