diff options
-rw-r--r-- | Makefile | 24 | ||||
-rw-r--r-- | README.txt | 5 | ||||
-rw-r--r-- | eyes.svg | 145 | ||||
-rw-r--r-- | kwiatuszek.html | 558 | ||||
-rw-r--r-- | kwiatuszek.html.template | 249 | ||||
-rwxr-xr-x | make_center.sh | 10 | ||||
-rwxr-xr-x | make_face.sh | 21 | ||||
-rwxr-xr-x | make_petals.sh | 56 | ||||
-rwxr-xr-x | make_stem.sh | 16 | ||||
-rwxr-xr-x | make_text.sh | 15 | ||||
-rw-r--r-- | najlepszego.svg | 158 | ||||
-rw-r--r-- | petal.svg | 66 | ||||
-rw-r--r-- | smile.svg | 70 | ||||
-rw-r--r-- | zokazji.svg | 132 |
14 files changed, 1525 insertions, 0 deletions
diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..70c194d --- /dev/null +++ b/Makefile @@ -0,0 +1,24 @@ +%.html: %.html.template + awk '{line = $$0; if (match($$0, /<IMPORT (.*)\/>/, ary) != 0) system("cat " ary[1]); else print line}' $< > $@ + +kwiatuszek.html: petals.html center.html face.html stem.html text.html + +_inner_row_delay _flower_delay petals.html: make_petals.sh + ./make_petals.sh > petals.html + +center.html: make_center.sh _inner_row_delay + ./make_center.sh > center.html + +_face_delay face.html: make_face.sh _flower_delay + ./make_face.sh > face.html + +_stem_delay stem.html: make_stem.sh _face_delay + ./make_stem.sh > stem.html + +text.html: make_text.sh _stem_delay + ./make_text.sh > text.html + +clean: + rm -rf *_delay petals.html center.html face.html stem.html text.html kwiatuszek.html + +.PHONY: clean diff --git a/README.txt b/README.txt new file mode 100644 index 0000000..5d0e8b1 --- /dev/null +++ b/README.txt @@ -0,0 +1,5 @@ +(yet another) CSS flower animation + +Copyright (C) Wojtek Kosior + +Released under Creative Commons Zero: https://creativecommons.org/publicdomain/zero/1.0/legalcode diff --git a/eyes.svg b/eyes.svg new file mode 100644 index 0000000..3491ea1 --- /dev/null +++ b/eyes.svg @@ -0,0 +1,145 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + id="svg1556" + version="1.1" + viewBox="0 0 210 297" + height="297mm" + width="210mm"> + <defs + id="defs1550" /> + <metadata + id="metadata1553"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + id="layer1"> + <path + id="path1593" + d="m 46.763585,142.01115 c -5.316056,-0.47066 -11.240791,-2.08174 -16.230642,-4.4135 -2.222121,-1.03841 -6.561096,-3.72077 -8.339651,-5.15559 l -0.649671,-0.52412 2.253288,-2.24856 c 12.93437,-12.90722 26.898374,-14.84422 42.030535,-5.83023 2.955573,1.76058 6.802078,4.537 9.427387,6.80472 l 1.532128,1.32343 -1.44068,1.29036 c -7.215788,6.46291 -17.809609,9.70728 -28.582694,8.75349 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#303030;stroke-width:1.78291917;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <path + id="path1593-3" + d="m 159.36271,142.00885 c 5.39054,-0.47066 11.39827,-2.08174 16.45803,-4.4135 2.25324,-1.03841 6.65301,-3.72077 8.45648,-5.15559 l 0.65877,-0.52412 -2.28485,-2.24856 c -13.11557,-12.90722 -27.2752,-14.84422 -42.61936,-5.83023 -2.99697,1.76058 -6.89736,4.537 -9.55944,6.80472 l -1.5536,1.32343 1.46086,1.29036 c 7.31688,6.46291 18.05911,9.70728 28.98311,8.75349 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#303030;stroke-width:1.79536438;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <ellipse + ry="11.044199" + rx="8.5067682" + cy="130.29288" + cx="48.791752" + id="path2159" + style="opacity:1;fill:#452a2a;fill-opacity:1;stroke:#867979;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <ellipse + ry="11.044199" + rx="8.5067682" + cy="130.2238" + cx="157.15448" + id="path2159-5" + style="opacity:1;fill:#452a2a;fill-opacity:1;stroke:#867979;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <path + id="path2192" + d="m 75.991137,130.73107 c 0.233521,-4.682 -0.28316,-5.34576 -0.544793,-5.7431" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6" + d="m 71.758401,127.74932 c 0.233521,-4.682 -1.485873,-7.21665 -1.747506,-7.61399" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-2" + d="m 66.212558,123.40619 c 0.233521,-4.682 -2.020412,-8.48618 -2.282045,-8.88352" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-9" + d="m 59.129916,120.13213 c 0.233521,-4.682 -2.554951,-9.08753 -2.816584,-9.48487" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-1" + d="m 51.579551,118.0608 c 0.233521,-4.682 -3.289942,-8.48618 -3.551575,-8.88352" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-27" + d="m 43.561465,118.26125 c 0.233521,-4.682 -3.824481,-8.48618 -4.086114,-8.88352" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-0" + d="m 35.27611,120.66668 c -0.434653,-4.61519 -3.223125,-7.48392 -3.484758,-7.88126" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-93" + d="m 29.128911,124.6089 c -0.768739,-4.74882 -2.688585,-5.27894 -2.950218,-5.67628" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-6-6" + d="m 24.184425,129.28612 c -2.30554,-4.74882 -3.022672,-4.00942 -3.284305,-4.40676" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.14069879;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + id="path2192-0" + d="m 130.00419,130.72172 c -0.19937,-4.67955 0.34252,-5.33775 0.61749,-5.73221" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-62" + d="m 134.42108,127.78311 c -0.19937,-4.67954 1.60693,-7.19534 1.88191,-7.58981" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-2-6" + d="m 140.21219,123.49696 c -0.19936,-4.67956 2.17291,-8.45855 2.44787,-8.85301" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-9-1" + d="m 147.58732,120.29338 c -0.19938,-4.67955 2.73274,-9.05422 3.0077,-9.44868" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-1-8" + d="m 155.43649,118.29579 c -0.19937,-4.67956 3.48948,-8.4465 3.76445,-8.84096" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-27-7" + d="m 163.74995,118.57214 c -0.19936,-4.67955 4.04384,-8.44142 4.3188,-8.83588" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-0-9" + d="m 172.32043,121.05381 c 0.49296,-4.60646 3.41103,-7.44586 3.68599,-7.84032" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-93-2" + d="m 178.65945,125.05044 c 0.84065,-4.73678 2.83651,-5.24815 3.11148,-5.64261" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <path + id="path2192-6-6-0" + d="m 183.74445,129.76994 c 2.43442,-4.72221 3.17138,-3.97673 3.44633,-4.3712" + style="fill:none;fill-opacity:1;stroke:#303030;stroke-width:1.1611172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1" /> + <ellipse + ry="4.8555555" + rx="2.4054255" + cy="131.06871" + cx="48.790119" + id="path2299" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#9b7e7e;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <ellipse + ry="1.4174107" + rx="0.47247022" + cy="131.17915" + cx="50.443607" + id="path2301" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#9b7e7e;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + <ellipse + ry="4.8555555" + rx="2.4054255" + cy="130.62473" + cx="157.15448" + id="path2299-3" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#9b7e7e;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" /> + </g> +</svg> diff --git a/kwiatuszek.html b/kwiatuszek.html new file mode 100644 index 0000000..695d927 --- /dev/null +++ b/kwiatuszek.html @@ -0,0 +1,558 @@ +<!DOCTYPE html> +<html> + <head> + <title>🏶</title> + <style> + div, body { + margin: 0; + padding: 0; + } + + img { + user-select: none; + } + + html { + width: 100vw; + height: 100vh; + overflow: hidden; + bachground-color: #fff; + } + + #picture { + --unit: calc(100vh / 90); + overflow: hidden; + height: calc(90 * var(--unit)); + } + + #picture h1 { + font-size: var(--unit); + } + + #picture>*, .smile, .eyes, .center { + margin-left: auto; + margin-right: auto; + } + + .flower { + position: relative; + top: calc(-67 * var(--unit)); + width: calc(30 * var(--unit)); + height: calc(30 * var(--unit)); + } + + .flower>* { + position: relative; + width: 0; + height: 0; + } + + .center { + top: calc(15 * var(--unit)); + + transform-origin: 50% 50%; + animation-name: center-appear; + animation-duration: 0; + animation-fill-mode: both; + } + + .animated .center { + animation-duration: 0.4s; + } + + .center::before { + content: ""; + display: block; + width: calc(3 * var(--unit)); + height: calc(3 * var(--unit)); + background-color: #c80; + border-radius: calc(1.5 * var(--unit)); + position: relative; + top: calc(-1.5 * var(--unit)); + left: calc(-1.5 * var(--unit)); + } + + @keyframes center-appear { + 0% { + transform: scale(0); + } + + 100% { + transform: scale(1); + } + } + + .petal { + top: calc(14.7 * var(--unit)); + left: calc(15 * var(--unit)); + } + + .petal * { + width: calc(var(--subunit) * var(--unit)); + animation-duration: 8s; + animation-timing-function: ease-out; + animation-fill-mode: both; + } + + .petal>*{ + position: relative; + top: calc(-3 * var(--subunit) * var(--unit)); + left: calc(-0.5 * var(--subunit) * var(--unit)); + + transform-origin: 50% 100%; + animation-name: petal-rotate; + } + + .petal>*>*{ + position: relative; + + animation-delay: inherit; + animation-name: petal-come-close; + } + + @keyframes petal-rotate { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(var(--end-deg)); + } + } + + @keyframes petal-come-close { + 0% { + bottom: calc(15 * var(--unit)); + opacity: 0; + } + + 100% { + bottom: 0; + opacity: 1; + } + } + + .smile { + top: calc(20 * var(--unit)); + } + + .eyes { + top: calc(5 * var(--unit)); + } + + .smile>*, .eyes>* { + position: relative; + width: calc(17 * var(--unit)); + left: calc(-8.5 * var(--unit)); + top: calc(-3 * var(--unit)); + animation-fill-mode: both; + } + + .smile>* { + animation-name: appear; + animation-duration: 0.3s; + } + + @keyframes appear { + 0% { + transform: scaleY(0); + } + + 100% { + transform: scaleY(1); + } + } + + .eyes>* { + transform-origin: 50% calc(10.5 * var(--unit)); + animation-name: eyes-blink; + animation-duration: 4s; + animation-iteration-count: infinite; + } + + @keyframes eyes-blink { + 0%, 100% { + transform: scaleY(0); + } + + 7.5%, 92.5% { + transform: scaleY(1); + } + } + + .stem { + position: relative; + top: calc(15 * var(--unit)); + background-color: #495; + border-left: solid calc(0.5 * var(--unit)) #252; + border-right: solid calc(0.5 * var(--unit)) #252; + width: var(--unit); + height: calc(75 * var(--unit)); + + transform-origin: 50% calc(0 * var(--unit)); + animation-name: appear; + animation-duration: 0.6s; + animation-fill-mode: both; + } + + .najlepszego, .zokazji { + position: relative; + width: 0; + height: 0; + top: calc(-55 * var(--unit)); + + animation-name: appear; + animation-duration: 0.4s; + animation-fill-mode: both; + } + + .zokazji { + top: calc(-35 * var(--unit)); + } + + .najlepszego>*, .zokazji>* { + position: relative; + width: calc(42 * var(--unit)); + left: calc(-21 * var(--unit)); + + transform-origin: 50% 100%; + animation-name: bounce; + animation-direction: alternate; + animation-iteration-count: infinite; + animation-duration: 1.5s; + animation-fill-mode: both; + animation-timing-function: cubic-bezier(0.01, 0.29, 0, 0.96); + } + + @keyframes bounce { + 0% { + transform: scaleY(0.7); + } + + 100% { + transform: scaleY(1.2); + } + } + </style> + </head> + <body> + <div id="picture"> + <div class="stem" style="animation-delay: 28.05s;"></div> + <div class="flower animated"> + <div class="center" style="animation-delay: 18.8s;"></div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -360deg; animation-delay: 20.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -384deg; animation-delay: 19.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -408deg; animation-delay: 19.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -432deg; animation-delay: 19.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -456deg; animation-delay: 18.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -480deg; animation-delay: 18.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -504deg; animation-delay: 18.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -528deg; animation-delay: 17.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -552deg; animation-delay: 17.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -576deg; animation-delay: 17.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -600deg; animation-delay: 17.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -624deg; animation-delay: 16.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -648deg; animation-delay: 16.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -672deg; animation-delay: 16.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 5.3; --end-deg: -696deg; animation-delay: 15.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -732deg; animation-delay: 15.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -756deg; animation-delay: 15.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -780deg; animation-delay: 14.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -804deg; animation-delay: 14.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -828deg; animation-delay: 14.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -852deg; animation-delay: 14.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -876deg; animation-delay: 13.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -900deg; animation-delay: 13.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -924deg; animation-delay: 13.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -948deg; animation-delay: 12.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -972deg; animation-delay: 12.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -996deg; animation-delay: 12.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -1020deg; animation-delay: 11.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -1044deg; animation-delay: 11.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 3.2; --end-deg: -1068deg; animation-delay: 11.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1104deg; animation-delay: 11.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1128deg; animation-delay: 10.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1152deg; animation-delay: 10.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1176deg; animation-delay: 10.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1200deg; animation-delay: 9.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1224deg; animation-delay: 9.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1248deg; animation-delay: 9.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1272deg; animation-delay: 8.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1296deg; animation-delay: 8.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1320deg; animation-delay: 8.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1344deg; animation-delay: 8.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1368deg; animation-delay: 7.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1392deg; animation-delay: 7.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1416deg; animation-delay: 7.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1.5; --end-deg: -1440deg; animation-delay: 6.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1476deg; animation-delay: 6.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1500deg; animation-delay: 6.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1524deg; animation-delay: 5.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1548deg; animation-delay: 5.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1572deg; animation-delay: 5.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1596deg; animation-delay: 5.0s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1620deg; animation-delay: 4.7s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1644deg; animation-delay: 4.4s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1668deg; animation-delay: 4.1s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1692deg; animation-delay: 3.8s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1716deg; animation-delay: 3.5s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1740deg; animation-delay: 3.2s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1764deg; animation-delay: 2.9s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1788deg; animation-delay: 2.6s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="petal"> + <div style="--subunit: 1; --end-deg: -1812deg; animation-delay: 2.3s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> + <div class="smile"> + <img style="animation-delay: 27.55s;" src="./smile.svg" alt="flower smile" draggable="false"> + </div> + <div class="eyes"> + <img style="animation-delay: 27.55s;" src="./eyes.svg" alt="flower eyes" draggable="false"> + </div> + </div> + <div class="najlepszego" style="animation-delay: 29.15s;"> + <img src="najlepszego.svg" alt=""Wszystkiego najlepszego" text" draggabe="false"></img> + </div> + <div class="zokazji" style="animation-delay: 29.15s;"> + <img src="zokazji.svg" alt=""Z okazji urodzin" text" draggable="false"></img> + </div> + </div> + </body> +</html> diff --git a/kwiatuszek.html.template b/kwiatuszek.html.template new file mode 100644 index 0000000..6bbaa8f --- /dev/null +++ b/kwiatuszek.html.template @@ -0,0 +1,249 @@ +<!DOCTYPE html> +<html> + <head> + <title>🏶</title> + <style> + div, body { + margin: 0; + padding: 0; + } + + img { + user-select: none; + } + + html { + width: 100vw; + height: 100vh; + overflow: hidden; + bachground-color: #fff; + } + + #picture { + --unit: calc(100vh / 90); + overflow: hidden; + height: calc(90 * var(--unit)); + } + + #picture h1 { + font-size: var(--unit); + } + + #picture>*, .smile, .eyes, .center { + margin-left: auto; + margin-right: auto; + } + + .flower { + position: relative; + top: calc(-67 * var(--unit)); + width: calc(30 * var(--unit)); + height: calc(30 * var(--unit)); + } + + .flower>* { + position: relative; + width: 0; + height: 0; + } + + .center { + top: calc(15 * var(--unit)); + + transform-origin: 50% 50%; + animation-name: center-appear; + animation-duration: 0; + animation-fill-mode: both; + } + + .animated .center { + animation-duration: 0.4s; + } + + .center::before { + content: ""; + display: block; + width: calc(3 * var(--unit)); + height: calc(3 * var(--unit)); + background-color: #c80; + border-radius: calc(1.5 * var(--unit)); + position: relative; + top: calc(-1.5 * var(--unit)); + left: calc(-1.5 * var(--unit)); + } + + @keyframes center-appear { + 0% { + transform: scale(0); + } + + 100% { + transform: scale(1); + } + } + + .petal { + top: calc(14.7 * var(--unit)); + left: calc(15 * var(--unit)); + } + + .petal * { + width: calc(var(--subunit) * var(--unit)); + animation-duration: 8s; + animation-timing-function: ease-out; + animation-fill-mode: both; + } + + .petal>*{ + position: relative; + top: calc(-3 * var(--subunit) * var(--unit)); + left: calc(-0.5 * var(--subunit) * var(--unit)); + + transform-origin: 50% 100%; + animation-name: petal-rotate; + } + + .petal>*>*{ + position: relative; + + animation-delay: inherit; + animation-name: petal-come-close; + } + + @keyframes petal-rotate { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(var(--end-deg)); + } + } + + @keyframes petal-come-close { + 0% { + bottom: calc(15 * var(--unit)); + opacity: 0; + } + + 100% { + bottom: 0; + opacity: 1; + } + } + + .smile { + top: calc(20 * var(--unit)); + } + + .eyes { + top: calc(5 * var(--unit)); + } + + .smile>*, .eyes>* { + position: relative; + width: calc(17 * var(--unit)); + left: calc(-8.5 * var(--unit)); + top: calc(-3 * var(--unit)); + animation-fill-mode: both; + } + + .smile>* { + animation-name: appear; + animation-duration: 0.3s; + } + + @keyframes appear { + 0% { + transform: scaleY(0); + } + + 100% { + transform: scaleY(1); + } + } + + .eyes>* { + transform-origin: 50% calc(10.5 * var(--unit)); + animation-name: eyes-blink; + animation-duration: 4s; + animation-iteration-count: infinite; + } + + @keyframes eyes-blink { + 0%, 100% { + transform: scaleY(0); + } + + 7.5%, 92.5% { + transform: scaleY(1); + } + } + + .stem { + position: relative; + top: calc(15 * var(--unit)); + background-color: #495; + border-left: solid calc(0.5 * var(--unit)) #252; + border-right: solid calc(0.5 * var(--unit)) #252; + width: var(--unit); + height: calc(75 * var(--unit)); + + transform-origin: 50% calc(0 * var(--unit)); + animation-name: appear; + animation-duration: 0.6s; + animation-fill-mode: both; + } + + .najlepszego, .zokazji { + position: relative; + width: 0; + height: 0; + top: calc(-55 * var(--unit)); + + animation-name: appear; + animation-duration: 0.4s; + animation-fill-mode: both; + } + + .zokazji { + top: calc(-35 * var(--unit)); + } + + .najlepszego>*, .zokazji>* { + position: relative; + width: calc(42 * var(--unit)); + left: calc(-21 * var(--unit)); + + transform-origin: 50% 100%; + animation-name: bounce; + animation-direction: alternate; + animation-iteration-count: infinite; + animation-duration: 1.5s; + animation-fill-mode: both; + animation-timing-function: cubic-bezier(0.01, 0.29, 0, 0.96); + } + + @keyframes bounce { + 0% { + transform: scaleY(0.7); + } + + 100% { + transform: scaleY(1.2); + } + } + </style> + </head> + <body> + <div id="picture"> +<IMPORT stem.html/> + <div class="flower animated"> +<IMPORT center.html/> +<IMPORT petals.html/> +<IMPORT face.html/> + </div> +<IMPORT text.html/> + </div> + </body> +</html> diff --git a/make_center.sh b/make_center.sh new file mode 100755 index 0000000..d76ada4 --- /dev/null +++ b/make_center.sh @@ -0,0 +1,10 @@ +#!/bin/sh + +ANIMATION_DELAY=$(bc <<EOF +$(cat _inner_row_delay) - 0.2 +EOF + ) + +cat <<EOF + <div class="center" style="animation-delay: ${ANIMATION_DELAY}s;"></div> +EOF diff --git a/make_face.sh b/make_face.sh new file mode 100755 index 0000000..26202f8 --- /dev/null +++ b/make_face.sh @@ -0,0 +1,21 @@ +#!/bin/sh + +ANIMATION_DELAY=$(bc <<EOF +$(cat _flower_delay) - 0.15 +EOF + ) + +cat <<EOF + <div class="smile"> + <img style="animation-delay: ${ANIMATION_DELAY}s;" src="./smile.svg" alt="flower smile" draggable="false"> + </div> + <div class="eyes"> + <img style="animation-delay: ${ANIMATION_DELAY}s;" src="./eyes.svg" alt="flower eyes" draggable="false"> + </div> +EOF + +FACE_APPEAR_DURATION=0.3 # must match animation-duration in kwiatuszek.html.template + +bc >_face_delay <<EOF +$ANIMATION_DELAY + $FACE_APPEAR_DURATION +EOF diff --git a/make_petals.sh b/make_petals.sh new file mode 100755 index 0000000..14645b2 --- /dev/null +++ b/make_petals.sh @@ -0,0 +1,56 @@ +#!/bin/sh + +IN_ROW=15 + +DELAY_BETWEEN=0.3 +DEG_BETWEEN=24 + +SUBUNITS="5.3 3.2 1.5 1" +SUBUNITS_N=$(wc -w <<EOF +$SUBUNITS +EOF + ) +END_DEG=360 +ANIMATION_DURATION=8 # must match that in kwiatuszek.html.template +ANIMATION_DELAY=$(bc <<EOF +2 + $SUBUNITS_N * $IN_ROW * $DELAY_BETWEEN +EOF + ) + +print_petal() { + cat <<EOF + <div class="petal"> + <div style="--subunit: $SUBUNIT; --end-deg: -${END_DEG}deg; animation-delay: ${ANIMATION_DELAY}s;"> + <img src="./petal.svg" alt="flower petal" draggable="false"> + </div> + </div> +EOF +} + +I=0 +for SUBUNIT in $SUBUNITS; do + I=$((I + 1)) + + if [ $I -eq $((SUBUNITS_N - 1)) ]; then + bc >_inner_row_delay <<EOF +$ANIMATION_DELAY + $ANIMATION_DURATION +EOF + fi + + if [ $I -eq 1 ]; then + bc >_flower_delay <<EOF +$ANIMATION_DELAY + $ANIMATION_DURATION - $DELAY_BETWEEN +EOF + fi + + for _ in $(seq $IN_ROW); do + print_petal + END_DEG=$((END_DEG + DEG_BETWEEN)) + ANIMATION_DELAY=$(bc <<EOF +$ANIMATION_DELAY - $DELAY_BETWEEN +EOF + ) + done + + END_DEG=$((END_DEG + DEG_BETWEEN / 2)) +done diff --git a/make_stem.sh b/make_stem.sh new file mode 100755 index 0000000..c84a892 --- /dev/null +++ b/make_stem.sh @@ -0,0 +1,16 @@ +#!/bin/sh + +ANIMATION_DELAY=$(bc <<EOF +$(cat _face_delay) + 0.2 +EOF + ) + +cat <<EOF + <div class="stem" style="animation-delay: ${ANIMATION_DELAY}s;"></div> +EOF + +STEM_APPEAR_DURATION=0.6 # must match animation-duration in kwiatuszek.html.template + +bc >_stem_delay <<EOF +$ANIMATION_DELAY + $STEM_APPEAR_DURATION +EOF diff --git a/make_text.sh b/make_text.sh new file mode 100755 index 0000000..d1545f4 --- /dev/null +++ b/make_text.sh @@ -0,0 +1,15 @@ +#!/bin/sh + +ANIMATION_DELAY=$(bc <<EOF +$(cat _stem_delay) + 0.5 +EOF + ) + +cat <<EOF + <div class="najlepszego" style="animation-delay: ${ANIMATION_DELAY}s;"> + <img src="najlepszego.svg" alt=""Wszystkiego najlepszego" text" draggabe="false"></img> + </div> + <div class="zokazji" style="animation-delay: ${ANIMATION_DELAY}s;"> + <img src="zokazji.svg" alt=""Z okazji urodzin" text" draggable="false"></img> + </div> +EOF diff --git a/najlepszego.svg b/najlepszego.svg new file mode 100644 index 0000000..f4091d5 --- /dev/null +++ b/najlepszego.svg @@ -0,0 +1,158 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + id="svg271" + version="1.1" + viewBox="0 0 114.3 27.019939" + height="27.019939mm" + width="114.3mm" + sodipodi:docname="najlepszego.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1391" + inkscape:window-height="850" + id="namedview45" + showgrid="false" + inkscape:zoom="1.6203703" + inkscape:cx="202.57465" + inkscape:cy="-13.939202" + inkscape:window-x="49" + inkscape:window-y="26" + inkscape:window-maximized="1" + inkscape:current-layer="flowRoot1405" /> + <defs + id="defs265" /> + <metadata + id="metadata268"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <flowRoot + xml:space="preserve" + id="flowRoot1395" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" + transform="scale(0.26458333)"><flowRegion + id="flowRegion1397"><rect + id="rect1399" + width="197.48572" + height="97.508575" + x="2.4685714" + y="4.6140304" /></flowRegion><flowPara + id="flowPara1401">Wszystkiegonajlepszego</flowPara><flowPara + id="flowPara1403" /></flowRoot> <g + aria-label="Wszystkiego +najlepszego" + transform="scale(0.26458333)" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:0.40000001;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" + id="flowRoot1405"> + <path + d="m 4.5722656,10.879297 h 3.0625 l 1.125,19.84375 8.7968754,-19.84375 h 3.515625 l 1.15625,19.84375 8.703125,-19.84375 h 3.203125 l -10.375,23.328125 h -3.96875 L 18.712891,14.754297 9.9785156,34.207422 h -3.96875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1415" /> + <path + d="m 49.119141,17.223047 -0.546875,2.71875 q -1.140625,-0.625 -2.40625,-0.9375 -1.265625,-0.3125 -2.609375,-0.3125 -2.265625,0 -3.578125,0.78125 -1.296875,0.765625 -1.296875,2.09375 0,1.546875 3.03125,2.375 0.234375,0.0625 0.34375,0.09375 l 0.921875,0.28125 q 2.875,0.796875 3.828125,1.671875 0.96875,0.875 0.96875,2.390625 0,2.78125 -2.21875,4.53125 -2.203125,1.75 -5.78125,1.75 -1.390625,0 -2.921875,-0.265625 -1.53125,-0.265625 -3.375,-0.828125 l 0.5625,-2.96875 q 1.578125,0.8125 3.109375,1.234375 1.53125,0.421875 2.9375,0.421875 2.109375,0 3.421875,-0.90625 1.328125,-0.90625 1.328125,-2.296875 0,-1.5 -3.46875,-2.421875 l -0.296875,-0.07813 -0.984375,-0.25 q -2.1875,-0.578125 -3.203125,-1.515625 -1.015625,-0.953125 -1.015625,-2.421875 0,-2.796875 2.09375,-4.4375 2.109375,-1.640625 5.71875,-1.640625 1.421875,0 2.765625,0.234375 1.359375,0.234375 2.671875,0.703125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1417" /> + <path + d="m 53.525391,16.707422 h 13.65625 l -0.515625,2.625 -13.171875,12.578125 h 10.875 l -0.453125,2.296875 H 49.712891 l 0.515625,-2.625 13.171875,-12.578125 H 53.072266 Z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1419" /> + <path + d="m 74.556641,35.832422 q -2,3.359375 -3.265625,4.1875 -1.25,0.84375 -3.203125,0.84375 h -2.265625 l 0.484375,-2.40625 h 1.65625 q 1.203125,0 2.046875,-0.65625 0.84375,-0.65625 1.890625,-2.5625 l 0.890625,-1.671875 -3.875,-16.859375 h 3.046875 l 2.90625,13.40625 8.03125,-13.40625 h 3.015625 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1421" /> + <path + d="m 101.55664,17.223047 -0.54687,2.71875 q -1.140629,-0.625 -2.406254,-0.9375 -1.265625,-0.3125 -2.609375,-0.3125 -2.265625,0 -3.578125,0.78125 -1.296875,0.765625 -1.296875,2.09375 0,1.546875 3.03125,2.375 0.234375,0.0625 0.34375,0.09375 l 0.921875,0.28125 q 2.875,0.796875 3.828125,1.671875 0.968749,0.875 0.968749,2.390625 0,2.78125 -2.218749,4.53125 -2.203125,1.75 -5.78125,1.75 -1.390625,0 -2.921875,-0.265625 -1.53125,-0.265625 -3.375,-0.828125 l 0.5625,-2.96875 q 1.578125,0.8125 3.109375,1.234375 1.53125,0.421875 2.9375,0.421875 2.109375,0 3.421875,-0.90625 1.328125,-0.90625 1.328125,-2.296875 0,-1.5 -3.46875,-2.421875 l -0.296875,-0.07813 -0.984375,-0.25 q -2.1875,-0.578125 -3.203125,-1.515625 -1.015625,-0.953125 -1.015625,-2.421875 0,-2.796875 2.09375,-4.4375 2.109375,-1.640625 5.71875,-1.640625 1.421875,0 2.765625,0.234375 1.359374,0.234375 2.671874,0.703125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1423" /> + <path + d="m 115.77539,16.707422 -0.4375,2.234375 h -5.73437 l -1.85938,9.5 q -0.0937,0.53125 -0.14062,0.890625 -0.0469,0.359375 -0.0469,0.5625 0,1 0.59375,1.453125 0.60938,0.453125 1.9375,0.453125 h 2.90625 l -0.48437,2.40625 h -2.75 q -2.5625,0 -3.82813,-1 -1.25,-1 -1.25,-3.03125 0,-0.359375 0.0469,-0.78125 0.0469,-0.4375 0.14062,-0.953125 l 1.85938,-9.5 h -2.4375 l 0.45312,-2.234375 h 2.39063 l 0.96875,-4.96875 h 2.875 l -0.95313,4.96875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1425" /> + <path + d="m 120.66602,9.8949223 h 2.875 l -2.75,14.1718747 9.85937,-7.359375 h 3.73438 l -11,8.375 8.03125,9.125 h -3.48438 l -7.46875,-8.546875 -1.65625,8.546875 h -2.875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1427" /> + <path + d="m 139.22852,9.8949223 h 2.875 l -0.70313,3.6406247 h -2.875 z m -1.3125,6.8124997 h 2.875 l -3.42188,17.5 h -2.875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1429" /> + <path + d="m 157.63477,23.894922 q 0.0469,-0.25 0.0625,-0.515625 0.0312,-0.265625 0.0312,-0.53125 0,-1.90625 -1.125,-3.015625 -1.10938,-1.109375 -3.03125,-1.109375 -2.14063,0 -3.78125,1.359375 -1.64063,1.34375 -2.48438,3.828125 z m 2.5,2.25 h -13.375 q -0.0937,0.59375 -0.125,0.9375 -0.0312,0.34375 -0.0312,0.59375 0,2.171875 1.32812,3.359375 1.34375,1.1875 3.78125,1.1875 1.875,0 3.54688,-0.421875 1.67187,-0.421875 3.10937,-1.234375 l -0.54687,2.84375 q -1.54688,0.625 -3.20313,0.9375 -1.64062,0.3125 -3.34375,0.3125 -3.64062,0 -5.60937,-1.734375 -1.95313,-1.75 -1.95313,-4.953125 0,-2.734375 0.96875,-5.078125 0.98438,-2.359375 2.875,-4.203125 1.21875,-1.15625 2.89063,-1.78125 1.6875,-0.625 3.57812,-0.625 2.96875,0 4.71875,1.78125 1.76563,1.78125 1.76563,4.78125 0,0.71875 -0.0937,1.546875 -0.0937,0.8125 -0.28125,1.75 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1431" /> + <path + d="m 181.00977,16.707422 -2.98438,15.328125 q -0.85937,4.453125 -3.29687,6.640625 -2.42188,2.1875 -6.53125,2.1875 -1.51563,0 -2.8125,-0.234375 -1.29688,-0.21875 -2.42188,-0.6875 l 0.53125,-2.796875 q 1.0625,0.6875 2.25,1.015625 1.1875,0.328125 2.53125,0.328125 2.73438,0 4.48438,-1.5 1.76562,-1.484375 2.32812,-4.28125 l 0.25,-1.3125 q -1.20312,1.375 -2.79687,2.09375 -1.59375,0.71875 -3.4375,0.71875 -2.65625,0 -4.1875,-1.75 -1.51563,-1.765625 -1.51563,-4.84375 0,-2.421875 0.92188,-4.734375 0.92187,-2.328125 2.59375,-4.125 1.10937,-1.1875 2.57812,-1.828125 1.48438,-0.640625 3.09375,-0.640625 1.76563,0 3.07813,0.828125 1.3125,0.8125 1.95312,2.3125 l 0.5,-2.71875 z m -4.32813,6.421875 q 0,-2.125 -1,-3.28125 -1,-1.15625 -2.84375,-1.15625 -1.14062,0 -2.17187,0.453125 -1.03125,0.453125 -1.76563,1.265625 -1.1875,1.34375 -1.85937,3.171875 -0.65625,1.8125 -0.65625,3.75 0,2.15625 1,3.3125 1.01562,1.15625 2.90625,1.15625 2.73437,0 4.5625,-2.46875 1.82812,-2.484375 1.82812,-6.203125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1433" /> + <path + d="m 190.36914,34.660547 q -3.07812,0 -4.875,-1.890625 -1.78125,-1.90625 -1.78125,-5.1875 0,-1.90625 0.60938,-3.875 0.625,-1.984375 1.60937,-3.328125 1.54688,-2.09375 3.45313,-3.09375 1.90625,-1 4.3125,-1 2.98437,0 4.8125,1.859375 1.84375,1.859375 1.84375,4.859375 0,2.078125 -0.60938,4.140625 -0.60937,2.0625 -1.59375,3.421875 -1.53125,2.09375 -3.4375,3.09375 -1.90625,1 -4.34375,1 z m -3.67187,-7.171875 q 0,2.375 0.98437,3.5625 1,1.171875 3.01563,1.171875 2.89062,0 4.78125,-2.515625 1.90625,-2.53125 1.90625,-6.40625 0,-2.265625 -1.01563,-3.421875 -1.01562,-1.15625 -2.98437,-1.15625 -1.625,0 -2.89063,0.765625 -1.26562,0.75 -2.26562,2.296875 -0.73438,1.15625 -1.14063,2.640625 -0.39062,1.484375 -0.39062,3.0625 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1435" /> + <path + d="m 28.884766,74.844923 -2.046875,10.5625 h -2.890625 l 2.046875,-10.453125 q 0.140625,-0.734375 0.21875,-1.296875 0.07813,-0.5625 0.07813,-0.890625 0,-1.3125 -0.828125,-2.046875 -0.828125,-0.734375 -2.3125,-0.734375 -2.3125,0 -3.984375,1.546875 -1.671875,1.53125 -2.1875,4.171875 l -1.921875,9.703125 h -2.875 l 3.390625,-17.5 h 2.875 l -0.578125,2.75 q 1.203125,-1.515625 2.890625,-2.34375 1.6875,-0.828125 3.546875,-0.828125 2.3125,0 3.578125,1.25 1.28125,1.25 1.28125,3.515625 0,0.5625 -0.07813,1.203125 -0.0625,0.640625 -0.203125,1.390625 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1437" /> + <path + d="m 48.556641,75.423048 -1.953125,9.984375 h -2.875 l 0.53125,-2.65625 q -1.265625,1.5625 -2.890625,2.34375 -1.609375,0.765625 -3.59375,0.765625 -2.234375,0 -3.671875,-1.359375 -1.421875,-1.375 -1.421875,-3.515625 0,-3.0625 2.4375,-4.84375 2.453125,-1.78125 6.75,-1.78125 h 4 l 0.15625,-0.765625 q 0.03125,-0.125 0.04687,-0.265625 0.01563,-0.15625 0.01563,-0.46875 0,-1.390625 -1.140625,-2.15625 -1.125,-0.78125 -3.171875,-0.78125 -1.40625,0 -2.890625,0.359375 -1.46875,0.359375 -3.03125,1.078125 l 0.5,-2.65625 q 1.625,-0.609375 3.171875,-0.90625 1.5625,-0.3125 3.015625,-0.3125 3.09375,0 4.703125,1.34375 1.625,1.34375 1.625,3.90625 0,0.515625 -0.07813,1.21875 -0.07813,0.6875 -0.234375,1.46875 z m -3.109375,1.1875 h -2.875 q -3.53125,0 -5.234375,0.953125 -1.6875,0.9375 -1.6875,2.921875 0,1.375 0.859375,2.15625 0.875,0.78125 2.40625,0.78125 2.34375,0 4.09375,-1.671875 1.75,-1.6875 2.3125,-4.5 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1439" /> + <path + d="m 55.634766,67.907423 h 2.875 l -3.453125,17.8125 -0.01563,0.07813 q -0.578125,2.984375 -1.328125,4.09375 -0.703125,1.046875 -2.0625,1.609375 -1.34375,0.5625 -3.1875,0.5625 h -1.078125 l 0.46875,-2.4375 h 0.734375 q 1.6875,0 2.40625,-0.703125 0.703125,-0.703125 1.1875,-3.203125 z m 1.34375,-6.8125 h 2.875 l -0.703125,3.640625 h -2.875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1441" /> + <path + d="m 65.728516,61.094923 h 2.875 l -4.734375,24.3125 h -2.875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1443" /> + <path + d="m 84.134766,75.094923 q 0.04687,-0.25 0.0625,-0.515625 0.03125,-0.265625 0.03125,-0.53125 0,-1.90625 -1.125,-3.015625 -1.109375,-1.109375 -3.03125,-1.109375 -2.140625,0 -3.78125,1.359375 -1.640625,1.34375 -2.484375,3.828125 z m 2.5,2.25 h -13.375 q -0.09375,0.59375 -0.125,0.9375 -0.03125,0.34375 -0.03125,0.59375 0,2.171875 1.328125,3.359375 1.34375,1.1875 3.78125,1.1875 1.875,0 3.546875,-0.421875 1.671875,-0.421875 3.109375,-1.234375 l -0.546875,2.84375 q -1.546875,0.625 -3.203125,0.9375 -1.640625,0.3125 -3.34375,0.3125 -3.640625,0 -5.609375,-1.734375 -1.953125,-1.75 -1.953125,-4.953125 0,-2.734375 0.96875,-5.078125 0.984375,-2.359375 2.875,-4.203125 1.21875,-1.15625 2.890625,-1.78125 1.6875,-0.625 3.578125,-0.625 2.96875,0 4.71875,1.78125 1.765625,1.78125 1.765625,4.78125 0,0.71875 -0.09375,1.546875 -0.09375,0.8125 -0.28125,1.75 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1445" /> + <path + d="m 104.30664,74.626173 q 0,-2.296875 -1,-3.515625 -1,-1.21875 -2.875,-1.21875 -1.281249,0 -2.453124,0.65625 -1.15625,0.65625 -2.0625,1.90625 -0.890625,1.234375 -1.421875,2.984375 -0.53125,1.75 -0.53125,3.46875 0,2.1875 1,3.375 1,1.171875 2.84375,1.171875 1.359375,0 2.515629,-0.640625 1.17187,-0.640625 2,-1.859375 0.89062,-1.28125 1.4375,-3.015625 0.54687,-1.734375 0.54687,-3.3125 z m -8.906249,-4.0625 q 1.15625,-1.515625 2.71875,-2.296875 1.578125,-0.78125 3.499999,-0.78125 2.6875,0 4.17188,1.765625 1.48437,1.75 1.48437,4.921875 0,2.59375 -0.92187,4.953125 -0.92188,2.34375 -2.65625,4.203125 -1.15625,1.234375 -2.60938,1.890625 -1.453124,0.640625 -3.062499,0.640625 -1.859375,0 -3.125,-0.765625 -1.265625,-0.78125 -1.890625,-2.3125 l -1.796875,9.28125 h -2.875 l 4.703125,-24.15625 h 2.875 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1447" /> + <path + d="m 124.74414,68.423048 -0.54687,2.71875 q -1.14063,-0.625 -2.40625,-0.9375 -1.26563,-0.3125 -2.60938,-0.3125 -2.26562,0 -3.57812,0.78125 -1.29688,0.765625 -1.29688,2.09375 0,1.546875 3.03125,2.375 0.23438,0.0625 0.34375,0.09375 l 0.92188,0.28125 q 2.875,0.796875 3.82812,1.671875 0.96875,0.875 0.96875,2.390625 0,2.78125 -2.21875,4.53125 -2.20312,1.75 -5.78125,1.75 -1.39062,0 -2.92187,-0.265625 -1.53125,-0.265625 -3.375,-0.828125 l 0.5625,-2.96875 q 1.57812,0.8125 3.10937,1.234375 1.53125,0.421875 2.9375,0.421875 2.10938,0 3.42188,-0.90625 1.32812,-0.90625 1.32812,-2.296875 0,-1.5 -3.46875,-2.421875 l -0.29687,-0.07813 -0.98438,-0.25 q -2.1875,-0.578125 -3.20312,-1.515625 -1.01563,-0.953125 -1.01563,-2.421875 0,-2.796875 2.09375,-4.4375 2.10938,-1.640625 5.71875,-1.640625 1.42188,0 2.76563,0.234375 1.35937,0.234375 2.67187,0.703125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1449" /> + <path + d="m 129.15039,67.907423 h 13.65625 l -0.51562,2.625 -13.17188,12.578125 h 10.875 l -0.45312,2.296875 h -14.20313 l 0.51563,-2.625 13.17187,-12.578125 h -10.32812 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1451" /> + <path + d="m 157.63477,75.094923 q 0.0469,-0.25 0.0625,-0.515625 0.0312,-0.265625 0.0312,-0.53125 0,-1.90625 -1.125,-3.015625 -1.10938,-1.109375 -3.03125,-1.109375 -2.14063,0 -3.78125,1.359375 -1.64063,1.34375 -2.48438,3.828125 z m 2.5,2.25 h -13.375 q -0.0937,0.59375 -0.125,0.9375 -0.0312,0.34375 -0.0312,0.59375 0,2.171875 1.32812,3.359375 1.34375,1.1875 3.78125,1.1875 1.875,0 3.54688,-0.421875 1.67187,-0.421875 3.10937,-1.234375 l -0.54687,2.84375 q -1.54688,0.625 -3.20313,0.9375 -1.64062,0.3125 -3.34375,0.3125 -3.64062,0 -5.60937,-1.734375 -1.95313,-1.75 -1.95313,-4.953125 0,-2.734375 0.96875,-5.078125 0.98438,-2.359375 2.875,-4.203125 1.21875,-1.15625 2.89063,-1.78125 1.6875,-0.625 3.57812,-0.625 2.96875,0 4.71875,1.78125 1.76563,1.78125 1.76563,4.78125 0,0.71875 -0.0937,1.546875 -0.0937,0.8125 -0.28125,1.75 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1453" /> + <path + d="m 181.00977,67.907423 -2.98438,15.328125 q -0.85937,4.453125 -3.29687,6.640625 -2.42188,2.1875 -6.53125,2.1875 -1.51563,0 -2.8125,-0.234375 -1.29688,-0.21875 -2.42188,-0.6875 l 0.53125,-2.796875 q 1.0625,0.6875 2.25,1.015625 1.1875,0.328125 2.53125,0.328125 2.73438,0 4.48438,-1.5 1.76562,-1.484375 2.32812,-4.28125 l 0.25,-1.3125 q -1.20312,1.375 -2.79687,2.09375 -1.59375,0.71875 -3.4375,0.71875 -2.65625,0 -4.1875,-1.75 -1.51563,-1.765625 -1.51563,-4.84375 0,-2.421875 0.92188,-4.734375 0.92187,-2.328125 2.59375,-4.125 1.10937,-1.1875 2.57812,-1.828125 1.48438,-0.640625 3.09375,-0.640625 1.76563,0 3.07813,0.828125 1.3125,0.8125 1.95312,2.3125 l 0.5,-2.71875 z m -4.32813,6.421875 q 0,-2.125 -1,-3.28125 -1,-1.15625 -2.84375,-1.15625 -1.14062,0 -2.17187,0.453125 -1.03125,0.453125 -1.76563,1.265625 -1.1875,1.34375 -1.85937,3.171875 -0.65625,1.8125 -0.65625,3.75 0,2.15625 1,3.3125 1.01562,1.15625 2.90625,1.15625 2.73437,0 4.5625,-2.46875 1.82812,-2.484375 1.82812,-6.203125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1455" /> + <path + d="m 190.36914,85.860548 q -3.07812,0 -4.875,-1.890625 -1.78125,-1.90625 -1.78125,-5.1875 0,-1.90625 0.60938,-3.875 0.625,-1.984375 1.60937,-3.328125 1.54688,-2.09375 3.45313,-3.09375 1.90625,-1 4.3125,-1 2.98437,0 4.8125,1.859375 1.84375,1.859375 1.84375,4.859375 0,2.078125 -0.60938,4.140625 -0.60937,2.0625 -1.59375,3.421875 -1.53125,2.09375 -3.4375,3.09375 -1.90625,1 -4.34375,1 z m -3.67187,-7.171875 q 0,2.375 0.98437,3.5625 1,1.171875 3.01563,1.171875 2.89062,0 4.78125,-2.515625 1.90625,-2.53125 1.90625,-6.40625 0,-2.265625 -1.01563,-3.421875 -1.01562,-1.15625 -2.98437,-1.15625 -1.625,0 -2.89063,0.765625 -1.26562,0.75 -2.26562,2.296875 -0.73438,1.15625 -1.14063,2.640625 -0.39062,1.484375 -0.39062,3.0625 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32px;line-height:1.60000002;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;writing-mode:lr-tb;text-anchor:end" + id="path1457" /> + </g> +</svg> diff --git a/petal.svg b/petal.svg new file mode 100644 index 0000000..8988d19 --- /dev/null +++ b/petal.svg @@ -0,0 +1,66 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + width="60mm" + height="180mm" + viewBox="0 0 60 180" + version="1.1" + id="svg8" + sodipodi:docname="petal.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1391" + inkscape:window-height="850" + id="namedview8" + showgrid="false" + inkscape:zoom="0.6937963" + inkscape:cx="10.507363" + inkscape:cy="268.97712" + inkscape:window-x="49" + inkscape:window-y="26" + inkscape:window-maximized="1" + inkscape:current-layer="svg8" /> + <defs + id="defs2" /> + <metadata + id="metadata5"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + style="stroke:#67abff;stroke-opacity:1;fill:#c0dbea;fill-opacity:1;stroke-width:2.66700005;stroke-miterlimit:4;stroke-dasharray:none" + id="layer1" + transform="translate(-67.800263,-63.795664)"> + <a + id="a814"> + <path + transform="matrix(0.26458333,0,0,0.26458333,67.800263,63.795664)" + id="path866" + d="M 72.654272,674.418 C 33.154847,607.69321 17.854615,566.91873 5.6209624,524.55529 75.220761,576.97569 17.657036,486.14687 6.4569429,362.77406 80.011794,448.67764 9.1977087,226.4642 6.4422325,201.50873 79.018112,240.46228 57.931305,133.95701 42.738633,45.402603 95.991198,84.037193 97.233542,65.677405 91.399962,8.7169962 111.79224,20.39462 125.23201,20.819165 147.14026,9.7649854 140.61044,66.460494 156.46609,74.64615 191.79765,49.369175 180.41662,134.04762 152.55113,234.34808 222.09274,205.36772 c -1.60277,25.74818 -69.42333,237.5705 -0.24965,161.69346 -13.52019,131.94349 -58.92508,208.1214 -0.22382,163.75974 -10.69315,37.6118 -30.51738,82.37286 -56.27895,143.59855 -10.02795,-15.02176 -78.582166,-16.4301 -92.686048,-0.001 z" + style="opacity:1;fill:#d25686;fill-opacity:1;stroke:#752c75;stroke-width:10.07999992;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccc" /> + </a> + </g> +</svg> diff --git a/smile.svg b/smile.svg new file mode 100644 index 0000000..6d753dd --- /dev/null +++ b/smile.svg @@ -0,0 +1,70 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + id="svg945" + version="1.1" + viewBox="0 0 168.3835 44.549275" + height="44.549274mm" + width="168.3835mm" + sodipodi:docname="smile.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1391" + inkscape:window-height="850" + id="namedview9" + showgrid="false" + inkscape:zoom="0.76887201" + inkscape:cx="302.89718" + inkscape:cy="323.42413" + inkscape:window-x="49" + inkscape:window-y="26" + inkscape:window-maximized="1" + inkscape:current-layer="svg945" /> + <defs + id="defs939" /> + <metadata + id="metadata942"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + transform="translate(-18.857632,-196.50636)" + id="layer1" + style="fill:none;fill-opacity:1"> + <path + id="path949" + d="m 30.067821,196.64029 c 0.811416,9.55294 -4.49729,13.65711 -10.95805,14.69982" + style="fill:none;stroke:#303030;stroke-width:3.165;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1" /> + <path + id="path949-3" + d="m 187.17116,209.41526 c -6.75795,0.29911 -15.16023,-1.38803 -14.69983,-10.95805" + style="fill:none;stroke:#303030;stroke-width:3.165;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1" /> + </g> + <path + id="path947" + d="M 9.0993934,9.8825182 C 48.152862,57.790708 140.06513,49.660449 157.15612,11.007228 150.88173,22.34074 78.157806,56.366812 9.0993934,9.8825182" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#303030;stroke-width:3.16494584;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccc" /> +</svg> diff --git a/zokazji.svg b/zokazji.svg new file mode 100644 index 0000000..e185e68 --- /dev/null +++ b/zokazji.svg @@ -0,0 +1,132 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + id="svg271" + version="1.1" + viewBox="0 0 114.3 27.019939" + height="27.019939mm" + width="114.3mm" + sodipodi:docname="zokazji.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1391" + inkscape:window-height="850" + id="namedview45" + showgrid="false" + inkscape:zoom="1.6203703" + inkscape:cx="190.27047" + inkscape:cy="-16.407774" + inkscape:window-x="49" + inkscape:window-y="26" + inkscape:window-maximized="1" + inkscape:current-layer="flowRoot1405" /> + <defs + id="defs265" /> + <metadata + id="metadata268"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <flowRoot + xml:space="preserve" + id="flowRoot1395" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" + transform="scale(0.26458333)"><flowRegion + id="flowRegion1397"><rect + id="rect1399" + width="197.48572" + height="97.508575" + x="2.4685714" + y="4.6140304" /></flowRegion><flowPara + id="flowPara1401">Wszystkiegonajlepszego</flowPara><flowPara + id="flowPara1403" /></flowRoot> <g + aria-label="Wszystkiego najlepszego" + transform="scale(0.26458333)" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:0.40000001;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" + id="flowRoot1405"> + <g + aria-label="Z okazji +urodzin" + transform="translate(10.491429,-0.61714289)" + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" + id="flowRoot839"> + <path + d="m 232.34375,8.375 h 22.89062 l -0.5664,3.007813 -22.59766,22.832031 h 18.59375 l -0.625,3.320312 h -23.80859 l 0.5664,-3.007812 22.59766,-22.832031 h -17.67578 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path849" /> + <path + d="m 277.42187,38.101562 q -3.84765,0 -6.09375,-2.363281 -2.22656,-2.382812 -2.22656,-6.484375 0,-2.382812 0.76172,-4.84375 0.78125,-2.480469 2.01172,-4.160156 1.93359,-2.617188 4.31641,-3.867188 2.38281,-1.249999 5.39062,-1.249999 3.73047,0 6.01563,2.324218 2.30468,2.324219 2.30468,6.074219 0,2.597656 -0.76172,5.175781 -0.76171,2.578125 -1.99218,4.277344 -1.91407,2.617187 -4.29688,3.867187 -2.38281,1.25 -5.42969,1.25 z m -4.58984,-8.964843 q 0,2.96875 1.23047,4.453125 1.25,1.464843 3.76953,1.464843 3.61328,0 5.97656,-3.144531 2.38282,-3.164062 2.38282,-8.007812 0,-2.832032 -1.26954,-4.277344 -1.26953,-1.445313 -3.73046,-1.445313 -2.03125,0 -3.61329,0.957032 -1.58203,0.9375 -2.83203,2.871093 -0.91797,1.445313 -1.42578,3.300782 -0.48828,1.855468 -0.48828,3.828125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path851" /> + <path + d="m 299.04297,7.1445312 h 3.59375 l -3.4375,17.7148438 12.32422,-9.199219 h 4.66797 l -13.75,10.46875 10.03906,11.40625 H 308.125 l -9.33594,-10.683594 -2.07031,10.683594 H 293.125 Z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path853" /> + <path + d="m 336.40625,25.054687 -2.44141,12.480469 h -3.59375 l 0.66407,-3.320312 q -1.58204,1.953125 -3.61329,2.929687 -2.01171,0.957031 -4.49218,0.957031 -2.79297,0 -4.58985,-1.699218 -1.77734,-1.71875 -1.77734,-4.394532 0,-3.828125 3.04687,-6.054687 3.06641,-2.226563 8.4375,-2.226563 h 5 l 0.19532,-0.957031 q 0.0391,-0.15625 0.0586,-0.332031 0.0195,-0.195313 0.0195,-0.585938 0,-1.738281 -1.42578,-2.695312 -1.40625,-0.976563 -3.96484,-0.976563 -1.75782,0 -3.61328,0.449219 -1.83594,0.449219 -3.78907,1.347656 l 0.625,-3.320312 q 2.03125,-0.761719 3.96485,-1.132812 1.95312,-0.390625 3.76953,-0.390625 3.86719,0 5.8789,1.679687 2.03125,1.679687 2.03125,4.882812 0,0.644532 -0.0976,1.523438 -0.0977,0.859375 -0.29297,1.835937 z m -3.88672,1.484375 h -3.59375 q -4.41406,0 -6.54297,1.191407 -2.10937,1.171875 -2.10937,3.652343 0,1.71875 1.07422,2.695313 1.09375,0.976562 3.00781,0.976562 2.92969,0 5.11719,-2.089843 2.1875,-2.109375 2.89062,-5.625 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path855" /> + <path + d="m 344.10156,15.660156 h 17.07031 l -0.64453,3.28125 -16.46484,15.722656 h 13.59375 l -0.56641,2.871094 h -17.7539 l 0.64453,-3.28125 16.46484,-15.722656 h -12.91015 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path857" /> + <path + d="m 366.26953,15.660156 h 3.59375 l -4.31641,22.265625 -0.0195,0.09766 q -0.72265,3.730469 -1.66015,5.117188 -0.87891,1.308594 -2.57813,2.011719 -1.67969,0.703125 -3.98437,0.703125 h -1.34766 l 0.58594,-3.046875 h 0.91797 q 2.10937,0 3.00781,-0.878907 0.87891,-0.878906 1.48437,-4.003906 z m 1.67969,-8.5156248 h 3.59375 l -0.87891,4.5507818 h -3.59375 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path859" /> + <path + d="m 378.88672,7.1445312 h 3.59375 l -0.87891,4.5507818 h -3.59375 z m -1.64063,8.5156248 h 3.59375 l -4.27734,21.875 h -3.59375 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path861" /> + <path + d="m 229.78516,78.863281 2.55859,-13.203125 h 3.61328 l -2.55859,13.066406 q -0.19532,0.957032 -0.29297,1.640625 -0.0781,0.683594 -0.0781,1.132813 0,1.660156 1.01563,2.578125 1.01562,0.898437 2.87109,0.898437 2.89063,0 5,-1.953125 2.10938,-1.953125 2.75391,-5.253906 l 2.40234,-12.109375 h 3.59375 l -4.23828,21.875 h -3.59375 l 0.72266,-3.4375 q -1.52344,1.914063 -3.63282,2.96875 -2.08984,1.035156 -4.45312,1.035156 -2.87109,0 -4.47266,-1.5625 -1.60156,-1.582031 -1.60156,-4.394531 0,-0.585937 0.0977,-1.464844 0.0977,-0.878906 0.29297,-1.816406 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path863" /> + <path + d="m 270.33203,68.980469 q -0.54687,-0.292969 -1.25,-0.449219 -0.70312,-0.15625 -1.50391,-0.15625 -2.87109,0 -5.01953,2.1875 -2.14843,2.167969 -2.85156,5.820312 L 257.5,87.535156 h -3.59375 l 4.27734,-21.875 h 3.59375 l -0.68359,3.398438 q 1.42578,-1.894532 3.39844,-2.910157 1.99218,-1.015625 4.23828,-1.015625 0.58594,0 1.15234,0.07813 0.56641,0.05859 1.13281,0.214844 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path865" /> + <path + d="m 279.14062,88.101562 q -3.84765,0 -6.09375,-2.363281 -2.22656,-2.382812 -2.22656,-6.484375 0,-2.382812 0.76172,-4.84375 0.78125,-2.480469 2.01172,-4.160156 1.93359,-2.617188 4.31641,-3.867188 2.38281,-1.25 5.39062,-1.25 3.73047,0 6.01563,2.324219 2.30468,2.324219 2.30468,6.074219 0,2.597656 -0.76172,5.175781 -0.76171,2.578125 -1.99218,4.277344 -1.91407,2.617187 -4.29688,3.867187 -2.38281,1.25 -5.42969,1.25 z m -4.58984,-8.964843 q 0,2.96875 1.23047,4.453125 1.25,1.464843 3.76953,1.464843 3.61328,0 5.97656,-3.144531 2.38282,-3.164062 2.38282,-8.007812 0,-2.832032 -1.26954,-4.277344 -1.26953,-1.445313 -3.73046,-1.445313 -2.03125,0 -3.61329,0.957032 -1.58203,0.9375 -2.83203,2.871093 -0.91797,1.445313 -1.42578,3.300782 -0.48828,1.855468 -0.48828,3.828125 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path867" /> + <path + d="m 310.15625,84.253906 q -1.44531,1.894531 -3.41797,2.871094 -1.97266,0.976562 -4.375,0.976562 -3.28125,0 -5.19531,-2.226562 -1.89453,-2.246094 -1.89453,-6.132813 0,-3.242187 1.15234,-6.171875 1.15234,-2.949218 3.33984,-5.273437 1.44532,-1.542969 3.26172,-2.34375 1.81641,-0.820313 3.8086,-0.820313 2.10937,0 3.71093,1.015625 1.6211,1.015625 2.5,2.910157 l 2.34375,-11.914063 h 3.61329 l -5.91797,30.390625 h -3.61328 z m -11.15234,-5.15625 q 0,2.832031 1.26953,4.414063 1.28906,1.582031 3.55468,1.582031 1.67969,0 3.10547,-0.800781 1.44532,-0.820313 2.53907,-2.402344 1.15234,-1.640625 1.8164,-3.789063 0.66406,-2.148437 0.66406,-4.238281 0,-2.714844 -1.28906,-4.238281 -1.26953,-1.523438 -3.51562,-1.523438 -1.69922,0 -3.16407,0.800782 -1.46484,0.800781 -2.5,2.304687 -1.13281,1.621094 -1.8164,3.769531 -0.66406,2.148438 -0.66406,4.121094 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path869" /> + <path + d="m 323.47656,65.660156 h 17.07031 l -0.64453,3.28125 -16.46484,15.722656 h 13.59375 l -0.56641,2.871094 h -17.7539 l 0.64453,-3.28125 16.46484,-15.722656 h -12.91015 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path871" /> + <path + d="m 347.16797,57.144531 h 3.59375 l -0.87891,4.550781 h -3.59375 z m -1.64063,8.515625 h 3.59375 l -4.27734,21.875 H 341.25 Z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path873" /> + <path + d="m 373.22266,74.332031 -2.5586,13.203125 h -3.61328 l 2.55859,-13.066406 q 0.17579,-0.917969 0.27344,-1.621094 0.0977,-0.703125 0.0977,-1.113281 0,-1.640625 -1.03516,-2.558594 -1.03515,-0.917969 -2.89062,-0.917969 -2.89063,0 -4.98047,1.933594 -2.08985,1.914063 -2.73438,5.214844 l -2.40234,12.128906 h -3.59375 l 4.23828,-21.875 h 3.59375 l -0.72266,3.4375 q 1.50391,-1.894531 3.61329,-2.929687 2.10937,-1.035157 4.43359,-1.035157 2.89062,0 4.47266,1.5625 1.60156,1.5625 1.60156,4.394532 0,0.703125 -0.0977,1.503906 -0.0781,0.800781 -0.2539,1.738281 z" + style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start" + id="path875" /> + </g> + </g> +</svg> |