diff --git a/src/app.css b/src/app.css index 7f02d14..9be2435 100644 --- a/src/app.css +++ b/src/app.css @@ -118,6 +118,26 @@ body { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418' /%3E%3C/svg%3E"); } +.anim { + background: linear-gradient(-45deg, rgba(200, 178, 245, 0.8), rgba(238, 203, 192, 0.8), rgba(135, 169, 240, 0.8), rgba(202, 179, 245, 0.8), rgba(238, 203, 192, 0.8), rgba(184, 251, 246, 0.8)); + background-size: 400% 400%; + animation: gradient-animation 30s ease infinite; +} + +@keyframes gradient-animation { + 0% { + background-position: 0% 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0% 50%; + } +} + .fadein{ animation: pulsein 1s cubic-bezier(0.4, 0, 0.6, 1) 1; } diff --git a/src/routes/venues/+page.svelte b/src/routes/venues/+page.svelte index a9d1d5b..4821988 100644 --- a/src/routes/venues/+page.svelte +++ b/src/routes/venues/+page.svelte @@ -5,8 +5,10 @@ Venue | ETHBrno² -
-
+
-