From d810fee04dccd507c064391160960025c11fca0b Mon Sep 17 00:00:00 2001 From: Guille Date: Mon, 13 May 2024 11:35:46 +0200 Subject: [PATCH] Add some style --- css/styles.css | 69 +++++++++++++++++++++++++++++++++ workflows/energy_plus/main.html | 2 +- workflows/meb/main.html | 2 +- workflows/retrofit/main.html | 2 +- 4 files changed, 72 insertions(+), 3 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8da8bb7..571e92f 100644 --- a/css/styles.css +++ b/css/styles.css @@ -62,4 +62,73 @@ h1 { .left { width: auto; overflow: hidden; +} + + + +/* CSS */ +.home { + padding: 0.6em 2em; + border: none; + outline: none; + color: black; + background: white; + cursor: pointer; + position: relative; + z-index: 0; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + font-size: large; + font-weight: bolder; +} + +.home:before { + content: ""; + background: linear-gradient( + 45deg, + #ff0000, + #ff7300, + #fffb00, + #48ff00, + #00ffd5, + #002bff, + #7a00ff, + #ff00c8, + #ff0000 + ); + position: absolute; + top: -2px; + left: -2px; + background-size: 400%; + z-index: -1; + filter: blur(5px); + -webkit-filter: blur(5px); + width: calc(100% + 4px); + height: calc(100% + 4px); + animation: glowing-home 120s linear infinite; + transition: opacity 0.3s ease-in-out; +} + +@keyframes glowing-home { + 0% { + background-position: 0 0; + } + 50% { + background-position: 400% 0; + } + 100% { + background-position: 0 0; + } +} + +.home:after { + z-index: -1; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: white; + left: 0; + top: 0; } \ No newline at end of file diff --git a/workflows/energy_plus/main.html b/workflows/energy_plus/main.html index 9eb1964..70bd1b8 100644 --- a/workflows/energy_plus/main.html +++ b/workflows/energy_plus/main.html @@ -9,7 +9,7 @@ - Home + Home

Energy+ workflow

diff --git a/workflows/meb/main.html b/workflows/meb/main.html index 10f1226..27ca1dd 100644 --- a/workflows/meb/main.html +++ b/workflows/meb/main.html @@ -9,7 +9,7 @@ - Home + Home

INSEL monthly energy balance workflow

diff --git a/workflows/retrofit/main.html b/workflows/retrofit/main.html index ace66c8..86198eb 100644 --- a/workflows/retrofit/main.html +++ b/workflows/retrofit/main.html @@ -9,7 +9,7 @@ - Home + Home

Retrofit workflow