Skip to content

Commit

Permalink
Merge pull request #51 from UR-dandyhacks/dev
Browse files Browse the repository at this point in the history 
Add Sponsors section, remove Sponsoring
  • Loading branch information
@cszach
cszach authored Oct 20, 2023
2 parents 1d4f76e + 912c784 commit ecdb314
Show file tree
Hide file tree
Showing 4 changed files with 33 additions and 78 deletions.
Binary file added img/sponsors.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/sponsors_white.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 13 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h3 class="text-2xl"><a href="#hero">DandyHacks &OpenCurlyQuote;23</a></h3>
<li class="text-right hover:scale-110 transition-transform origin-center"><a href="#prizes">Prizes</a></li>
<li class="text-right hover:scale-110 transition-transform origin-center"><a href="#past-projects">Past projects</a></li>
<li class="text-right hover:scale-110 transition-transform origin-center"><a href="#faq">FAQ</a></li>
<li class="hidden text-right hover:scale-110 transition-transform origin-center lg:block"><a href="#sponsoring">Sponsoring</a></li>
<li class="text-right hover:scale-110 transition-transform origin-center"><a href="#sponsors">Sponsors</a></li>
</ul>
</div>
<a id="mlh-trust-badge" style="
Expand Down Expand Up @@ -128,7 +128,7 @@ <h3 class="mb-4 text-2xl text-center font-display">Emerging Tech</h3>
</div>
</div>
<div id="particles-js" class="relative flex flex-col items-center px-5 bg-deep-purple">
<div class="flex flex-col items-center justify-center py-16 gap-10 bg-deep-purple">
<div class="flex flex-col items-center justify-center py-12 lg:py-20 gap-12 lg:gap-20 bg-deep-purple">
<h2 class="text-5xl">
<div id="prizes" class="absolute -top-20"></div>
Prizes
Expand All @@ -144,28 +144,28 @@ <h2 class="text-5xl">
<div class="hover-scale pointer-events-auto flex items-center h-28 p-8 bg-no-repeat bg-contain w-72 md:w-80 lg:w-96 grow-0 rounded-2xl bg-prize-amazon-fire-stick bg-violet bg-[bottom_-16px_right_0px]"><h3>Amazon Fire Stick</h3></div>
</div>
</div>
<div class="flex flex-col grow-0 items-center w-full gap-7 lg:gap-11 px-9 lg:px-0 lg:w-[999px] box-border text-base lg:text-xl">
<div class="flex flex-col grow-0 items-center w-full gap-12 lg:gap-20 px-9 lg:px-0 lg:w-[999px] box-border text-base lg:text-xl">
<h2 class="text-5xl text-center">
<div id="past-projects" class="absolute -top-20"></div>
Past projects
</h2>
<div class="flex flex-row flex-wrap justify-center pt-5 pb-12 lg:pt-1 gap-12">
<a href="https://devpost.com/software/goodsoup" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
<div class="flex flex-row flex-wrap justify-center pointer-events-none lg:pt-1 gap-12">
<a href="https://devpost.com/software/goodsoup" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
<img class="w-full mx-auto mb-9" src="img/projects/goodsoup.png" />
<h3 class="mb-4 text-2xl text-center font-display">GoodSoup</h3>
<p class="px-6 text-center">
The dining hall recipe allergen analysis.
</p>
</a>
<a href="https://devpost.com/software/project-eleos" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
<a href="https://devpost.com/software/project-eleos" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
<img class="w-full mx-auto mb-9" src="img/projects/project-eleos.png" />
<h3 class="mb-4 text-2xl text-center font-display">Project Eleos</h3>
<p class="px-6 text-center">
Project Eleos is our attempt at solving the issue of computational
power and its availability to the average person.
</p>
</a>
<a href="https://devpost.com/software/2-tris" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
<a href="https://devpost.com/software/2-tris" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
<img class="w-full mx-auto mb-9" src="img/projects/2-tris.jpg" />
<h3 class="mb-4 text-2xl text-center font-display">2-Tris</h3>
<p class="px-6 text-center">
Expand All @@ -175,12 +175,12 @@ <h3 class="mb-4 text-2xl text-center font-display">2-Tris</h3>
</a>
</div>
</div>
<div class="flex flex-col items-center pb-24 pt-11 box-border gap-12 lg:gap-20">
<div class="flex flex-col items-center pt-12 pb-24 lg:pt-20 box-border gap-12 lg:gap-20">
<h2 class="text-5xl">
<div id="faq" class="absolute -top-20"></div>
FAQS
</h2>
<div class="flex flex-col px-10 py-4 pointer-events-none lg:py-0 gap-5 lg:px-0">
<div class="flex flex-col px-10 pointer-events-none lg:py-0 gap-5 lg:px-0">
<details>
<summary>
What is a hackathon?
Expand Down Expand Up @@ -267,42 +267,12 @@ <h2 class="text-5xl">
</details>
</div>
</div>
<div class="flex-col items-center hidden mb-24 lg:flex gap-20">
<div class="flex flex-col items-center mb-24 gap-12">
<h2 class="text-5xl">
<div id="sponsoring" class="absolute -top-20"></div>
Sponsoring
<div id="sponsors" class="absolute -top-20"></div>
Sponsors
</h2>
<div class="flex flex-row pointer-events-none gap-24">
<div class="flex flex-col w-[434px] bg-violet rounded-3xl p-12 text-xl hover-scale pointer-events-auto">
<h3 class="text-3xl text-center pb-7">What does a sponsor do?</h3>
<p>Sponsors enable us to:</p>
<ul class="list-disc list-inside">
<li>Keep the entire event <b>free for all of our attendees</b></li>
<li>Send us mentors and workshop leaders and <b>gain recognition
from our hackers</b></li>
</ul>
</div>
<div class="flex flex-col w-[434px] bg-violet rounded-3xl p-12 text-xl hover-scale pointer-events-auto">
<h3 class="text-3xl text-center pb-7">Why sponsor?</h3>
<p>As a sponsor, you will be able to:</p>
<ul class="list-disc list-inside">
<li>
Connect with <b>top students</b>, and get <b>early access</b> to
resumes and portfolios.
</li>
<li>
<b>Showcase your products</b> and see talented students make
cool hacks with them.
</li>
<li>
<b>Inspire the next generation</b> of developers to find pride
and joy in building awesome things.
</li>
<li><b>Attract next generation talent</b> for tech development
programs.</li>
</ul>
</div>
</div>
<img class="pointer-events-none" src="img/sponsors_white.png" />
</div>
</div>
<footer class="flex gap-8 lg:gap-0 flex-col lg:flex-row items-center justify-between lg:px-24 lg:py-12 lg:bg-groundboi lg:bg-no-repeat lg:bg-center-top lg:bg-[length:344px_auto] text-xl">
Expand Down
55 changes: 20 additions & 35 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -884,10 +884,6 @@ h1, h2, h3, h4, h5, h6 {
width: 298px;
}

.w-\[434px\] {
width: 434px;
}

.w-full {
width: 100%;
}
Expand Down Expand Up @@ -1130,10 +1126,6 @@ h1, h2, h3, h4, h5, h6 {
list-style-position: outside;
}

.list-disc {
list-style-type: disc;
}

.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
Expand Down Expand Up @@ -1443,10 +1435,6 @@ h1, h2, h3, h4, h5, h6 {
justify-items: stretch;
}

.gap-10 {
gap: 2.5rem;
}

.gap-12 {
gap: 3rem;
}
Expand All @@ -1459,14 +1447,6 @@ h1, h2, h3, h4, h5, h6 {
gap: 0.625rem;
}

.gap-20 {
gap: 5rem;
}

.gap-24 {
gap: 6rem;
}

.gap-4 {
gap: 1rem;
}
Expand Down Expand Up @@ -2143,10 +2123,6 @@ h1, h2, h3, h4, h5, h6 {
object-fit: scale-down;
}

.p-12 {
padding: 3rem;
}

.p-6 {
padding: 1.5rem;
}
Expand Down Expand Up @@ -2175,9 +2151,9 @@ h1, h2, h3, h4, h5, h6 {
padding-right: 2.25rem;
}

.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}

.py-4 {
Expand All @@ -2202,10 +2178,6 @@ h1, h2, h3, h4, h5, h6 {
padding-bottom: 6rem;
}

.pb-7 {
padding-bottom: 1.75rem;
}

.pt-11 {
padding-top: 2.75rem;
}
Expand All @@ -2218,6 +2190,10 @@ h1, h2, h3, h4, h5, h6 {
padding-top: 1.25rem;
}

.pt-12 {
padding-top: 3rem;
}

.text-left {
text-align: left;
}
Expand Down Expand Up @@ -3027,10 +3003,6 @@ canvas {
display: inline;
}

.lg\:flex {
display: flex;
}

.lg\:hidden {
display: none;
}
Expand Down Expand Up @@ -3086,6 +3058,10 @@ canvas {
gap: 5rem;
}

.lg\:gap-16 {
gap: 4rem;
}

.lg\:bg-deep-purple {
--tw-bg-opacity: 1;
background-color: rgb(27 0 44 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -3136,6 +3112,11 @@ canvas {
padding-bottom: 3rem;
}

.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}

.lg\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
Expand All @@ -3145,6 +3126,10 @@ canvas {
padding-top: 0.25rem;
}

.lg\:pt-20 {
padding-top: 5rem;
}

.lg\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
Expand Down

0 comments on commit ecdb314

Please sign in to comment.