Start on join

Signed-off-by: HackerNCoder <hackerncoder@encryptionin.space>

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:

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

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 %}