From c5e597ef58668df4d535d4f63fad4f618d4f3881 Mon Sep 17 00:00:00 2001 From: Janis Date: Sun, 30 Oct 2022 15:09:35 +0100 Subject: [PATCH] added tf banner ;) --- css/animations.css | 9 +++++++++ css/style.css | 24 ++++++++++++++++++++++++ frame.html | 4 ++++ img/logo128x128.png | Bin 0 -> 7900 bytes js/app.js | 31 +++++++++++++++++++++++++++++++ 5 files changed, 68 insertions(+) create mode 100644 img/logo128x128.png diff --git a/css/animations.css b/css/animations.css index 7b2c15b..6f28dc3 100644 --- a/css/animations.css +++ b/css/animations.css @@ -75,3 +75,12 @@ background: var(--border-color-flash-1); } } + +@keyframes tfBannerAnimation { + from { + margin-top: -200px; + } + to { + margin-top: 0px; + } +} diff --git a/css/style.css b/css/style.css index c5f7b17..874fcff 100644 --- a/css/style.css +++ b/css/style.css @@ -55,3 +55,27 @@ html { animation-duration: 20s; animation-name: backgroundAnimation; } + +#teafire-banner { + height: 50px; + width: 180px; + padding: 20px; + margin-top: -200px; + z-index: 1; + animation-timing-function: linear; + float: right; +} + +#teafire-banner p { + color: teal; + float: left; + font-size: 23pt; + font-weight: bolder; + padding-top: 8px; + padding-left: 5px; +} +#teafire-banner img { + color: teal; + height: 50px; + float: left; +} diff --git a/frame.html b/frame.html index 36161b2..3d1ebfc 100644 --- a/frame.html +++ b/frame.html @@ -11,6 +11,10 @@
+
+ +

TealFire

+
0
diff --git a/img/logo128x128.png b/img/logo128x128.png new file mode 100644 index 0000000000000000000000000000000000000000..26c04d512a013f7616f32b60d3e9f2db5aaa49c6 GIT binary patch literal 7900 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 { + tfBanner.style.marginTop = "0px"; + tfBanner.style.animationName = ""; + tfBanner.style.animationDuration = ""; + }, 3000); +} + +function closeTealFireBanner() { + tfBanner.style.animationName = "tfBannerAnimation"; + tfBanner.style.animationDuration = "3s"; + tfBanner.style.animationDirection = "reverse"; + + setTimeout(() => { + tfBanner.style.marginTop = "-200px"; + tfBanner.style.animationName = ""; + tfBanner.style.animationDuration = ""; + }, 3000); +} + +setInterval(() => { + showTealFireBanner(); + setTimeout(() => { + closeTealFireBanner(); + }, 20000); +}, 300000); updateSubCount();