April 1st update :)
This commit is contained in:
41
src/app.css
41
src/app.css
@@ -4,34 +4,57 @@
|
|||||||
/* @import '@skeletonlabs/skeleton-svelte'; */
|
/* @import '@skeletonlabs/skeleton-svelte'; */
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
/* Light shades - for backgrounds and cards */
|
/*
|
||||||
|
Old green ECSESS palette (kept for quick revert):
|
||||||
--color-ecsess-50: #e8ffd9;
|
--color-ecsess-50: #e8ffd9;
|
||||||
--color-ecsess-100: #cce7ba;
|
--color-ecsess-100: #cce7ba;
|
||||||
--color-ecsess-150: #bae9a5;
|
--color-ecsess-150: #bae9a5;
|
||||||
--color-ecsess-200: #a9d0a0;
|
--color-ecsess-200: #a9d0a0;
|
||||||
|
|
||||||
/* Mid-light shades - for borders and hover states */
|
|
||||||
--color-ecsess-250: #9cc295;
|
--color-ecsess-250: #9cc295;
|
||||||
--color-ecsess-300: #8fb98a;
|
--color-ecsess-300: #8fb98a;
|
||||||
--color-ecsess-350: #7daa7a;
|
--color-ecsess-350: #7daa7a;
|
||||||
--color-ecsess-400: #6a9a6a;
|
--color-ecsess-400: #6a9a6a;
|
||||||
|
|
||||||
/* Mid shades - for accents and interactive elements */
|
|
||||||
--color-ecsess-450: #62925a;
|
--color-ecsess-450: #62925a;
|
||||||
--color-ecsess-500: #5a8b5a;
|
--color-ecsess-500: #5a8b5a;
|
||||||
--color-ecsess-550: #4c7a4f;
|
--color-ecsess-550: #4c7a4f;
|
||||||
--color-ecsess-600: #3f6a3f;
|
--color-ecsess-600: #3f6a3f;
|
||||||
--color-ecsess-650: #306032;
|
--color-ecsess-650: #306032;
|
||||||
|
|
||||||
/* Mid-dark shades - for text on light backgrounds */
|
|
||||||
--color-ecsess-700: #2f4d29;
|
--color-ecsess-700: #2f4d29;
|
||||||
--color-ecsess-750: #1c4a1e;
|
--color-ecsess-750: #1c4a1e;
|
||||||
--color-ecsess-800: #0a3d2a;
|
--color-ecsess-800: #0a3d2a;
|
||||||
|
|
||||||
/* Dark shades - for text and backgrounds */
|
|
||||||
--color-ecsess-850: #083525;
|
--color-ecsess-850: #083525;
|
||||||
--color-ecsess-900: #062c20;
|
--color-ecsess-900: #062c20;
|
||||||
--color-ecsess-950: #031c15;
|
--color-ecsess-950: #031c15;
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Light bright blues - for backgrounds and cards */
|
||||||
|
--color-ecsess-50: #eff6ff;
|
||||||
|
--color-ecsess-100: #dbeafe;
|
||||||
|
--color-ecsess-150: #bfdbfe;
|
||||||
|
--color-ecsess-200: #93c5fd;
|
||||||
|
|
||||||
|
/* Mid-light bright blues - for borders and hover states */
|
||||||
|
--color-ecsess-250: #7ab8ff;
|
||||||
|
--color-ecsess-300: #60a5fa;
|
||||||
|
--color-ecsess-350: #4f9bff;
|
||||||
|
--color-ecsess-400: #3b82f6;
|
||||||
|
|
||||||
|
/* Mid bright blues - for accents and interactive elements */
|
||||||
|
--color-ecsess-450: #2f74ef;
|
||||||
|
--color-ecsess-500: #2563eb;
|
||||||
|
--color-ecsess-550: #2259d1;
|
||||||
|
--color-ecsess-600: #1d4ed8;
|
||||||
|
--color-ecsess-650: #1b46c2;
|
||||||
|
|
||||||
|
/* Mid-dark bright blues - for text on light backgrounds */
|
||||||
|
--color-ecsess-700: #1e40af;
|
||||||
|
--color-ecsess-750: #1b3a99;
|
||||||
|
--color-ecsess-800: #1e3a8a;
|
||||||
|
|
||||||
|
/* Dark bright blues - for text and backgrounds */
|
||||||
|
--color-ecsess-850: #1b3277;
|
||||||
|
--color-ecsess-900: #1e2f66;
|
||||||
|
--color-ecsess-950: #172554;
|
||||||
|
|
||||||
/* Black variants for UI elements */
|
/* Black variants for UI elements */
|
||||||
--color-ecsess-black: #1f1f1f;
|
--color-ecsess-black: #1f1f1f;
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
<!-- Left: Description and Quick Links -->
|
<!-- Left: Description and Quick Links -->
|
||||||
<div class="ml-4 flex flex-col items-center gap-2 text-center lg:items-start lg:text-left">
|
<div class="ml-4 flex flex-col items-center gap-2 text-center lg:items-start lg:text-left">
|
||||||
<h1 class="mb-2">
|
<h1 class="mb-2">
|
||||||
{#each 'We are ECSESS!'.split('') as char, i}
|
{#each 'We are probably ECSESS!'.split('') as char, i}
|
||||||
<span class="page-title" in:fade|global={{ delay: 150 + i * 60, duration: 800 }}>
|
<span class="page-title" in:fade|global={{ delay: 150 + i * 60, duration: 800 }}>
|
||||||
{char}
|
{char}
|
||||||
</span>
|
</span>
|
||||||
@@ -51,11 +51,6 @@
|
|||||||
<div
|
<div
|
||||||
class="ring-ecsess-400/20 ring-offset-ecsess-900/50 relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-2xl shadow-2xl ring-1 ring-offset-2"
|
class="ring-ecsess-400/20 ring-offset-ecsess-900/50 relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-2xl shadow-2xl ring-1 ring-offset-2"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="from-ecsess-500/10 absolute inset-0 rounded-2xl bg-linear-to-br to-transparent"
|
|
||||||
aria-hidden="true"
|
|
||||||
></div>
|
|
||||||
|
|
||||||
<!-- <img
|
<!-- <img
|
||||||
src={data.councilPhoto}
|
src={data.councilPhoto}
|
||||||
alt="ECSESS Council"
|
alt="ECSESS Council"
|
||||||
@@ -64,7 +59,7 @@
|
|||||||
|
|
||||||
<iframe
|
<iframe
|
||||||
class="block h-full w-full"
|
class="block h-full w-full"
|
||||||
src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&controls=1&playsinline=1&rel=0"
|
src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&controls=0&playsinline=1&rel=0"
|
||||||
title="Rick Astley - Never Gonna Give You Up"
|
title="Rick Astley - Never Gonna Give You Up"
|
||||||
allow="autoplay; encrypted-media; picture-in-picture"
|
allow="autoplay; encrypted-media; picture-in-picture"
|
||||||
allowfullscreen
|
allowfullscreen
|
||||||
|
|||||||
Reference in New Issue
Block a user