Minor improvements and linting

src/App.vue

@@ -20,7 +20,7 @@
       </i-navbar-items>
     </i-navbar>
     <router-view />
-    <i-layout-footer class="_margin-top-1 _text-right" fixed>
+    <i-layout-footer class="_margin-top-1 _text-right">
       <a href="https://gitlab.com/experimentslabs/typing-monkey" target="_blank">{{ $t('app.propose') }}</a>
     </i-layout-footer>
   </i-layout>

src/locales/en.json

@@ -19,7 +19,8 @@
   "app": {
     "about": "About",
     "help_on_templates": "Help on templates",
-    "propose": "Propose your templates on Gitlab!"
+    "propose": "Propose your templates on Gitlab!",
+    "site_under_construction": "This site is young and under active development. New content is welcome, as are the issues. Thank you."
   },
   "home": {
     "site_description": "A collection of templates for annoying documents.",

src/locales/fr.json

@@ -19,7 +19,8 @@
   "app": {
     "about": "À propos",
     "help_on_templates": "Aide pour les modèles",
-    "propose": "Proposez vos modèles sur Gitlab!"
+    "propose": "Proposez vos modèles sur Gitlab!",
+    "site_under_construction": "Ce site est jeune est en pleine contruction. Les propositions d'améliorations et de nouveau contenu sont les bienvenues. Merci d'avance !"
   },
   "home": {
     "site_description": "Une collection de modèles pour documents ennuyeux.",

src/views/Help.vue

@@ -13,7 +13,7 @@
       </p>
       <p>They have this format:</p>
 
-      <pre v-html="codeBlock('NAME', 'Description', 'Content')"></pre>
+      <pre v-html="codeBlock('NAME', 'Description', 'Content')" />
 
       <ul>
         <li><code>NAME</code> must be capitalized letters and use underscores.</li>
@@ -31,19 +31,21 @@
 
       <i-alert variant="warning">
         If a block is missing a end, it will be transformed into something like <code>[[ERROR: BLOCK_NAME has no
-        end]]</code>.
+          end]]</code>.
       </i-alert>
     </section>
 
     <section>
       <h2>Variables</h2>
 
-      <p>Variables are small portions of text that needs customization. You can define a variable and use it multiple
-        times in your document; they will appear in the edition panel</p>
+      <p>
+        Variables are small portions of text that needs customization. You can define a variable and use it multiple
+        times in your document; they will appear in the edition panel
+      </p>
 
       <p>To define a variable, use this format:</p>
 
-      <pre v-html="codeVar('NAME', 'Description', 'TYPE')"></pre>
+      <pre v-html="codeVar('NAME', 'Description', 'TYPE')" />
 
       <ul>
         <li>
@@ -80,16 +82,12 @@
       <h2>Conditional rendering</h2>
       <p>You can display things given the state of blocks.</p>
       <pre
-        v-html="codeCondition('IF', 'SOME_BLOCK', 'This will be displayed if <code>SOME_BLOCK</code> is enabled</span>')">
-      </pre>
+        v-html="codeCondition('IF', 'SOME_BLOCK', 'This will be displayed if <code>SOME_BLOCK</code> is enabled</span>')" />
       <pre
-        v-html="codeCondition('UNLESS', 'SOME_BLOCK', 'This will be displayed unless <code>SOME_BLOCK</code> is enabled</span>')">
-      </pre>
+        v-html="codeCondition('UNLESS', 'SOME_BLOCK', 'This will be displayed unless <code>SOME_BLOCK</code> is enabled</span>')" />
       <p>You can nest conditional blocks.</p>
       <pre
-        v-html="codeCondition('IF', 'SOME_BLOCK', `Some content${codeCondition('IF', 'OTHER_BLOCK', 'Some other content')}`)">
-
-      </pre>
+        v-html="codeCondition('IF', 'SOME_BLOCK', `Some content${codeCondition('IF', 'OTHER_BLOCK', 'Some other content')}`)" />
     </section>
   </i-container>
 </template>

src/views/Home.vue

 <template>
   <i-container>
     <h1>{{ $t('home.site_description') }}</h1>
+
+    <small>{{ $t('app.site_under_construction') }}</small>
+
     <i-row>
       <i-column sm="6" class="_text-center">
         <logo variant="home" />
@@ -10,9 +13,13 @@
         <ul>
           <li v-for="(template, key) in templates" :key="key">
             <strong>
+              <span v-if="template.lang">[ {{ template.lang }} ]</span>
               <router-link :to="{ name: 'renderer', params: { content: key} }">{{ template.name }}</router-link>
             </strong>
-            <p>{{ template.description }}</p>
+            <span v-if="template.tags" class="small">
+              {{ template.tags.join(', ') }}
+            </span>
+            <div>{{ template.description }}</div>
           </li>
         </ul>
       </i-column>