33 lines
No EOL
1.9 KiB
HTML
33 lines
No EOL
1.9 KiB
HTML
<style>
|
|
.buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
max-width: 100vw; /* Make the container as wide as the viewport */
|
|
gap: 3px;
|
|
margin: 20px 0 0 0; /* Remove any default margin */
|
|
padding: 0; /* Remove any default padding */
|
|
}
|
|
.button {
|
|
display: inline-block;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
background: none;
|
|
image-rendering: auto;
|
|
image-rendering: crisp-edges;
|
|
image-rendering: pixelated;
|
|
image-rendering: -webkit-optimize-contrast;
|
|
}
|
|
</style>
|
|
|
|
<div class="buttons">
|
|
<a href="https://www.mozilla.org/fr/firefox/new/"> <img class="button" src="buttons/firefox-now.png" alt="Bouton Firefox" title="Ils ont été vilains tho"/></a>
|
|
<a href="https://www.blender.org/download/"> <img class="button" src="buttons/get-blender-2.8.png" alt="Bouton Blender" title="Je connais les raccourcis clavier"/></a>
|
|
<a href="https://xkcd.com/1179/"> <img class="button" src="buttons/iso-8601.png" alt="Bouton ISO 8601" title="Par pitié, tout le monde pareil"/></a>
|
|
<a href="https://notepad-plus-plus.org/"> <img class="button" src="buttons/made-with-notepad++.png" alt="Bouton Notepad++" title="Je veux le même pour Linux"/></a>
|
|
<a href="https://polymc.org/"> <img class="button" src="buttons/minecraft.png" alt="Bouton Minecraft" title="Tfarcenim TMTC"/></a>
|
|
<a href="https://teegarten-miniatures.ch/"> <img class="button" src="buttons/tea-powered.png" alt="Bouton Tea Powered" title="Nan vraiment, j'aime bien le thé"/></a>
|
|
<a href="https://ubuntu.com/download"> <img class="button" src="buttons/ubuntu.png" alt="Bouton Ubuntu" title="Ce site vous est servi depuis Ubuntu"/></a>
|
|
</div> |