FEAT: title & links on pre-configured listed apps

src/assets/svg/apps/plausible.vue

@@ -4,12 +4,6 @@
     xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
     xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 746.89825 996.75226" version="1.1"
     id="svg999" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
-    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
-
-    <title id="title975">Artboard</title>
-
-    <desc id="desc977">Created with Sketch.</desc>
-
     <defs id="defs989">
 
       <radialGradient cx="591.27264" cy="905.23793" fx="591.27264" fy="905.23793" r="724.41493" id="radialGradient-1"

src/components/applications-list.vue

@@ -18,12 +18,14 @@
 
 <template>
   <section>
-    <h2 class="text-3xl text-center">
+    <h2 class="title">
       Pre-configured applications
     </h2>
     <ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
       <li v-for="app in apps" class="m-4">
-        <component :is="app" class="app" />
+        <a :href="('https://github.com/valerebron/pegaz/tree/master/services/'+app.toLowerCase())" :title="app">
+          <component :is="app" class="app" />
+        </a>
       </li>
     </ul>
   </section>

src/pages/index.vue

@@ -60,7 +60,7 @@ function saveName() {
     @apply flex flex-col md:flex-row items-center justify-center mb-28
   }
   .title {
-    @apply text-3xl text-center mb-10
+    @apply text-3xl text-center mb-10  uppercase text-transparent bg-clip-text bg-gradient-to-r from-violet-900 to-blue-500
   }
   .app {
     @apply bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap cursor-pointer inline-block transition-all