[footer] add footer notes with others helpful tools & copyright to do…

…fusDB for some data
celestialaly · Feb 22, 2025 · e57da61 · e57da61
1 parent 76a8b35
commit e57da61
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 2 deletions.
diff --git a/assets/vue/index.html b/assets/vue/index.html
@@ -7,7 +7,7 @@
     <title>Martofu</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div class="flex flex-column" id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/assets/vue/src/App.vue b/assets/vue/src/App.vue
@@ -8,9 +8,24 @@ useToastStore()
 <template>
   <NavBar />
 
-  <div class="mt-2 m-auto" style="width: 80%;">
+  <div id="main" class="mt-2 m-auto" style="width: 80%;">
     <RouterView />
   </div>
 
+  <div class="footer mt-auto mb-3">
+    <div class="m-0 mt-4 p-0 border-top-1 border-100">&nbsp;</div>
+    <div class="flex px-4">
+      <div class="flex align-items-center gap-3">
+        <div><strong>Autres outils</strong></div>
+        <div><a href="https://dofusdb.fr/fr/" title="DofusDB"><img src="@/assets/favicons/dofusdb.png" style="width: 24px;"></a></div>
+        <div><a href="https://www.dofuspourlesnoobs.com/" title="Dofus pour les noobs"><img src="@/assets/favicons/dofuspourlesnoobs.ico" style="width: 24px;"></a></div>
+        <div><a href="https://www.dofusbook.net/fr/" title="Dofusbook"><img src="@/assets/favicons/dofusbook.ico" style="width: 22px;"></a></div>
+        <div><a href="https://dofus.n1ark.com/" title="n1ark"><img src="@/assets/favicons/n1ark.png" style="width: 20px;"></a></div>
+        <div><a href="https://dofus-portals.fr/" title="Dofus Portals"><img src="@/assets/favicons/dofusportals.ico" style="width: 20px;"></a></div>
+      </div>
+      <div class="ml-auto">Certaines données proviennent de l'API de <a href="https://dofusdb.fr">DofusDB</a>. </div>
+    </div>
+  </div>
+
   <Toast position="bottom-right" />
 </template>
diff --git a/assets/vue/src/assets/base.css b/assets/vue/src/assets/base.css
@@ -5,4 +5,16 @@
 
 * {
     font-family: Helvetica;
+}
+
+body {
+    margin: 0;
+}
+
+#app {
+    min-height: 100svh;
+}
+
+header, #main {
+    margin: 8px;
 }
diff --git a/assets/vue/src/assets/favicons/dofusbook.ico b/assets/vue/src/assets/favicons/dofusbook.ico
diff --git a/assets/vue/src/assets/favicons/dofusdb.png b/assets/vue/src/assets/favicons/dofusdb.png
diff --git a/assets/vue/src/assets/favicons/dofusportals.ico b/assets/vue/src/assets/favicons/dofusportals.ico
diff --git a/assets/vue/src/assets/favicons/dofuspourlesnoobs.ico b/assets/vue/src/assets/favicons/dofuspourlesnoobs.ico
diff --git a/assets/vue/src/assets/favicons/n1ark.png b/assets/vue/src/assets/favicons/n1ark.png