diff --git a/content/join/contents.lr b/content/join/contents.lr
new file mode 100644
index 0000000..00d1141
--- /dev/null
+++ b/content/join/contents.lr
@@ -0,0 +1,10 @@
+_model: join
+---
+ogpimage: /images/ogp.png
+---
+getting-started:
+While you may be thinking all about the actual translation, for collaborative project such as translating at the Queerscriptors, it is important to coordinate. So the first step is actually to join our [Discord](https://discord.gg/tzbXdkxWYF) or [Matrix](https://matrix.to/#/#queerscriptors:encryptionin.space).
+
+Once you are on either of those, you can proceed to create an account at our [Weblate](https://weblate.queerscriptors.org), this is the tool we use to translate.
+---
+learn-tech:
diff --git a/models/join.ini b/models/join.ini
new file mode 100644
index 0000000..10d10b8
--- /dev/null
+++ b/models/join.ini
@@ -0,0 +1,16 @@
+[model]
+name = join
+label = {{ this.title }}
+hidden = yes
+
+[fields.ogpimage]
+type = string
+translate = False
+
+[fields.getting-started]
+type = markdown
+translate = False
+
+[fields.learn-tech]
+type = markdown
+translate = False
diff --git a/templates/join.html b/templates/join.html
new file mode 100644
index 0000000..707cd4c
--- /dev/null
+++ b/templates/join.html
@@ -0,0 +1,28 @@
+{% extends "layout.html" %}
+{% block page %}
+{% include 'header.html' %}
+
+<div class="container my-5 pt-5">
+  <div class="text-center">
+    <h1>Join the Queerscriptors</h1>
+  </div>
+
+  <div class="card mt-4" id="getting-started">
+    <div class="card-header">
+      {{_("Getting setup")}}
+    </div>
+    <div class="card-body">
+      {{ this.getting-started }}
+    </div>
+  </div>
+
+  <div class="card mt-4" id="learn-tech">
+    <div class="card-header">
+      {{_("Learn the quirks"}}
+    </div>
+    <div class="card-body">
+      {{ this.learn-tech }}
+    </div>
+  </div>
+</div>
+{% endblock %}