From 3ed34aca9553a6a25f71fbbbb38da652a37d0e2e Mon Sep 17 00:00:00 2001 From: hendr-ik Date: Sat, 20 Jan 2024 21:39:07 +0100 Subject: [PATCH] animation-2 (#22) Reviewed-on: https://git.offen.dev/offen.software/website/pulls/22 Co-authored-by: hendr-ik Co-committed-by: hendr-ik --- website/theme/static/css/styles.css | 26 ++- .../static/images/gfx-content-1-animation.svg | 27 +++ website/theme/static/images/gfx-content-1.svg | 19 -- .../static/images/gfx-content-2-animation.svg | 38 ++++ website/theme/static/images/gfx-content-2.svg | 8 - .../static/images/gfx-content-3-animation.svg | 67 ++++++ website/theme/static/images/gfx-content-3.svg | 20 -- website/theme/static/images/gfx-detail-1.svg | 10 - website/theme/static/images/gfx-detail-2.svg | 11 - website/theme/static/images/gfx-detail-3.svg | 10 - .../static/images/gfx-index-animation.svg | 201 ++++++++++++++++++ website/theme/static/images/gfx-index.svg | 45 ---- website/theme/templates/base.html | 5 +- website/theme/templates/index.html | 8 +- 14 files changed, 364 insertions(+), 131 deletions(-) create mode 100644 website/theme/static/images/gfx-content-1-animation.svg delete mode 100644 website/theme/static/images/gfx-content-1.svg create mode 100644 website/theme/static/images/gfx-content-2-animation.svg delete mode 100644 website/theme/static/images/gfx-content-2.svg create mode 100644 website/theme/static/images/gfx-content-3-animation.svg delete mode 100644 website/theme/static/images/gfx-content-3.svg delete mode 100644 website/theme/static/images/gfx-detail-1.svg delete mode 100644 website/theme/static/images/gfx-detail-2.svg delete mode 100644 website/theme/static/images/gfx-detail-3.svg create mode 100644 website/theme/static/images/gfx-index-animation.svg delete mode 100644 website/theme/static/images/gfx-index.svg diff --git a/website/theme/static/css/styles.css b/website/theme/static/css/styles.css index f8ae86b..3d17a6e 100644 --- a/website/theme/static/css/styles.css +++ b/website/theme/static/css/styles.css @@ -120,6 +120,7 @@ IMAGES /* --------------------------------------------------- ANIMATION ----------------------------------------------------*/ +/* --- 040 ------------------ */ .a-040-010 circle { animation: show-hide-14 14s ease infinite; transform-origin: center; @@ -131,7 +132,7 @@ ANIMATION } /* ---------- */ .a-040-030 circle { - animation: show-hide-10 10s ease infinite; + animation: show-hide-18 18s ease infinite; transform-origin: center; } /* ---------- */ @@ -269,6 +270,29 @@ ANIMATION transform: scale(0.8); } } +/* --- 18 ------------------ */ +@keyframes show-hide-18 { + 0% { + opacity: 1; + transform: scale(1); + } + 34% { + opacity: 1; + transform: scale(1); + } + 36% { + opacity: 0; + transform: scale(0.8); + } + 56% { + opacity: 0; + transform: scale(0.8); + } + 58% { + opacity: 1; + transform: scale(1); + } +} /* --- 20 ------------------ */ @keyframes show-hide-20 { 0% { diff --git a/website/theme/static/images/gfx-content-1-animation.svg b/website/theme/static/images/gfx-content-1-animation.svg new file mode 100644 index 0000000..862a7b7 --- /dev/null +++ b/website/theme/static/images/gfx-content-1-animation.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + diff --git a/website/theme/static/images/gfx-content-1.svg b/website/theme/static/images/gfx-content-1.svg deleted file mode 100644 index a022611..0000000 --- a/website/theme/static/images/gfx-content-1.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/website/theme/static/images/gfx-content-2-animation.svg b/website/theme/static/images/gfx-content-2-animation.svg new file mode 100644 index 0000000..c919934 --- /dev/null +++ b/website/theme/static/images/gfx-content-2-animation.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + diff --git a/website/theme/static/images/gfx-content-2.svg b/website/theme/static/images/gfx-content-2.svg deleted file mode 100644 index d26e710..0000000 --- a/website/theme/static/images/gfx-content-2.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/website/theme/static/images/gfx-content-3-animation.svg b/website/theme/static/images/gfx-content-3-animation.svg new file mode 100644 index 0000000..b95f650 --- /dev/null +++ b/website/theme/static/images/gfx-content-3-animation.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/theme/static/images/gfx-content-3.svg b/website/theme/static/images/gfx-content-3.svg deleted file mode 100644 index 1cca19b..0000000 --- a/website/theme/static/images/gfx-content-3.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/website/theme/static/images/gfx-detail-1.svg b/website/theme/static/images/gfx-detail-1.svg deleted file mode 100644 index 4d85bb3..0000000 --- a/website/theme/static/images/gfx-detail-1.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/website/theme/static/images/gfx-detail-2.svg b/website/theme/static/images/gfx-detail-2.svg deleted file mode 100644 index 1cf5874..0000000 --- a/website/theme/static/images/gfx-detail-2.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/website/theme/static/images/gfx-detail-3.svg b/website/theme/static/images/gfx-detail-3.svg deleted file mode 100644 index 3da583c..0000000 --- a/website/theme/static/images/gfx-detail-3.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/website/theme/static/images/gfx-index-animation.svg b/website/theme/static/images/gfx-index-animation.svg new file mode 100644 index 0000000..992682c --- /dev/null +++ b/website/theme/static/images/gfx-index-animation.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/theme/static/images/gfx-index.svg b/website/theme/static/images/gfx-index.svg deleted file mode 100644 index c81ed58..0000000 --- a/website/theme/static/images/gfx-index.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/website/theme/templates/base.html b/website/theme/templates/base.html index 0785052..3b05215 100644 --- a/website/theme/templates/base.html +++ b/website/theme/templates/base.html @@ -25,7 +25,6 @@ - {% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/styles.css", "css/fonts.css" %} {% endassets %} @@ -50,8 +49,6 @@ {% endif %} - - {% block content %}{% endblock %}
@@ -89,7 +86,7 @@
- pattern + pattern
diff --git a/website/theme/templates/index.html b/website/theme/templates/index.html index cf50d99..237a0c1 100644 --- a/website/theme/templates/index.html +++ b/website/theme/templates/index.html @@ -7,7 +7,9 @@
- pattern + + pattern +
@@ -31,7 +33,7 @@
- pattern + pattern
@@ -48,7 +50,7 @@
- pattern + pattern