diff --git a/src/app.css b/src/app.css index 76966f9..f258653 100644 --- a/src/app.css +++ b/src/app.css @@ -3,17 +3,28 @@ @tailwind utilities; .fluid-gradient { - background: linear-gradient(#1d2e5b, #c61e5d 60%, #df5178 80%, #1d2e5b); - background-size: 200% 200%; + background: url(stars-bg.png) repeat, linear-gradient(#1d2e5b, #c61e5d 60%, #df5178 80%, #1d2e5b); + background-size: 1090px, 200% 200%; animation: gradient 16s ease infinite alternate; } +.text-rp-gradient { + color: #c61e5d; + background-image: linear-gradient(270deg, #c61e5d, #1d2e5b); + background-clip: text; + text-fill-color: transparent; + -webkit-background-clip: text; + -moz-background-clip: text; + -webkit-text-fill-color: transparent; + -moz-text-fill-color: transparent; +} + @keyframes gradient { 0% { - background-position: 200% 30%; + background-position: 50%, 200% 30%; } 100% { - background-position: 50% 0%; + background-position: 50%, 50% 0%; } } diff --git a/src/app.html b/src/app.html index 42ad0f2..a1f372c 100644 --- a/src/app.html +++ b/src/app.html @@ -7,7 +7,7 @@ \ No newline at end of file diff --git a/src/components/footer.svelte b/src/components/footer.svelte new file mode 100644 index 0000000..bdfd020 --- /dev/null +++ b/src/components/footer.svelte @@ -0,0 +1,48 @@ + + + +
+ + + + + + + + + + + + + + + + + + + +
+
Organized by ACM@UIUC
+
diff --git a/src/components/home/info.svelte b/src/components/home/info.svelte new file mode 100644 index 0000000..a8beed5 --- /dev/null +++ b/src/components/home/info.svelte @@ -0,0 +1 @@ +
diff --git a/src/components/home/sponsors.svelte b/src/components/home/sponsors.svelte new file mode 100644 index 0000000..dfeb62f --- /dev/null +++ b/src/components/home/sponsors.svelte @@ -0,0 +1,21 @@ + + +
+

+ Our Sponsors +

+
+ {#each sponsors[0] as sponsor} + {sponsor} logo + {/each} +
+
+ {#each sponsors[1] as sponsor} + {sponsor} logo + {/each} +
+
diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte index 5b11b43..72d67af 100644 --- a/src/components/navbar.svelte +++ b/src/components/navbar.svelte @@ -1,16 +1,87 @@ -
- +
+ Reflections Projections Home Page +
+ Speakers + + +
{ + openDropDown = true; + }} + on:mouseleave={() => { + openDropDown = false; + }} + > + + {#if openDropDown} +
+ +
+ {/if} +
+ {#if user} +
+ + + + +
+ {:else} + Log In + {/if} +
diff --git a/src/components/shooting-star.svelte b/src/components/shooting-star.svelte index 687c2a0..9c67452 100644 --- a/src/components/shooting-star.svelte +++ b/src/components/shooting-star.svelte @@ -4,6 +4,12 @@
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/stars-bg.png b/static/stars-bg.png new file mode 100644 index 0000000..39ff83d Binary files /dev/null and b/static/stars-bg.png differ diff --git a/tailwind.config.cjs b/tailwind.config.cjs index a56a564..8fe090d 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -3,7 +3,7 @@ module.exports = { content: ['./src/**/*.{html,js,svelte,ts}'], theme: { fontFamily: { - sans: ['Nunito Sans'], + sans: ['Nunito'], serif: ['Roboto\\ Slab'] }, extend: { @@ -25,7 +25,8 @@ module.exports = { colors: { 'rp-blue': '#1D2E5B', 'rp-pink': '#EE4179', - 'rp-dull-pink': '#803b61' + 'rp-dull-pink': '#803b61', + 'rp-cream': '#F9EEEC' } } },