index : ajout carte Funkwhale

LICENSE.txt

@@ -0,0 +1,14 @@
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+
+ Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
+
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
+
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. You just DO WHAT THE FUCK YOU WANT TO.
+

README.md

@@ -17,4 +17,4 @@ Made with Astro framework (really cool framework but JS was an error).
 - [ ] Background
 - [ ] SEO
 - [ ] Embed
-- [ ] Responsive design
+- [x] Responsive design

public/img/logo/funkwhale.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" 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" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 252.65424 228.43591" xml:space="preserve" sodipodi:docname="logo-transparent.svg" width="252.65424" height="228.43591" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata id="metadata25"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><defs id="defs23"/><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1043" id="namedview21" showgrid="true" inkscape:zoom="1.84375" inkscape:cx="210.72257" inkscape:cy="88.813847" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="Calque_1"><inkscape:grid type="xygrid" id="grid4535" originx="-1.1305091" originy="-14.869552"/></sodipodi:namedview>
+<style type="text/css" id="style2">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#fff;}
+	.st2{fill:#fff;}
+</style>
+
+<g id="g18" transform="matrix(1.3627521,0,0,1.3627521,-48.105149,-68.371499)">
+	<g id="g16">
+		<g id="g12">
+			<path class="st1" d="m 128,157.1 c 17.7,0 32.1,-14.4 32.1,-32.1 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,9.1 -7.4,16.6 -16.6,16.6 -9.1,0 -16.6,-7.4 -16.6,-16.6 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 97.6 c -0.9,0 -1.7,0.8 -1.7,1.7 0,17.8 14.4,32.1 32.1,32.1 z" id="path6" inkscape:connector-curvature="0" style="fill:#fff"/>
+			<path class="st1" d="m 128,187.4 c 34.3,0 62.3,-28 62.3,-62.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,25.9 -21,46.9 -46.9,46.9 C 102,172 81,151 81,125.1 c 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 67.4 c -0.9,0 -1.7,0.8 -1.7,1.7 -0.2,34.3 27.8,62.3 62.3,62.3 z" id="path8" inkscape:connector-curvature="0" style="fill:#fff"/>
+			<path class="st1" d="m 219,123.4 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,42.6 -34.8,77.3 -77.3,77.3 -42.6,0 -77.3,-34.6 -77.3,-77.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 37 c -0.9,0 -1.7,0.8 -1.7,1.7 0,51.1 41.6,92.7 92.7,92.7 51.1,0 92.7,-41.6 92.7,-92.7 0,-0.9 -0.8,-1.7 -1.7,-1.7 z" id="path10" inkscape:connector-curvature="0" style="fill:#fff"/>
+		</g>
+		<path class="st2" d="m 86.3,83.3 c 6.2,3.2 12.9,3.8 18.9,7.3 3.9,2.3 6.4,4.8 8.8,8.6 3.8,5.7 3.6,12.9 3.6,12.9 l 0.5,7.9 c 0,0 3,7.9 9.7,7.9 7.1,0 9.7,-7.9 9.7,-7.9 l 0.5,-7.9 c 0,0 -0.2,-7.1 3.6,-12.9 2.4,-3.8 4.8,-6.5 8.8,-8.6 6,-3.5 12.7,-4.1 18.9,-7.3 6.2,-3.2 12.2,-7.3 16.3,-13 4.1,-5.7 6,-13.3 3.8,-20 -11.8,-0.6 -25.4,0.8 -35.8,6.4 -14.5,7.7 -23.3,5 -25.9,16.5 h -0.2 c -2.6,-11.6 -11.3,-8.8 -25.9,-16.5 -10.4,-5.6 -24,-7 -35.8,-6.4 -2.3,6.7 -0.3,14.2 3.8,20 4.4,5.8 10.5,9.9 16.7,13 z" id="path14" inkscape:connector-curvature="0" style="fill:#fff"/>
+	</g>
+</g>
+</svg>

src/components/Header.astro

@@ -41,4 +41,10 @@ span {
   align-items: center;
   height: 30px;
 }
+
+@media screen and (max-width: 800px) {
+  div, nav {
+    flex-direction: column;
+  }
+}
 </style>

src/pages/index.astro

@@ -22,6 +22,11 @@ import Card from '../components/Card.astro';
 					name="Forgejo"
 					link="https://git.ahur.ac/"
 				>A straight-to-the-point source code forge</Card>
+				<Card
+					id="funkwhale"
+					name="Funkwhale"
+					link="https://music.ahur.ac/"
+				>My personal jukebox on the fediverse</Card>
 				<Card
 					id="matrix"
 					name="Matrix"