animated background

This commit is contained in:
2024-04-18 23:11:59 +02:00
parent f77bf9cc74
commit 5439f74b73
10 changed files with 772 additions and 395 deletions
@@ -0,0 +1,129 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1900"
height="1500"
viewBox="0 0 502.70834 396.875"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
sodipodi:docname="fond-rond.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"
inkscape:zoom="0.25575084"
inkscape:cx="643.20414"
inkscape:cy="-11.730167"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-51.525162,-32.699875)"><circle
style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans"
cx="92.695091"
cy="69.974625"
r="21.581236" /><circle
style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans-2"
cx="88.803978"
cy="180.71878"
r="21.581236" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable"
cx="90.108749"
cy="265.0322"
r="23.131907" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-93"
cx="89.875549"
cy="165.00394"
r="23.131907" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-9"
cx="267.71634"
cy="72.928932"
r="23.131907" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3"
cx="466.42831"
cy="73.960678"
r="23.131907" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1"
cx="402.3569"
cy="170.33492"
r="23.131907" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1-7"
cx="239.84669"
cy="131.55588"
r="23.131907" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable"
cx="352.88077"
cy="74.67765"
r="22.098125" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4"
cx="509.92899"
cy="126.76264"
r="22.098125" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4-6"
cx="303.03726"
cy="220.98933"
r="22.098125" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4-3"
cx="217.18208"
cy="130.37013"
r="22.098125" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-2"
cx="169.43532"
cy="89.477364"
r="22.098125" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange"
cx="465.94473"
cy="167.39673"
r="22.098158" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-7"
cx="375.21536"
cy="170.19913"
r="22.098158" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-2"
cx="139.51772"
cy="206.53943"
r="22.098158" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-9"
cx="271.93399"
cy="219.95616"
r="22.098158" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0315419;paint-order:fill markers stroke"
id="circle_orange-6"
cx="169.97908"
cy="70.481293"
r="21.581268" /></g></svg>

After

Width:  |  Height:  |  Size: 5.2 KiB

@@ -2,130 +2,143 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1900"
height="1500"
viewBox="0 0 502.70834 396.875"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
sodipodi:docname="fond-rond.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"
inkscape:zoom="0.25575084"
inkscape:cx="643.20414"
inkscape:cy="-11.730167"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-51.525162,-32.699875)"><circle
style="fill:#349a84;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans"
cx="91.660561"
cy="84.505714"
r="15" /><circle
style="fill:#349a84;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans-2"
cx="91.907585"
cy="302.79398"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable"
cx="135.62831"
cy="280.55023"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-93"
cx="91.944618"
cy="357.42755"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-9"
cx="268.75085"
cy="89.481499"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3"
cx="465.39377"
cy="90.513245"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1"
cx="396.14969"
cy="194.12924"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:#b9ce00;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1-7"
cx="265.71008"
cy="196.22624"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="circle_vert_erable"
cx="343.56995"
cy="91.230217"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="circle_vert_erable-4"
cx="509.92899"
cy="147.45335"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="circle_vert_erable-4-6"
cx="311.31354"
cy="276.85425"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="circle_vert_erable-4-3"
cx="209.94034"
cy="196.07504"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="circle_vert_erable-2"
cx="173.57346"
cy="113.27168"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange"
cx="465.94473"
cy="195.32918"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-7"
cx="345.21384"
cy="197.09705"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-2"
cx="477.81082"
cy="322.40741"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-9"
cx="267.79587"
cy="276.85562"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:#d24f4f;stroke-width:0.0315419;paint-order:fill markers stroke"
id="circle_orange-6"
cx="173.08269"
cy="80.826645"
r="15" /></g>
</svg>
width="1900"
height="1500"
viewBox="0 0 502.70834 396.875"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
sodipodi:docname="fond-ronds.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"
inkscape:zoom="0.25575084"
inkscape:cx="643.20414"
inkscape:cy="-11.730167"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-51.525162,-32.699875)"><circle
style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans"
class="dropdown"
cx="92.695091"
cy="69.974625"
r="15" /><circle
style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0315418;paint-order:fill markers stroke"
id="circle_pop_trans-2"
class="moveup"
cx="88.803978"
cy="180.71878"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable"
class="moveup"
cx="90.108749"
cy="265.0322"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-93"
class="dropdown"
cx="89.875549"
cy="165.00394"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-9"
cx="267.71634"
cy="72.928932"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3"
cx="466.42831"
cy="73.960678"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1"
class="moveup changecolor"
cx="402.3569"
cy="170.33492"
r="15" /><circle
style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0338082;paint-order:fill markers stroke"
id="circle_vert_clair_erable-3-1-7"
class="toleft"
cx="239.84669"
cy="131.55588"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable"
class="moveup"
cx="352.88077"
cy="74.67765"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4"
cx="509.92899"
cy="126.76264"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4-6"
cx="303.03726"
cy="220.98933"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-4-3"
class="torightslow"
cx="217.18208"
cy="130.37013"
r="15" /><circle
style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke;image-rendering:auto"
id="cercle_vert_erable-2"
class="toright"
cx="169.43532"
cy="89.477364"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange"
class="dropdown"
cx="465.94473"
cy="167.39673"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-7"
cx="375.21536"
cy="170.19913"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-2"
cx="139.51772"
cy="206.53943"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0322973;paint-order:fill markers stroke"
id="circle_orange-9"
class="moveup"
cx="271.93399"
cy="219.95616"
r="15" /><circle
style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0315419;paint-order:fill markers stroke"
id="circle_orange-6"
class="toleft"
cx="169.97908"
cy="70.481293"
r="15" /></g></svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB