From 29a86d3d4ec8ee2241edb7384fe8613ff6382ac9 Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Sun, 21 Nov 2021 10:49:09 +0100 Subject: initial commit --- Makefile | 24 ++ README.txt | 5 + eyes.svg | 145 ++++++++++++ kwiatuszek.html | 558 +++++++++++++++++++++++++++++++++++++++++++++++ kwiatuszek.html.template | 249 +++++++++++++++++++++ make_center.sh | 10 + make_face.sh | 21 ++ make_petals.sh | 56 +++++ make_stem.sh | 16 ++ make_text.sh | 15 ++ najlepszego.svg | 158 ++++++++++++++ petal.svg | 66 ++++++ smile.svg | 70 ++++++ zokazji.svg | 132 +++++++++++ 14 files changed, 1525 insertions(+) create mode 100644 Makefile create mode 100644 README.txt create mode 100644 eyes.svg create mode 100644 kwiatuszek.html create mode 100644 kwiatuszek.html.template create mode 100755 make_center.sh create mode 100755 make_face.sh create mode 100755 make_petals.sh create mode 100755 make_stem.sh create mode 100755 make_text.sh create mode 100644 najlepszego.svg create mode 100644 petal.svg create mode 100644 smile.svg create mode 100644 zokazji.svg 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, //, 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 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kwiatuszek.html b/kwiatuszek.html new file mode 100644 index 0000000..695d927 --- /dev/null +++ b/kwiatuszek.html @@ -0,0 +1,558 @@ + + + + 🏶 + + + +
+
+
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+
+ flower petal +
+
+
+ flower smile +
+
+ flower eyes +
+
+
+ "Wszystkiego najlepszego" text +
+
+ "Z okazji urodzin" text +
+
+ + 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 @@ + + + + 🏶 + + + +
+ +
+ + + +
+ +
+ + 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 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 < + flower smile + +
+ flower eyes +
+EOF + +FACE_APPEAR_DURATION=0.3 # must match animation-duration in kwiatuszek.html.template + +bc >_face_delay < +
+ flower petal +
+ +EOF +} + +I=0 +for SUBUNIT in $SUBUNITS; do + I=$((I + 1)) + + if [ $I -eq $((SUBUNITS_N - 1)) ]; then + bc >_inner_row_delay <_flower_delay < +EOF + +STEM_APPEAR_DURATION=0.6 # must match animation-duration in kwiatuszek.html.template + +bc >_stem_delay < + "Wszystkiego najlepszego" text + +
+ "Z okazji urodzin" text +
+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 @@ + + + + + + + + image/svg+xml + + + + + + Wszystkiegonajlepszego + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/petal.svg b/petal.svg new file mode 100644 index 0000000..8988d19 --- /dev/null +++ b/petal.svg @@ -0,0 +1,66 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/smile.svg b/smile.svg new file mode 100644 index 0000000..6d753dd --- /dev/null +++ b/smile.svg @@ -0,0 +1,70 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/zokazji.svg b/zokazji.svg new file mode 100644 index 0000000..e185e68 --- /dev/null +++ b/zokazji.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + Wszystkiegonajlepszego + + + + + + + + + + + + + + + + + + -- cgit v1.2.3