Add hardcode version numbers on the footer of the app and the landing page

Author: abelsiqueira

README.dev.md

@@ -123,10 +123,12 @@ This section describes how to make a release in 2 parts:
 1. Verify that the information in `CITATION.cff` is correct
 2. Generate an updated version of `.zenodo.json` if needed using `cffconvert`
 3. Make sure the version field in `package.json` is correct
-4. By running `npm run lint` make sure the linter does not complain
-5. Run the unit tests with `npm run test:unit:ci`
-6. Make sure that github.io page is up to date
-7. Check whether the [Publish](https://github.com/citation-file-format/cff-initializer-javascript/actions/workflows/publish.yml) workflow worked recently and it was successful
+4. Update the version in the [landing page footer](src/components/LayoutLanding.vue).
+5. Update the version in the [app footer](src/components/Footer.vue).
+6. By running `npm run lint` make sure the linter does not complain
+7. Run the unit tests with `npm run test:unit:ci`
+8. Make sure that github.io page is up to date
+9. Check whether the [Publish](https://github.com/citation-file-format/cff-initializer-javascript/actions/workflows/publish.yml) workflow worked recently and it was successful
 
 ### (2/2) GitHub
 

src/components/Footer.vue

@@ -1,11 +1,19 @@
 <template>
-    <div id="logo">
-        <a
-            href="https://esciencecenter.nl"
-            target="_blank"
+    <div class="row">
+        <div
+            id="logo"
+            class="col"
         >
-            <img src="~assets/nlesc-logo.svg">
-        </a>
+            <a
+                href="https://esciencecenter.nl"
+                target="_blank"
+            >
+                <img src="~assets/nlesc-logo.svg">
+            </a>
+        </div>
+        <span class="col text-right text-white text-body1 text-bold">
+            Version 2.0.0
+        </span>
     </div>
 </template>
 

src/components/LayoutLanding.vue

@@ -47,23 +47,20 @@
                     />
                 </div>
             </div>
+            <span class="text-right text-black text-body1 text-bold">
+                Version 2.0.0
+            </span>
         </div>
-        <Footer />
     </div>
 </template>
 
 <script lang="ts">
-import Footer from 'components/Footer.vue'
 
 import { defineComponent } from 'vue'
 
 export default defineComponent({
     name: 'LayoutLanding',
 
-    components: {
-        Footer
-    },
-
     setup () {
         return {
         }