Skip to content

Commit

Permalink
color changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@ssbdragonfly
ssbdragonfly committed Sep 21, 2024
1 parent 7a8436f commit aa51e1e
Show file tree
Hide file tree
Showing 6 changed files with 23 additions and 23 deletions.
2 changes: 1 addition & 1 deletion src/components/Footer.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</script>

<div
class="py-8 px-8 md:px-12 w-full bg-theme-100 sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 ${classNames}"
class="py-8 px-8 md:px-12 w-full bg-[#A7D0F1] sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 ${classNames}"
>
<div class="flex justify-evenly space-x-4 sm:space-x-8 sm:ml-auto">
<a href="mailto:hello@hacktj.org" target="_blank" class="hover:text-blackberry-500">
Expand Down
4 changes: 2 additions & 2 deletions src/routes/faq.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@

<section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
<div class="p-8 md:p-12">
<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
<div class="flex items-center mt-8">
<div class="flex bg-theme-100 rounded-2xl h-16 w-16 items-center mr-4">
<div class="flex bg-[#A7D0F1] rounded-2xl h-16 w-16 items-center mr-4">
<div class="m-auto font-black text-blackberry-800 text-center text-4xl">?</div>
</div>
<h1 class="text-5xl font-black text-white">FAQ</h1>
Expand Down
32 changes: 16 additions & 16 deletions src/routes/index.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
{
text: 'FAQ',
href: `${base}/faq`,
button: { class: 'bg-lightyellow-100 hover:bg-lightyellow-200' }
button: { class: 'bg-[#A2CEF1] hover:bg-[#83BDEC]' }
},
{
text: 'Schedule',
Expand Down Expand Up @@ -63,26 +63,26 @@
<div class="text-white font-bold text-6xl md:text-8xl">
HackTJ
<!-- TODO: `Overpass Mono`: -->
<sup class="text-3xl md:text-4xl font-mono align-super text-theme-100"
<sup class="text-3xl md:text-4xl font-mono align-super" style="color: rgba(161,206,241,255);"
>{event.iteration}</sup
>
</div>
<h3 class="text-white font-medium text-xl md:text-2xl w-3/4">
<!-- <span class="text-theme-100 font-bold">March 4-5, Cvent</span>
<br /> -->
<span class="text-[#A7D0F1] font-bold">March 8-9, Cvent</span>
<br />
Build the next greatest thing - oh, and bring your friends along too.
</h3>
<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3">
{#if registration.isOpen}
<a
href="{base}/register"
class="block text-center py-3 bg-theme-100 hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
class="block text-center py-3 bg-[#83BDEC] hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
>&emsp;Register&emsp;</a
>
{/if}
<a
href="{base}/schedule"
class="block text-center py-3 bg-spruce-100 hover:bg-spruce-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
class="block text-center py-3 bg-[rgba(161,206,241,255)] hover:bg-purple-400 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
>Schedule</a
>
</div>
Expand All @@ -96,25 +96,25 @@
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="-326" width="599" height="61" rx="30.5" fill="#FE5F55" />
<rect x="-326" width="599" height="61" rx="30.5" fill="#B8F1EF" />
<path
d="M321 30.5C321 13.6553 334.655 0 351.5 0H1441V61H351.5C334.655 61 321 47.3447 321 30.5V30.5Z"
fill="#737AB0"
fill="#a2cef1"
/>
</svg>
<svg class="mb-6" viewBox="0 0 1440 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-323" width="470" height="61" rx="30.5" fill="#F3F7F0" />
<rect x="195" width="271" height="61" rx="30.5" fill="#B8DBD9" />
<rect x="514" width="458" height="61" rx="30.5" fill="#FB6376" />
<rect x="1020" width="599" height="61" rx="30.5" fill="#FED049" />
<rect x="514" width="458" height="61" rx="30.5" fill="#6AB4B0" />
<rect x="1020" width="599" height="61" rx="30.5" fill="#799bb6" />
</svg>
</div>
</div>

<!-- About Section -->
<section class="mt-8 p-8 md:p-12 text-blueberry-200" id="about">
<h1 class="text-4xl md:text-6xl lg:text-7xl font-black">
Welcome to the Future Generation of <span class="text-theme-100">Coders</span>
Welcome to the Future Generation of <span class="text-[#A7D0F1]">Coders</span>
</h1>
<div class="flex flex-col lg:flex-row mt-4 text-lg space-y-8 lg:space-y-0 lg:space-x-8">
<p class="flex-1">
Expand All @@ -133,7 +133,7 @@
<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3">
<a
href="{base}/faq"
class="block text-center py-3 bg-lightyellow-100 hover:bg-lightyellow-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
class="block text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl px-8"
>FAQ</a
>
<a
Expand Down Expand Up @@ -168,12 +168,12 @@
<h1 class="text-4xl md:text-6xl font-black text-white">Sponsors</h1>
<h3 class="mt-2 text-xl md:text-2xl font-bold text-blueberry-200">
Interested in sponsoring? Check out our <a
class="underline text-theme-100 hover:text-theme-200"
class="underline text-[#A7D0F1] hover:text-[#83BDEC]"
href="{base}/{event.sponsorshipPacket}"
target="_blank">{event.iteration} sponsorship packet</a
>
or email us at
<a class="underline text-theme-100 hover:text-theme-200" href="mailto:sponsor@hacktj.org"
<a class="underline text-[#A7D0F1] hover:text-[#83BDEC]" href="mailto:sponsor@hacktj.org"
>sponsor@hacktj.org</a
> if you're interested or have any questions!
</h3>
Expand All @@ -191,7 +191,7 @@
unstyled={true}
classBg="fixed top-0 left-0 w-screen h-screen flex flex-col justify-center bg-blackberry-800/[0.8] z-10"
classWindowWrap="relative m-4 max-h-full"
classWindow="rounded-2xl bg-theme-100 text-black p-6 md:p-8 max-w-xl max-h-full m-auto relative"
classWindow="rounded-2xl bg-[#A7D0F1] text-black p-6 md:p-8 max-w-xl max-h-full m-auto relative"
closeButton={CloseButton}
>
<div
Expand Down Expand Up @@ -219,7 +219,7 @@
href={location.mapsLink}
target="_blank"
rel="noopener noreferred"
class="block mt-4 text-center py-3 bg-theme-100 hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl"
class="block mt-4 text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl"
>Open in Google Maps</a
>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/routes/register.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

<section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
<div class="p-8 md:p-12 flex flex-col grow">
<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
<h1 class="text-5xl font-black text-white mt-8 mb-2">Registration</h1>
<p>
{#if registration.participant.notOpenYet}
Expand Down
2 changes: 1 addition & 1 deletion src/routes/resources.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
<div class="p-8 md:p-12">
<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
<h1 class="text-5xl font-black text-white mt-8">Beginner Resources</h1>
<div
class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8"
Expand Down
4 changes: 2 additions & 2 deletions src/routes/schedule.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
let currentDate = Object.keys(cardData)[currentDateIndex];
let hourlyData = Object.values(cardData[currentDate]);
const activeButtonClass = 'bg-theme-100 text-blueberry-800 hover:bg-theme-200';
const activeButtonClass = 'bg-[#A7D0F1] text-blueberry-800 hover:bg-[#83BDEC]';
const inactiveButtonClass = 'border-2 border-white text-white hover:bg-blackberry-500';
function updateIndex(i) {
Expand All @@ -43,7 +43,7 @@
<section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
<div class="h-full grow flex flex-col">
<div class="px-8 md:px-12 pt-8 md:pt-12">
<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
<h1 class="pt-8 md:pt-8 text-5xl font-black text-white">Schedule</h1>
<div class="flex flex-col md:flex-row space-x-0 md:space-x-4 space-y-4 md:space-y-0 mt-4">
{#each Object.keys(cardData) as date, i}
Expand Down

0 comments on commit aa51e1e

Please sign in to comment.