Working on join

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

content/join/contents.lr

@@ -2,9 +2,7 @@ _model: join
 ---
 ogpimage: /images/ogp.png
 ---
-getting-started:
+gettingstarted:
-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).
+While you may be thinking all about the actual translation, translating at the Queerscriptors is a collaborative effort, and so 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) and talk with people.
 
-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.
+Once you are on either of those, you can proceed to step 2, creating an account at our [Weblate](https://weblate.queerscriptors.org), this is the tool we use to translate. If you don't want to, it is possible to create suggestions without one, but someone with an account has to accept your suggestion before it actually gets added.
----
-learn-tech:

models/join.ini

@@ -9,8 +9,4 @@ translate = False
 
 [fields.gettingstarted]
 type = markdown
-translate = False
+translate = True
-
-[fields.learntech]
-type = markdown
-translate = False

templates/join.html

@@ -9,7 +9,7 @@
 
   <div class="card mt-4" id="getting-started">
     <div class="card-header">
-      {{ _("Getting setup") }}
+      Getting setup
     </div>
     <div class="card-body">
       {{ this.gettingstarted }}
@@ -18,10 +18,20 @@
 
   <div class="card mt-4" id="learn-tech">
     <div class="card-header">
-      {{ _("Learn the quirks") }}
+      Learn the quirks
     </div>
     <div class="card-body">
-      {{ this.learntech }}
+      <p>Various game engines have some techincal stuff you need to know, e.g. in Ren'Py <code>%</code> is a special character, so you need to write <code>%%</code> instead</p>
+      <details>
+        <summary>Ren'Py</summary>
+        <ul>
+          <li>As said above, there are characters that are special and therefore need special treatment, e.g. %% instead of %</li>
+          <li>Ren'Py uses <code>{}</code> and <code>{/}</code> to denote styling, so <code>{b}bold{/b}</code> would display as <b>bold</b>.
+            <ul>
+              <li>A full list of what chars and names corrospond to what output <a href="https://www.renpy.org/doc/html/text.html">can be found in the Ren'Py documentation</a>.</li>
+            </ul>
+          </li>
+        </ul>
     </div>
   </div>
 </div>