pyro/static/icons/contact.svg
Freyja Wildes 14815a6b99 [style][banner] Make banner flex and responsive, add social links
- Use the SOCIAL variable to generate a block with links to the social
  elements. SOCIAL is a list of tuple. The first element of a tuple is
  the name of the social link. The name is used to load the icon for the
  link. Icon is located at "icons" in the static directory.
- Banner is more responsive, being a flex element that switch between
  row or column direction according to the width of the view window.
  Uses media query
2025-07-09 05:47:37 +02:00

62 lines
2.9 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="200"
height="200"
viewBox="0 0 52.916665 52.916666"
version="1.1"
id="svg1"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
sodipodi:docname="contact.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="3.4821802"
inkscape:cx="79.97863"
inkscape:cy="94.33745"
inkscape:window-width="1916"
inkscape:window-height="997"
inkscape:window-x="0"
inkscape:window-y="81"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
id="grid2"
units="mm"
originx="0"
originy="0"
spacingx="0.26458333"
spacingy="0.26458333"
empcolor="#0099e5"
empopacity="0.30196078"
color="#0099e5"
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="false" />
</sodipodi:namedview>
<defs
id="defs1" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<path
id="rect1"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#f36600;fill-opacity:1;stroke:none;stroke-width:1.32292;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;paint-order:stroke fill markers;stop-color:#000000;stop-opacity:1"
d="M 5.4327433 0 C 2.4229693 0 6.2665922e-16 2.4229693 0 5.4327433 L 0 47.483923 C 0 50.493697 2.4229693 52.916667 5.4327433 52.916667 L 47.483923 52.916667 C 50.493697 52.916667 52.916667 50.493697 52.916667 47.483923 L 52.916667 5.4327433 C 52.916667 2.4229693 50.493697 6.2665922e-16 47.483923 0 L 5.4327433 0 z M 7.9416341 11.992033 L 44.974516 11.992033 L 46.710844 13.728361 L 46.710844 39.187272 L 44.974516 40.9236 L 7.9416341 40.9236 L 6.2068563 39.187272 L 6.2068563 13.728361 L 7.9416341 11.992033 z M 9.6779622 15.464689 L 9.6779622 37.453011 L 43.238188 37.453011 L 43.238188 15.464689 L 9.6779622 15.464689 z M 36.878886 18.06453 L 39.183655 20.964612 L 32.314823 26.427327 L 37.138818 32.216638 L 34.292997 34.58807 L 29.415259 28.733647 L 27.191622 30.502014 L 24.834143 30.46119 L 22.698873 28.634945 L 17.433561 34.62476 L 14.652336 32.179431 L 19.884574 26.22734 L 13.681852 20.92172 L 16.089974 18.107422 L 26.080062 26.65212 L 36.878886 18.06453 z " />
</g>
</svg>