feat(frontend): ça commence à donner quelque chose niveau css de base

This commit is contained in:
Matthieu BOUCLY 2025-03-31 17:00:51 +02:00
parent 3d0cb9cc28
commit 7fe2f1be4e
52 changed files with 1161 additions and 80 deletions

View file

@ -0,0 +1,58 @@
<script setup lang="ts">
</script>
<template>
<div class="wrapper flex">
<a href="https://tralala.fr.eu.org" title="tralala.fr.eu.org"><img src="../components/icons/tralala-88x31.gif" alt="tralala.fr.eu.org" height="31" width="88"></a>
<a href=""><img src="../components/icons/estrogen-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/18carat-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/aceattorney-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/adobe-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/archlinux-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/curl-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/discord-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/evangelion-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/firefox-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/gitea-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/gnu-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/hl-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/java-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/jjba-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/linux-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/mars-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/miku1-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/miku2-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/ms_88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/steam-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/suntooth-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/techromancer-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/teto1-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/teto2-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/tokyotelecom-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/tor-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/touhou-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/touhou2-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/vim-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/virtuaverse-88x31.gif" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/vocaloid1-88x31.png" alt="" height="31" width="88"></a>
<a href=""><img src="../components/icons/winrar-88x31.gif" alt="" height="31" width="88"></a>
</div>
</template>
<style scoped lang="scss">
.flex {
display: flex;
flex-flow: wrap;
}
.wrapper {
padding: 10px;
display: flex;
}
a {
padding: 5px;
}
</style>