Technical docs (#553)

* WIP

* Working on configuration

* wip

* Finished docs

* Self hosted comparison + more links

client/components/pages/OpenFormFooter.vue

@@ -21,21 +21,6 @@
       </div>
       <div class="flex justify-center mt-5 md:mt-0">
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2">
-          <template v-if="!useFeatureFlag('self_hosted')">
-            <router-link
-              :to="{ name: 'privacy-policy' }"
-              class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
-            >
-              Privacy Policy
-            </router-link>
-
-            <router-link
-              :to="{ name: 'terms-conditions' }"
-              class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
-            >
-              Terms & Conditions
-            </router-link>
-          </template>
           <a
             :href="opnformConfig.links.feature_requests"
             target="_blank"
@@ -57,6 +42,28 @@
           >
             Discord
           </a>
+          <a
+            :href="opnformConfig.links.tech_docs"
+            target="_blank"
+            class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
+          >
+            Technical Docs
+          </a>
+          <template v-if="!useFeatureFlag('self_hosted')">
+            <router-link
+              :to="{ name: 'privacy-policy' }"
+              class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
+            >
+              Privacy Policy
+            </router-link>
+
+            <router-link
+              :to="{ name: 'terms-conditions' }"
+              class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
+            >
+              Terms & Conditions
+            </router-link>
+          </template>
         </div>
       </div>
     </div>