diff --git a/content/docs/email.md b/content/docs/email.md
new file mode 100644
index 0000000..735fdb0
--- /dev/null
+++ b/content/docs/email.md
@@ -0,0 +1,26 @@
++++
+title = "Email"
+description = "each south london account comes with an email address!"
++++
+
+## Let's talk email
+Every South London account comes with an email address — `yourusername@southlondon.cc`. Log in using your favourite email client (I've tested it with Thunderbird, Geary and the Gmail app on Android), and it should work just fine (at least in theory, more on that in a bit).
+
+### Server Details
+Right now, Email clients won't detect the server details by default, so you're gonna need to type them out manually. Here they are:
+
+- **Incoming Server (IMAP):** `hamish.southlondon.cc`
+    - **Requires SSL:** Yes
+    - **Port:** 993
+- **Outgoing Server (SMTP):** `hamish.southlondon.cc`
+    - **Requires SSL:** Yes
+    - **Requires TLS:** Yes
+    - **Port:** 587
+- **Username:** Your username, without the `@southlondon.cc` at the end.
+- **Password:** Your shell password. (if you don't have one yet, set it with `passwd`).
+
+## Some Warnings
+
+<div class="infobox infobox-warning"> <b> Due to the fact that I have no idea what I'm doing, I wouldn't recommend you use this service for anything important. </b> </div>
+
+<div class="infobox infobox-warning"> <b> Outgoing Emails are often blocked by major Email providers, especially Google & Outlook. </b> </div>
\ No newline at end of file
diff --git a/content/guides/contribute.md b/content/guides/contribute.md
new file mode 100644
index 0000000..86abb8d
--- /dev/null
+++ b/content/guides/contribute.md
@@ -0,0 +1,12 @@
++++
+title = "Contributing"
+description = "how to help out"
++++
+
+<div class="infobox infobox-warning">This is slightly rough, I need to make it less terrible but I don't have a lot of time at the moment, feel free to ping me once in a while to remind me.</div>
+
+- Fork the [source repository](https://tildegit.org/southlondon/library)
+- Make your changes (you might want to check the [zola docs](https://getzola.org/documentation/) for more info on how to do that)
+- Make a pull request
+- Scream at me on irc until I review it
+- You've
\ No newline at end of file
diff --git a/sass/main.scss b/sass/main.scss
index 3897e6a..790d8b9 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -1,4 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+// hello if you are reading this please remind me to clean this up
 body {
     background-color: #150e41;
     color: #d9d5f3;
@@ -112,3 +114,26 @@ a, a:focus {
         text-decoration: none;
     }
 }
+
+.infobox {
+    max-width: 400px;
+    margin: 24px auto;
+    padding: 12px;
+    background: #EBE5CD;
+    color: #181818;
+    a {
+        color: #181818;
+        a:focus {
+            color: #181818;
+        }
+    }
+    text-align: center;
+}
+
+.infobox-error {
+    background: #ddb1b1;
+}
+
+.infobox-important {
+    background: #faecc0;
+} 
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index e96674a..d01cb45 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -56,7 +56,7 @@
     <h2>Contribute!</h2>
     <p>Anyone can submit a pull request for this wiki. Give it a go maybe!</p>
     <br>
-    <a href="/guides/contribute.md" class="button">Get Started</a>
+    <a href="/guides/contribute/" class="button">Get Started</a>
 </div>
 
 <!-- scripts here -->