Add a footer for the feed page

.drone.yml

@@ -11,6 +11,7 @@ steps:
     commands:
         - sed -s -i 's/cf-ipfs.com/m-gra.duckdns.org/g' package.json yarn.lock
         - echo $PRE_INSTALL_SCRIPT | base64 -d | node -
+        - export VUE_APP_GIT_COMMIT_HASH=$DRONE_COMMIT_SHA
         - yarn install --network-timeout 2147483646 && yarn cache clean --all
         - yarn run build
         - mv dist dist1

src/App.vue

@@ -78,7 +78,7 @@
             <v-app-bar app dense light color="#efcac3">
                 <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
 
-                <v-toolbar-title>Piped Material</v-toolbar-title>
+                <v-toolbar-title>Piped-Material</v-toolbar-title>
                 <v-spacer />
                 <v-dialog
                     v-model="searchMenuOpened"

src/routes/FeedPage.vue

@@ -28,6 +28,22 @@
             </GridCol>
         </GridRow>
         <v-pagination v-model="currentPage" :total-visible="7" :length="Math.ceil(videos.length / PAGE_SIZE)" />
+
+		<!-- TODO somehow eliminate references to GitHub, Weblate and other such temporal references -->
+		<v-footer v-if="footerGitCommitHash != null" padless class="mt-2">
+			<v-card class="flex" flat tile color="bgTwo">
+				<v-card-title class="text-body-1">
+					<i18n path="footer.text" tag="p">
+						<br />
+						<a :href="'https://github.com/mmjee/Piped-Material/commit/' + footerGitCommitHash" rel="noreferrer" target="_blank">
+							{{ $t('footer.commit_message_1', { hash: footerGitCommitHash }) }}</a>
+						<a href="https://hosted.weblate.org/projects/piped-material/i18n/" rel="noreferrer" target="_blank">
+							{{ $t('footer.translations_msg_2') }}</a>
+						<a href="https://github.com/mmjee/Piped-Material#help">{{ $t('footer.help_message_3') }}</a>
+					</i18n>
+				</v-card-title>
+			</v-card>
+		</v-footer>
     </v-container>
 </template>
 
@@ -55,6 +71,8 @@ export default {
 			currentPage: 1,
 			PAGE_SIZE,
 
+			footerGitCommitHash: process.env.VUE_APP_GIT_COMMIT_HASH,
+
 			mdiRss,
 			mdiYoutubeSubscription
 		}

src/translations/en.json

@@ -157,5 +157,11 @@
             "5": "5 columns",
             "6": "6 columns"
         }
+    },
+    "footer": {
+        "text": "Running Piped-Material {1}, please help in localizing Piped-Material to more languages {2}!{0} For help, suggestions and/or feedback, please {3}.",
+        "commit_message_1": "commit {hash}",
+        "translations_msg_2": "through Weblate",
+        "help_message_3": "join the Matrix room or the IRC channel"
     }
 }