From 1f89f0625a144033c1faccaaacda3ba52756b5a8 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Sun, 15 Oct 2023 00:13:16 +0200
Subject: [PATCH] cleanup

---
 index.html | 88 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 47 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 1f042d9..f98149c 100644
--- a/index.html
+++ b/index.html
@@ -171,7 +171,7 @@
               </li>
             </ul>
             <h5 class="w3-padding-top w3-text-grey">
-              <b>Instructions:</b>
+              <b>Instructions for creating a template:</b>
             </h5>
             <ul class="w3-text-grey w3-ul">
               <li>
@@ -184,16 +184,53 @@
               </li>
               <li>
                 <b>For one word which needs to change:</b><br />
-                <code class="w3-codespan">%Sample Word%1</code>
-              </li>
-              <li>
+                <code class="w3-codespan">%Sample Word%1</code><br>
                 Use <code class="w3-codespan">%</code> at the start and end
-                position of the placeholder
-              </li>
-              <li>
+                position of the placeholder<br>
                 Set <code class="w3-codespan">1</code> as priority or any other
                 number up until <code class="w3-codespan">99</code>
               </li>
+              <li>
+                <b>Custom input placeholders:</b><br />
+                <code class="w3-codespan">%Sample Expression=longText%1</code
+                ><br />
+                Use <code class="w3-codespan">%</code> at the start and end
+                position of the placeholder<br />
+                Use
+                <code class="w3-codespan">Sample Expression=</code> placeholder
+                name<br />
+                Set <code class="w3-codespan">1</code> as priority or any other
+                number up until <code class="w3-codespan">99</code> <br>
+                Config <code class="w3-codespan">hiddenField</code> like so:
+                <br />
+                <code class="w3-codespan"
+                  >%Sample Expression=hiddenField:id:longText:!l%1</code
+                ><br>
+                in this example <code class="w3-codespan">longText:!l</code> can
+                also be omitted.<br />
+                With <code class="w3-codespan">longText</code> you can add
+                markups like <code class="w3-codespan">!l</code> by adding them
+                like this:<br>
+                <code class="w3-codespan"
+                  >%Sample Expression=longText:!l%1</code
+                >
+              </li>
+              <li>
+                <b>Use field types like longText or markup to customize further</b>
+                These are all the different Field types:<br />
+                <code class="w3-codespan">simpleInput</code><br />
+                <code class="w3-codespan">longText</code><br />
+                <code class="w3-codespan">hiddenField</code><br />
+                <code class="w3-codespan">current_time</code><br />
+                <code class="w3-codespan">current_date</code><br />
+                <code class="w3-codespan">markup:title</code><br />
+                And these are the markups you can add:<br />
+                <code class="w3-codespan">title</code><br />
+                <code class="w3-codespan">link</code><br />
+                <code class="w3-codespan">italic</code><br />
+                <code class="w3-codespan">green_highlighted</code><br />
+                <code class="w3-codespan">highlighted</code><br />
+              </li>
               <li>
                 <b>For gender specific expressions:</b><br />
                 <code class="w3-codespan"
@@ -209,45 +246,14 @@
               </li>
               <li>
                 <b>For dropdown lists:</b><br />
-                Use <code class="w3-codespan">l:item 1;</code> for each item
+                Use <code class="w3-codespan">%Sample Expression=l:item 1;l:item 2;%1</code> for each item
               </li>
               <li>
                 <b>For hidden fields and its trigger:</b><br />
                 Use
-                <code class="w3-codespan">h:itemid 1:fieldtype:formatting;</code
+                <code class="w3-codespan">%Sample Expression=h:itemid 1:fieldtype:formatting;%1</code
                 ><br />
-                for each item add an unique id!
-              </li>
-
-              <li>
-                <b>Custom input placeholders:</b><br />
-                <code class="w3-codespan">%Sample Expression=longText%1</code
-                ><br />
-                Use <code class="w3-codespan">%</code> at the start and end
-                position of the placeholder<br />
-                Use
-                <code class="w3-codespan">Sample Expression=</code> placeholder
-                name<br />
-                Set <code class="w3-codespan">1</code> as priority or any other
-                number up until <code class="w3-codespan">99</code> At the
-                moment there are these custom ones:<br />
-                <code class="w3-codespan"
-                  >simpleInput, longText, hiddenField, current_time,
-                  current_date</code
-                ><br />
-                Config <code class="w3-codespan">hiddenField</code> like so:
-                <br />
-                <code class="w3-codespan"
-                  >%Sample Expression=hiddenField:id:longText:!l%1</code
-                >
-                in this example <code class="w3-codespan">longText:!l</code> can
-                also be omitted.<br />
-                With <code class="w3-codespan">longText</code> you can add
-                markups like <code class="w3-codespan">!l</code> by adding them
-                like this:
-                <code class="w3-codespan"
-                  >%Sample Expression=longText:!l%1</code
-                >
+                You can also have multiple hidden fields selectable by a list
               </li>
               <li>
                 You can also use markups in the template file at the beginning