Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix background gradient and About Us description #176

Merged
merged 3 commits into from
Oct 9, 2024
Merged

Fix background gradient and About Us description #176

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e8b4390
update about us description
waalbert Oct 8, 2024
7631985
fix background gradient
waalbert Oct 8, 2024
a2ab9e8
fix about us text placement on different screen sizes
waalbert Oct 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 20 additions & 4 deletions apps/site/src/app/(home)/sections/Intro/Intro.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,34 @@

.description {
text-align: center;
font-size: 1rem;
font-size: 0.85rem;

@include bootstrap.media-breakpoint-up(sm) {
@media screen and (min-width: 415px) {
font-size: 1rem;
}

@media screen and (min-width: 500px) {
font-size: 1.25rem;
}

@include bootstrap.media-breakpoint-up(xl) {
font-size: 1.5rem;
}
}

.header {
font-size: 1.25rem;
font-size: 1rem;
font-weight: 600;

@media screen and (min-width: 415px) {
font-size: 1.25rem;
}

@include bootstrap.media-breakpoint-up(sm) {
font-size: 1.5rem;
}

@include bootstrap.media-breakpoint-up(xl) {
font-size: 2rem;
}
}
Expand All @@ -26,7 +42,7 @@
margin-top: 3vw;

@media screen and (min-width: 400px) {
margin-top: 12.5vw;
margin-top: 7.5vw;
}

@include bootstrap.media-breakpoint-up(sm) {
Expand Down
12 changes: 7 additions & 5 deletions apps/site/src/app/(home)/sections/Intro/Intro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,13 @@ export default function Intro() {
<div className={styles.intro}>
<h2 className={styles.header}>What is ZotHacks?</h2>
<p className={styles.description}>
ZotHacks is UC Irvine’s beginner-friendly hackathon, where students with
minimal computer science experience will learn to build their first CS
project. Through ZotHacks, we introduce these students to the world of
hackathons and web development by providing technical workshops, strong
mentorship, and free food!
ZotHacks is a 12-hour hackathon designed for beginners where students
with minimal computer science experience will learn to build their first
CS project. Through ZotHacks, we introduce these students to the world
of hackathons and web development by providing technical workshops,
dedicated mentors for every team, and free food! We encourage applicants
from all backgrounds, including underrepresented minorities, majors, or
genders to apply!
</p>
</div>
);
Expand Down
4 changes: 0 additions & 4 deletions apps/site/src/lib/styles/globals.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,6 @@ $container-padding: 8rem;

.background {
background: linear-gradient(#01a6c4, #01a7c5 67%, #00c1a9 82%, #8dbd9e);

@media screen and (min-height: 600px) {
background: #01a6c4;
}
}

.accordion {
Expand Down
Loading