85 lines
13 KiB
XML
85 lines
13 KiB
XML
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||
|
|
<svg width="300" height="600" viewBox="0 0 300 600" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="degrade" x1="1" x2="0" y1="0" y2="1" gradientUnits="objectBoundingBox">
|
||
|
|
<stop offset="0.1" stop-color="hsl(25, 100%, 50%)"/>
|
||
|
|
<stop offset="0.5" stop-color="hsl(0, 95%, 45%)"/>
|
||
|
|
<stop offset="0.9" stop-color="hsl(0, 100%, 35%)" />
|
||
|
|
</linearGradient>
|
||
|
|
<filter id='shadow' color-interpolation-filters="sRGB">
|
||
|
|
<feDropShadow dx="1" dy="1" stdDeviation="1" flood-opacity="0.3"/>
|
||
|
|
</filter>
|
||
|
|
<symbol id="chemical" viewBox="0 0 51 40">
|
||
|
|
<g stroke="none">
|
||
|
|
<path d="m 25.000998,4.417569 q 0,1.204709 -0.690338,1.915352 -0.690339,0.707259 -1.908584,0.707259 -1.214861,0 -1.9052,-0.707259 -0.690338,-0.710643 -0.690338,-1.915352 0,-1.214861 0.690338,-1.918736 0.690339,-0.707258 1.9052,-0.707258 1.211477,0 1.9052,0.707258 0.693722,0.703875 0.693722,1.918736 z M 23.278536,5.693342 Q 23.46804,5.463229 23.559409,5.1519 q 0.09137,-0.314713 0.09137,-0.737715 0,-0.453458 -0.104904,-0.771555 Q 23.44097,3.324533 23.27177,3.12826 23.099185,2.925219 22.872456,2.833851 q -0.223345,-0.09137 -0.466994,-0.09137 -0.247033,0 -0.466994,0.08798 -0.216577,0.08798 -0.399313,0.291025 -0.169201,0.189505 -0.27749,0.524522 -0.104904,0.331633 -0.104904,0.771555 0,0.450074 0.10152,0.768171 0.104905,0.314714 0.274105,0.51437 0.169201,0.199657 0.39593,0.29441 0.226729,0.09475 0.477146,0.09475 0.250417,0 0.477146,-0.09475 0.226729,-0.09814 0.39593,-0.301178 z" />
|
||
|
|
<path d="m 6.0336,36.1679 c 0,0.8031 -0.23012,1.4416 -0.69034,1.9153 -0.46023,0.4715 -1.09642,0.7073 -1.90859,0.7073 -0.8099,0 -1.44497,-0.2358 -1.9052,-0.7073 -0.46022,-0.4737 -0.690334,-1.1122 -0.690334,-1.9153 0,-0.8099 0.230114,-1.4495 0.690334,-1.9188 0.46023,-0.4715 1.0953,-0.7072 1.9052,-0.7072 0.80766,0 1.44272,0.2357 1.9052,0.7072 0.46249,0.4693 0.69373,1.1089 0.69373,1.9188 z m -1.72247,1.2758 c 0.12634,-0.1535 0.21996,-0.3339 0.28088,-0.5415 0.06091,-0.2098 0.09137,-0.4557 0.09137,-0.7377 0,-0.3023 -0.03497,-0.5595 -0.10491,-0.7716 C 4.50854,35.1809 4.41717,35.0094 4.30437,34.8786 4.18931,34.7432 4.05621,34.6451 3.90505,34.5842 3.75616,34.5232 3.60049,34.4928 3.43806,34.4928 c -0.16469,0 -0.32035,0.0293 -0.46699,0.088 -0.14439,0.0586 -0.27749,0.1556 -0.39932,0.291 -0.1128,0.1263 -0.20529,0.3012 -0.27749,0.5245 -0.06993,0.2211 -0.1049,0.4783 -0.1049,0.7716 0,0.3 0.03384,0.5561 0.10152,0.7681 0.06994,0.2099 0.1613,0.3813 0.2741,0.5144 0.1128,0.1331 0.24478,0.2313 0.39593,0.2944 0.15116,0.0632 0.31021,0.0948 0.47715,0.0948 0.16694,0 0.32599,-0.0316 0.47715,-0.0948 0.15115,-0.0654 0.28313,-0.1658 0.39593,-0.3012 z" />
|
||
|
|
<path d="m 20.507792,26.305676 1.186491,0.376204 q -0.272851,0.992188 -0.909505,1.47588 -0.63252,0.479557 -1.608172,0.479557 -1.207161,0 -1.984375,-0.822689 -0.777214,-0.826823 -0.777214,-2.257228 0,-1.513086 0.781348,-2.348178 0.781348,-0.839225 2.054656,-0.839225 1.112077,0 1.806608,0.657324 0.413412,0.388607 0.620118,1.116212 l -1.211296,0.289388 q -0.107487,-0.471289 -0.450619,-0.744141 -0.338997,-0.272852 -0.826823,-0.272852 -0.673861,0 -1.095541,0.483692 -0.417546,0.483691 -0.417546,1.56683 0,1.149284 0.413412,1.63711 0.413412,0.487826 1.07487,0.487826 0.487826,0 0.839226,-0.310059 0.3514,-0.310059 0.504362,-0.975651 z" />
|
||
|
|
<path d="M 22.748483,28.533964 V 22.47335 h 1.223698 v 2.385385 h 2.397788 V 22.47335 h 1.223698 v 6.060614 h -1.223698 v -2.649968 h -2.397788 v 2.649968 z" />
|
||
|
|
</g>
|
||
|
|
<g fill="none" stroke-width="1.5">
|
||
|
|
<path d="m 45.982475,25.184051 -4.771276,6.15314" />
|
||
|
|
<path d="M 6.9733452,33.412659 13.244533,29.795344" />
|
||
|
|
<path d="M 8.0355432,35.381701 14.306731,31.764386" />
|
||
|
|
<path d="m 22.276053,14.916495 9.492472,5.118973 0.0497,10.38705 -8.746987,5.765061 -9.740963,-5.168675 -0.198795,-11.132531 z" />
|
||
|
|
<path d="m 34.014267,21.015128 v 8.645019" />
|
||
|
|
<path d="m 31.768525,20.035468 9.769737,-3.096852 7.309612,8.645019 -6.817617,8.293595 -10.212033,-3.454712 z" />
|
||
|
|
<path d="m 21.047772,8.243898 -0.07028,7.239325" />
|
||
|
|
<path d="m 23.756232,8.153026 v 7.309609" />
|
||
|
|
</g>
|
||
|
|
</symbol>
|
||
|
|
<symbol id="humidity" viewBox="0 0 1260 1785">
|
||
|
|
<path d="m 695.96646,1662.6513 c 37,-74 132,-228 252,-406 C 1216.9664,855.65125 1249.0708,759.63475 1248.9664,582.65125 1248.7458,208.87999 967.99454,7.1355249 637.14475,9.6334231 306.29496,12.131321 25.804761,209.82614 24.966461,592.65126 c -0.359,163.92342 168.725599,472.08794 284.999999,643.00004 171,250 229,343 286,462 l 41,85 z m -318,-711.00005 c -9,-8 -16,-20 -16,-25.99999 0,-7.00001 269,-365.00001 451,-600.00001 12,-15.99999 23,-18.99999 43,-14 45,11 33,45.00001 -57,162.00001 -46,59.99999 -149,195.99999 -231,301.99999 -81,105.00001 -153,192.00001 -161,192.00001 -7,0 -21,-7 -29,-16.00001 z m 339,-38.99999 c -90,-68.00001 -86,-199.00001 9,-269.00001 41,-30.99999 139,-29 185,3 37,27 70,90 71,136 0,50.00001 -40,117.00001 -85,143.00001 -55,31.99999 -129,27 -180,-13 z m -353,-322.00001 c -67,-50 -90,-131 -58,-206.99999 35,-83.00001 150,-120.00001 231,-74 46,25.99999 85,92.99999 85,145.99999 0,61.00001 -49,130.00001 -110,155 -30,13 -121,1.00001 -148,-20 z"/>
|
||
|
|
<path d="m 858.96646,855.65125 c 27,-13 47,-60 39,-93 -24,-96 -166,-80 -166,20 0,66 64,103 127,73 z"/>
|
||
|
|
<path d="m 470.42196,533.9497 c 46.7622,1.97139 67.1147,-59.02674 68.8647,-81.65174 1.75,-22.625 -13.8382,-81.80553 -77.4616,-83.54206 -63.6235,-1.73653 -89.8586,11.39535 -89.8586,83.89535 0,72.5 51.6932,79.32706 98.4555,81.29845 z"/>
|
||
|
|
</symbol>
|
||
|
|
<symbol id="co2" viewBox="0 0 128 88">
|
||
|
|
<path d="M 60.326172 1.7421875 C 59.940903 1.7421979 59.555565 1.7483053 59.169922 1.7597656 C 58.288453 1.7859606 57.406633 1.8412956 56.525391 1.9277344 C 49.465223 2.5731964 42.732229 5.2045551 37.105469 9.5175781 C 30.638046 14.570182 26.081874 21.673197 24.185547 29.658203 C 22.3134 30.099125 20.475339 30.67464 18.685547 31.378906 C 16.328563 32.271336 14.096131 33.463374 12.044922 34.927734 C 10.436703 36.074365 8.9788121 37.418187 7.7050781 38.927734 C 4.0469621 43.379448 2.0909519 48.986917 2.1855469 54.748047 C 2.2220849 60.447645 4.0322504 65.993556 7.3652344 70.617188 C 8.6287584 72.368323 10.107356 73.954739 11.765625 75.337891 C 13.585159 76.849642 15.624303 78.074691 17.814453 78.96875 C 20.149995 79.916942 22.602653 80.548096 25.105469 80.847656 L 25.564453 80.847656 L 98.644531 80.847656 L 99.464844 80.748047 C 103.55494 79.87028 107.50126 78.418739 111.18555 76.4375 C 114.53698 74.606513 117.46884 72.097211 119.79492 69.068359 C 123.27492 64.448359 124.97492 58.167422 125.04492 51.857422 C 125.20043 45.55095 123.54553 39.332123 120.27539 33.9375 C 119.38693 32.555385 118.38337 31.252313 117.27539 30.039062 C 112.58476 24.899498 105.93269 21.991833 98.974609 22.039062 C 97.370688 22.025002 95.769349 22.144796 94.185547 22.398438 C 90.524086 15.023675 84.499965 9.0842686 77.074219 5.5273438 C 71.828287 3.0279844 66.105201 1.742032 60.326172 1.7421875 z M 68.152344 37.578125 C 71.934816 37.578125 74.911314 38.748313 77.083984 41.089844 C 79.256654 43.420116 80.34375 46.617734 80.34375 50.681641 C 80.34375 54.745547 79.256654 57.943163 77.083984 60.273438 C 74.911314 62.60371 71.934816 63.767578 68.152344 63.767578 C 64.358614 63.767578 61.380163 62.591069 59.21875 60.238281 C 57.057337 57.874236 55.976563 54.68926 55.976562 50.681641 C 55.976562 46.640249 57.057337 43.448952 59.21875 41.107422 C 61.380163 38.754634 64.358614 37.578125 68.152344 37.578125 z M 45.205078 37.611328 C 46.206983 37.611328 47.106977 37.668676 47.90625 37.78125 C 48.705522 37.893823 49.471396 38.051274 50.203125 38.253906 C 50.77725 38.422766 51.40073 38.652621 52.076172 38.945312 C 52.751613 39.238004 53.298322 39.491188 53.714844 39.705078 L 53.714844 45.701172 L 53.072266 45.701172 C 52.768317 45.430995 52.38538 45.109774 51.923828 44.738281 C 51.462277 44.355531 50.938898 43.983282 50.353516 43.623047 C 49.768133 43.262812 49.121323 42.9586 48.412109 42.710938 C 47.714153 42.452018 46.982297 42.322266 46.216797 42.322266 C 45.304951 42.322266 44.466673 42.469027 43.701172 42.761719 C 42.946929 43.043153 42.225761 43.538833 41.539062 44.248047 C 40.908651 44.889716 40.391593 45.755693 39.986328 46.847656 C 39.592321 47.93962 39.394531 49.228872 39.394531 50.714844 C 39.394531 52.279616 39.603009 53.596567 40.019531 54.666016 C 40.436054 55.724208 40.982762 56.581448 41.658203 57.234375 C 42.31113 57.864787 43.036665 58.320128 43.835938 58.601562 C 44.646467 58.882997 45.45268 59.023437 46.251953 59.023438 C 47.084998 59.023438 47.87857 58.887364 48.632812 58.617188 C 49.387056 58.335753 50.023178 58.027174 50.541016 57.689453 C 51.103884 57.340475 51.597611 56.985235 52.025391 56.625 C 52.45317 56.264764 52.825419 55.943543 53.140625 55.662109 L 53.714844 55.662109 L 53.714844 61.572266 C 53.253292 61.786156 52.719225 62.034972 52.111328 62.316406 C 51.503431 62.586583 50.877997 62.816437 50.236328 63.007812 C 49.448313 63.244217 48.710136 63.424997 48.023438 63.548828 C 47.336739 63.672659 46.392037 63.734375 45.1875 63.734375 C 41.416285 63.734375 38.420824 62.598205 36.203125 60.324219 C 33.985426 58.038975 32.876953 54.830669 32.876953 50.699219 C 32.876953 46.714114 33.985426 43.537873 36.203125 41.173828 C 38.432082 38.798525 41.433863 37.611328 45.205078 37.611328 z M 68.169922 42.322266 C 67.393165 42.322266 66.689006 42.46466 66.058594 42.746094 C 65.428182 43.01627 64.819758 43.50563 64.234375 44.214844 C 63.716537 44.86777 63.295213 45.733747 62.96875 46.814453 C 62.653544 47.89516 62.496094 49.184412 62.496094 50.681641 C 62.496094 52.223899 62.647223 53.506831 62.951172 54.53125 C 63.255121 55.544412 63.672077 56
|
||
|
|
</symbol>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<rect x="0" y="0" width="300" height="600" rx="10" ry="10"
|
||
|
|
fill="url(#degrade)"/>
|
||
|
|
|
||
|
|
<text text-anchor="middle" x="150" y="30" style="text-transform:uppercase"
|
||
|
|
font-size="20" font-family="Arial" fill="#fff" filter="url(#shadow)">Température</text>
|
||
|
|
|
||
|
|
<circle r="90" cx="150" cy="180" fill="none" stroke="white" opacity="0.5" stroke-width="20" />
|
||
|
|
<circle r="90" cx="150" cy="180" fill="none" opacity="1" stroke="#fff" stroke-width="20"
|
||
|
|
stroke-dasharray="200 365.487" stroke-dashoffset="-213.18"/>
|
||
|
|
|
||
|
|
<text text-anchor="middle" font-family="Arial" x="160" y="200" font-size="60" fill="#fff">21°</text>
|
||
|
|
|
||
|
|
<path d="M0 475 q 150 -50 300 0" stroke-width="3" fill="none" stroke="white" />
|
||
|
|
|
||
|
|
<g transform="translate(0 330)">
|
||
|
|
<rect x="25.5" y="6" width="15" height="60" fill="#fff"/>
|
||
|
|
<rect x="64.5" y="16" width="15" height="50" fill="#fff"/>
|
||
|
|
<rect x="103.5" y="0" width="15" height="66" fill="#fff"/>
|
||
|
|
<rect x="142.5" y="24" width="15" height="42" fill="#fff"/>
|
||
|
|
<rect x="181.5" y="14" width="15" height="52" fill="#fff"/>
|
||
|
|
<rect x="220.5" y="8" width="15" height="58" fill="#fff"/>
|
||
|
|
<rect x="259.5" y="17" width="15" height="49" fill="#fff"/>
|
||
|
|
<text font-family="Arial" y="62" font-size="8" text-anchor="middle">
|
||
|
|
<tspan x="33">L</tspan>
|
||
|
|
<tspan x="72">M</tspan>
|
||
|
|
<tspan x="111">M</tspan>
|
||
|
|
<tspan x="150">J</tspan>
|
||
|
|
<tspan x="189">V</tspan>
|
||
|
|
<tspan x="228">S</tspan>
|
||
|
|
<tspan x="267">D</tspan>
|
||
|
|
</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="translate(0 525)">
|
||
|
|
<circle cx="75" cy="0" r="30" fill="none" stroke="#fff" stroke-width="7" opacity="0.5" />
|
||
|
|
<circle cx="75" cy="0" r="30" fill="none" stroke="#fff" stroke-width="7"
|
||
|
|
stroke-dasharray="70 108" stroke-dashoffset="-60" />
|
||
|
|
<use href="#humidity" width="30" height="30" fill="#fff" transform="translate(60, -14)" />
|
||
|
|
|
||
|
|
<circle cx="225" cy="0" r="30" fill="none" stroke="#fff" stroke-width="7" opacity="0.5" />
|
||
|
|
<circle cx="225" cy="0" r="30" fill="none" stroke="#fff" stroke-width="7"
|
||
|
|
stroke-dasharray="50 138" stroke-dashoffset="-60" />
|
||
|
|
<use href="#co2" width="40" height="40" fill="#fff" transform="translate(205, -20)" />
|
||
|
|
</g>
|
||
|
|
</svg>
|