feat: SVG repeat background

This commit is contained in:
Settel 2024-10-11 09:36:03 +02:00
commit 9f87bdf525
4 changed files with 683 additions and 0 deletions

321
repeat/girlande-300x50.svg Normal file
View File

@ -0,0 +1,321 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- © 2023 Achim Settelmeier -->
<svg
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="girlande-halb.svg"
id="svg5"
version="1.1"
viewBox="0 0 79.375 13.229167"
height="50"
width="300"
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="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
units="px"
height="200px"
width="600px"
inkscape:zoom="4"
inkscape:cx="144.75"
inkscape:cy="35.5"
inkscape:window-width="1920"
inkscape:window-height="1181"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="layer1"
inkscape:snap-others="false"
inkscape:snap-nodes="false"
inkscape:showpageshadow="2"
inkscape:deskcolor="#d1d1d1" />
<defs
id="defs2" />
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Shadows"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="Shadow 2 mirror"
style="display:inline">
<path
d="M -55.652906,0.82113221 C -34.930225,10.957956 -8.4748994,11.631057 9.9264216,0.83952151"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 4.5043156,3.641378 2.384567,2.0739403 -0.01212,-3.1559088 z"
id="path19968-2-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -3.3206604,6.3838683 2.060556,2.4001011 0.44495607,-3.1225706 z"
id="path19966-2-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -11.445655,8.0430982 1.7291266,2.6458298 0.84861,-3.0374123 z"
id="path19964-8-2" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -19.711632,8.7041046 1.398439,2.8307134 1.206011,-2.9186662 z"
id="path19962-9-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -28.000857,8.4378719 1.06998,2.9704341 1.528041,-2.772392 z"
id="path19960-7-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -36.215882,7.2995316 0.817202,3.0826254 1.745451,-2.612192 z"
id="path19958-3-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -44.268897,5.3177502 0.478844,3.1418378 2.020488,-2.4057407 z"
id="path19956-6-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -52.068896,2.5000369 0.12812,3.1651957 2.2797,-2.1647619 z"
id="path5935-1-1-4" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Shadow 2"
style="display:inline">
<path
d="M 22.713765,0.90625882 C 43.436439,11.043081 69.891763,11.716183 88.293084,0.92464812"
style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 82.870978,3.726504 2.384569,2.0739398 -0.0121,-3.1559073 z"
id="path19968-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 75.046002,6.4689937 2.060561,2.4001012 0.444956,-3.1225706 z"
id="path19966-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 66.921012,8.1282241 1.729122,2.6458299 0.84861,-3.0374129 z"
id="path19964-8" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 58.65503,8.7892301 1.398439,2.8307139 1.206012,-2.9186667 z"
id="path19962-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 50.365805,8.5229974 1.069981,2.9704346 1.52804,-2.7723925 z"
id="path19960-7" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 42.150785,7.3846571 0.817199,3.0826259 1.745452,-2.6121926 z"
id="path19958-3" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 34.097767,5.4028757 34.57661,8.5447135 36.5971,6.1389727 Z"
id="path19956-6" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 26.297772,2.5851633 26.425892,5.750358 28.70559,3.5855966 Z"
id="path5935-1-1" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Shadow 1"
style="display:inline">
<path
d="M 2.8687956,0.96101385 C 24.822545,7.6257439 56.001768,7.8293506 74.265323,0.91637461"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path1079-2" />
<path
style="fill:#000000;fill-opacity:0.062636;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 70.380411,2.2734251 2.142676,2.3321951 0.337118,-3.131467 z"
id="path5943-7" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 62.313297,4.193706 64.185875,6.748714 64.86803,3.6843917 Z"
id="path5941-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 54.105692,5.3759484 55.74751,8.0725567 56.691343,5.0711313 Z"
id="path5939-9" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 45.83304,5.9647076 47.323735,8.7708858 48.433286,5.835054 Z"
id="path5937-3" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 37.540104,6.058077 1.297031,2.8786969 1.307172,-2.8569558 z"
id="path5935-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 29.256319,5.6721091 1.153576,2.9556185 1.444444,-2.786391 z"
id="path5933-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 21.007012,4.8260458 0.955806,3.0088949 1.628364,-2.6927 z"
id="path5931-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 12.82419,3.4759363 13.615147,6.5493365 15.383032,3.956115 Z"
id="path5929-2" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 4.7544736,1.5625759 5.2974526,4.6771 7.2718626,2.2317563 Z"
id="path1317-6" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Group 2"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Garland 2 mirror">
<path
d="M -56.675986,-0.24614328 C -35.953309,9.8906783 -9.4979824,10.56378 8.9033396,-0.22775388"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624-3" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 3.4812366,2.5741015 5.8658036,4.6480404 5.8536836,1.492134 Z"
id="path19968-6" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -4.3437434,5.3165908 2.06056,2.4001011 0.444956,-3.1225705 z"
id="path19966-1" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -12.468734,6.9758212 1.729128,2.6458296 0.8486086,-3.0374126 z"
id="path19964-0" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -20.73471,7.6368271 1.398439,2.8307139 1.206011,-2.9186666 z"
id="path19962-6" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -29.02394,7.3705945 1.06998,2.9704345 1.528041,-2.7723924 z"
id="path19960-3" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -37.238965,6.2322542 0.817202,3.0826256 1.745451,-2.6121923 z"
id="path19958-2" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -45.291986,4.2504723 0.47884,3.1418383 2.020493,-2.4057413 z"
id="path19956-0" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -53.091986,1.4327609 0.12812,3.1651938 2.27971,-2.1647605 z"
id="path5935-1-6" />
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Garland 2"
style="display:inline">
<path
d="M 21.835302,0.05668575 C 42.557972,10.193507 69.013295,10.866608 87.414616,0.07507495"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 81.992515,2.8769303 2.384564,2.0739393 -0.0121,-3.1559063 z"
id="path19968" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 74.167535,5.6194191 2.06056,2.4001016 0.444956,-3.1225705 z"
id="path19966" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 66.042539,7.2786495 1.729132,2.6458296 0.84861,-3.0374121 z"
id="path19964" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 57.776562,7.9396554 1.398439,2.8307136 1.206012,-2.9186664 z"
id="path19962" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 49.487338,7.6734228 1.06998,2.9704342 1.52804,-2.7723921 z"
id="path19960" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 41.272318,6.5350824 0.8172,3.0826257 1.745451,-2.6121918 z"
id="path19958" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 33.219298,4.5533011 0.478843,3.1418377 2.02049,-2.4057402 z"
id="path19956" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 25.419303,1.7355902 0.12812,3.1651938 2.279698,-2.164761 z"
id="path5935-1" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Group 1"
style="display:inline">
<g
inkscape:label="Garland 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
d="M 1.8012906,0.10017067 C 23.755042,6.7649004 54.934268,6.9685077 73.197818,0.05553142"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path1079" />
<path
style="fill:#f947ba;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 69.312911,1.4125819 2.14267,2.3321949 0.337123,-3.1314669 z"
id="path5943" />
<path
style="fill:#8a47f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 61.245791,3.3328631 63.118374,5.8878706 63.80053,2.8235483 Z"
id="path5941" />
<path
style="fill:#8ae2f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 53.038186,4.5151056 1.641818,2.6966077 0.943834,-3.0014254 z"
id="path5939" />
<path
style="fill:#8af500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 44.765537,5.1038642 1.490696,2.8061781 1.10955,-2.9358317 z"
id="path5937" />
<path
style="fill:#e9f500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 36.472601,5.1972336 1.297031,2.8786969 1.307172,-2.8569558 z"
id="path5935" />
<path
style="fill:#ff3e29;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 28.188816,4.8112658 1.153576,2.9556184 1.444443,-2.786391 z"
id="path5933" />
<path
style="fill:#ffa729;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 19.93951,3.9652029 0.955806,3.0088944 1.628363,-2.6927 z"
id="path5931" />
<path
style="fill:#0088eb;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 11.756688,2.6150934 12.547645,5.6884931 14.31553,3.0952716 Z"
id="path5929" />
<path
style="fill:#00c800;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0654407px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 3.6869726,0.70173259 4.2299516,3.8162566 6.2043606,1.3709131 Z"
id="path1317" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

321
repeat/girlande-600x100.svg Normal file
View File

@ -0,0 +1,321 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- © 2023 Achim Settelmeier -->
<svg
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="girlande.svg"
id="svg5"
version="1.1"
viewBox="0 0 158.75 26.458334"
height="100"
width="600"
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="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
units="px"
height="200px"
width="600px"
inkscape:zoom="0.5"
inkscape:cx="78.000001"
inkscape:cy="312"
inkscape:window-width="1920"
inkscape:window-height="1181"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="layer8"
inkscape:snap-others="false"
inkscape:snap-nodes="false"
inkscape:showpageshadow="2"
inkscape:deskcolor="#d1d1d1" />
<defs
id="defs2" />
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Shadows"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="Shadow 2 mirror"
style="display:inline">
<path
d="M -110.21138,1.6092791 C -68.763316,21.884247 -15.849216,23.230536 20.955824,1.6460601"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 10.110905,7.2501381 14.88035,11.398289 14.85611,5.0860601 Z"
id="path19968-2-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -5.5400663,12.735476 4.12138,4.800515 0.88996991,-6.245548 z"
id="path19966-2-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -21.791116,16.054152 3.45848,5.292005 1.69733,-6.075221 z"
id="path19964-8-2" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -38.324146,17.376251 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-9-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -54.903676,16.843751 2.1401,5.941254 3.05628,-5.545144 z"
id="path19960-7-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -71.334796,14.566922 1.63451,6.165653 3.49113,-5.224725 z"
id="path19958-3-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -87.441876,10.603101 0.95775,6.284085 4.04124,-4.811795 z"
id="path19956-6-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -103.0429,4.9673071 0.25626,6.3308039 4.559703,-4.3298059 z"
id="path5935-1-1-4" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Shadow 2"
style="display:inline">
<path
d="M 46.532177,1.7795434 C 87.980224,22.054509 140.89432,23.400799 177.69936,1.8163244"
style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 166.85444,7.4204011 4.76945,4.1481499 -0.0242,-6.3122259 z"
id="path19968-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 151.20347,12.905738 4.12139,4.800515 0.88997,-6.245548 z"
id="path19966-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 134.95243,16.224415 3.45847,5.292004 1.69733,-6.075221 z"
id="path19964-8" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 118.41939,17.546513 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 101.83986,17.014013 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960-7" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 85.408749,14.737184 1.634504,6.165653 3.491131,-5.224725 z"
id="path19958-3" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 69.301664,10.773363 0.957748,6.284085 4.041243,-4.811795 z"
id="path19956-6" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 53.700657,5.1375711 0.256257,6.3308019 4.559693,-4.3298049 z"
id="path5935-1-1" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Shadow 1"
style="display:inline">
<path
d="M 6.8396521,1.8890606 C 50.750011,15.219389 113.11252,15.626629 149.64201,1.7997763"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path1079-2" />
<path
style="fill:#000000;fill-opacity:0.062636;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 141.87168,4.5140541 4.28563,4.664694 0.67428,-6.263342 z"
id="path5943-7" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 125.7364,8.3548661 3.7454,5.1103489 1.3644,-6.1290439 z"
id="path5941-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 109.32012,10.719505 3.28385,5.393568 1.88779,-6.003242 z"
id="path5939-9" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 92.773739,11.8971 2.981585,5.612722 2.219245,-5.872046 z"
id="path5937-3" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 76.186786,12.083851 2.594231,5.757769 2.614514,-5.714284 z"
id="path5935-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 59.618137,11.311865 2.307302,5.911622 2.889076,-5.573145 z"
id="path5933-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 43.118447,9.6196281 1.911737,6.0181819 3.25694,-5.385751 z"
id="path5931-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 26.751738,6.9192331 1.582016,6.1472009 3.536,-5.1867809 z"
id="path5929-2" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.611253,3.092263 1.08603,6.2294541 3.949077,-4.891006 z"
id="path1317-6" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Group 2"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Garland 2 mirror">
<path
d="M -112.25767,-0.52541095 C -70.809616,19.749553 -17.895516,21.095843 18.909526,-0.48862975"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624-3" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 8.0646137,5.1154461 4.7694453,4.148148 -0.02424,-6.312224 z"
id="path19968-6" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -7.5863665,10.600782 4.1213902,4.800515 0.88997,-6.2455479 z"
id="path19966-1" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -23.837406,13.919459 3.45848,5.292004 1.69733,-6.075221 z"
id="path19964-0" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -40.370436,15.241557 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-6" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -56.949976,14.709057 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960-3" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -73.381096,12.432228 1.63451,6.165653 3.49113,-5.224725 z"
id="path19958-2" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -89.488186,8.4684061 0.95775,6.2840859 4.04124,-4.811796 z"
id="path19956-0" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -105.0892,2.8326161 0.25625,6.3308 4.55971,-4.329803 z"
id="path5935-1-6" />
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Garland 2"
style="display:inline">
<path
d="M 44.775136,0.08028656 C 86.223176,20.35525 139.13727,21.701539 175.94231,0.11706736"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 165.0974,5.7211431 4.76944,4.1481489 -0.0242,-6.3122239 z"
id="path19968" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 149.44642,11.206478 4.12139,4.800516 0.88997,-6.2455479 z"
id="path19966" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 133.19537,14.525155 3.45849,5.292004 1.69733,-6.07522 z"
id="path19964" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 116.66234,15.847253 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 100.08281,15.314753 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 83.651701,13.037924 1.634505,6.165653 3.49113,-5.224724 z"
id="path19958" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 67.544612,9.0741031 0.957748,6.2840849 4.041242,-4.811794 z"
id="path19956" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 51.943605,3.4383141 0.256257,6.3308 4.559693,-4.329804 z"
id="path5935-1" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Group 1"
style="display:inline">
<g
inkscape:label="Garland 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
d="M 4.7045021,0.16726206 C 48.614866,13.49759 110.97738,13.904831 147.50686,0.07797776"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path1079" />
<path
style="fill:#f947ba;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 139.73654,2.7922554 4.28562,4.6646937 0.67429,-6.2633417 z"
id="path5943" />
<path
style="fill:#8a47f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 123.60125,6.6330681 3.74541,5.1103479 1.3644,-6.1290439 z"
id="path5941" />
<path
style="fill:#8ae2f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 107.18497,8.9977071 3.28385,5.3935669 1.88779,-6.0032419 z"
id="path5939" />
<path
style="fill:#8af500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 90.638594,10.175301 2.981585,5.612722 2.219245,-5.872046 z"
id="path5937" />
<path
style="fill:#e9f500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 74.05164,10.362052 2.594232,5.757769 2.614514,-5.714284 z"
id="path5935" />
<path
style="fill:#ff3e29;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 57.482991,9.5900661 2.307303,5.9116219 2.889075,-5.573145 z"
id="path5933" />
<path
style="fill:#ffa729;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 40.983305,7.8978301 42.895042,13.916011 46.15198,8.5302601 Z"
id="path5931" />
<path
style="fill:#0088eb;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 24.616594,5.1974351 1.582017,6.1471999 3.536,-5.1867809 z"
id="path5929" />
<path
style="fill:#00c800;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 8.4761121,1.3704643 9.5621424,7.5999181 13.511217,2.7089125 Z"
id="path1317" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

16
repeat/index.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SVG repeat</title>
<meta data-hid="viewport" name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<header>
<div class="girlande girlande--600x100"></div>
<div class="spacer"></div>
<div class="girlande girlande--300x50"></div>
</header>
</body>
</html>

25
repeat/style.css Normal file
View File

@ -0,0 +1,25 @@
html,
body {
margin: 0;
padding: 0;
}
.spacer {
width: 0;
height: 2rem;
}
.girlande {
width: 100%;
background-repeat: repeat-x;
}
.girlande--300x50 {
height: 50px;
background-image: url(girlande-300x50.svg);
}
.girlande--600x100 {
height: 100px;
background-image: url(girlande-600x100.svg);
}