Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/ucsdds3/datahacks2024
Browse files Browse the repository at this point in the history
  • Loading branch information
@anagha166
anagha166 committed Jan 18, 2025
2 parents 02e61af + 16ae567 commit 25f9447
Show file tree
Hide file tree
Showing 4 changed files with 192 additions and 92 deletions.
2 changes: 1 addition & 1 deletion CNAME
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
datahacks.ds3ucsd.com
datahacks-staging.ds3ucsd.com
4 changes: 2 additions & 2 deletions config.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"times": {
"start": "Apr 6, 2024 7:00:00",
"end": "Apr 7, 2024 17:15:00"
"start": "Apr 5, 2025 7:00:00",
"end": "Apr 6, 2025 17:15:00"
},
"signupLink": "https://tally.so/r/mOzlYa",
"faq": {
Expand Down
252 changes: 175 additions & 77 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,60 @@
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="assets/imgs/datahacks-logo.png">
<script src="app.js"></script>
</head>
<body>

</head>
<body>
<!-- Navbar -->
<nav>
<a href="/"><img src="assets/imgs/datahacks-logo.png"></a>
<div id="nav-links">
<a href="#prizes">Prizes</a>
<a href="#sponsors">Sponsors</a>
<!-- <a href="#timeline">Timeline</a> -->
<!-- <a href="#judging">Judging</a> -->
<a href="#faq">FAQ</a>
<a href="https://datahacks-2024.devpost.com/" target="_blank" rel="noreferrer">Devpost</a>
<a href="https://ds3ucsd.notion.site/DataHacks-Handbook-2024-f90db151ba87433d9115c0253f0dbc93" target="_blank" rel="noreferrer">Hacker Guide</a>
<a class="signup" href="" target="_blank" rel="noreferrer">Sign Up</a>
</div>
<a href="/"><img src="assets/imgs/datahacks-logo.png" /></a>
<div id="nav-links">
<a href="#prizes">Prizes</a>
<a href="#sponsors">Sponsors</a>
<!-- <a href="#timeline">Timeline</a> -->
<!-- <a href="#judging">Judging</a> -->
<a href="#faq">FAQ</a>
<a
href="https://datahacks-2024.devpost.com/"
target="_blank"
rel="noreferrer"
>Devpost</a
>
<a
href="https://ds3ucsd.notion.site/DataHacks-Handbook-2024-f90db151ba87433d9115c0253f0dbc93"
target="_blank"
rel="noreferrer"
>Hacker Guide</a
>
<a class="signup" href="" target="_blank" rel="noreferrer">Sign Up</a>
</div>
</nav>

<!-- Main sections -->
<div id="center">
<!-- Title View -->
<section id="title">
<h1>DATAHACKS 2025</h1>
<h2>Theme: Pop Culture</h2>
<h2>April 5-6, PC Ballroom West</h2>
<div id="countdown">
<div class="timebox">
<span id="days">x</span>
<h6>Days</h6>
</div>
<div class="timebox">
<span id="hours">x</span>
<h6>Hours</h6>
</div>
<div class="timebox">
<span id="minutes">x</span>
<h6>Minutes</h6>
</div>
<div class="timebox">
<span id="seconds">x</span>
<h6>Seconds</h6>
</div>
</div>
<h4 id="until-msg">till DataHacks begins!</h4>
</section>

<!-- Title View -->
<section id="title">
Expand Down Expand Up @@ -100,82 +134,146 @@ <h3>3rd Place</h3>
-->
</section>

<!-- Sponsors -->
<section id="sponsors">
<h2>Our Sponsors</h2>
<p>Thank you to our sponsors!</p>
<!-- Sponsors -->
<section id="sponsors">
<h2>Our Sponsors</h2>
<p>Thank you to our sponsors!</p>

<div id="sponsor-row">
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/quokka.jpg);">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/trace3.png);">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/netapp.jpg);">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/converge.png); background-color:white;">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/ucsdkeebs.png);">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/nicu.png); background-color:white;">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div class="img" style="background-image: url(/assets/imgs/padres.png); background-color:white;">
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div id="sponsor-row">
<div class="sponsor-card">
<div
class="img"
style="background-image: url(/assets/imgs/quokka.jpg)"
>
<div class="triangle triangle-bronze"></div>
</div>
</section>
</div>
<div class="sponsor-card">
<div
class="img"
style="background-image: url(/assets/imgs/trace3.png)"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div
class="img"
style="background-image: url(/assets/imgs/netapp.jpg)"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div
class="img"
style="
background-image: url(/assets/imgs/converge.png);
background-color: white;
"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div
class="img"
style="background-image: url(/assets/imgs/ucsdkeebs.png)"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div
class="img"
style="
background-image: url(/assets/imgs/nicu.png);
background-color: white;
"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
<div class="sponsor-card">
<div
class="img"
style="
background-image: url(/assets/imgs/padres.png);
background-color: white;
"
>
<div class="triangle triangle-bronze"></div>
</div>
</div>
</div>
</section>

<!-- Timeline -->
<!-- <section id="timeline">
<!-- Timeline -->
<!-- <section id="timeline">
<h2>Timeline</h2>
<div class="temp"><img src="https://cdn.discordapp.com/attachments/942218891952783421/1202323796670034070/image.png?ex=65cd0a4b&is=65ba954b&hm=45f6bc11be8877dbd40c3e3fe23757221c5da40be550171bbddf42a943b9d3e6&"></div>
</section> -->

<!-- Judging Criteria -->
<!-- <section id="judging">
<!-- Judging Criteria -->
<!-- <section id="judging">
<h2>Judging Criteria</h2>
<div class="temp"><img src="https://cdn.discordapp.com/attachments/942218891952783421/1202323826063720579/image.png?ex=65cd0a52&is=65ba9552&hm=9f6251387ec9491699af2d5f8ddca43ed32717b2e08f144b787ad814cd3595dc&"></div>
</section> -->

<!-- FAQ -->
<section id="faq">
<h2>FAQ</h2>

<div id="qna-grid"><!-- Direct Injected using config --></div>
</section>
<!-- FAQ -->
<section id="faq">
<h2>FAQ</h2>

<div id="qna-grid"><!-- Direct Injected using config --></div>
</section>
</div>

<footer>
<h1>Connect with us</h1>
<div id="icon-row">
<a href="https://www.facebook.com/DS3UCSD/" target="_blank" rel="noreferrer" id="facebook"><img src="assets/icons/facebook_icon.svg"></a>
<a href="https://discord.com/invite/NqHx8h3" target="_blank" rel="noreferrer" id="discord"><img src="assets/icons/discord_icon.svg"></a>
<a href="mailto:[email protected]" target="_blank" rel="noreferrer" id="email"><img src="assets/icons/email_icon.svg"></a>
<a href="https://medium.com/ds3ucsd" target="_blank" rel="noreferrer" id="medium"><img src="assets/icons/medium_icon.svg"></a>
<a href="https://www.instagram.com/ds3.ucsd/?hl=en" target="_blank" rel="noreferrer" id="instagram"><img src="assets/icons/instagram_icon.svg"></a>
<a href="https://open.spotify.com/show/7yHiQn4eqjy2EAzRNEmQdf" target="_blank" rel="noreferrer" id="spotify"><img src="assets/icons/spotify_icon.svg"></a>
</div>
<h1>Connect with us</h1>
<div id="icon-row">
<a
href="https://www.facebook.com/DS3UCSD/"
target="_blank"
rel="noreferrer"
id="facebook"
><img src="assets/icons/facebook_icon.svg"
/></a>
<a
href="https://discord.com/invite/NqHx8h3"
target="_blank"
rel="noreferrer"
id="discord"
><img src="assets/icons/discord_icon.svg"
/></a>
<a
href="mailto:[email protected]"
target="_blank"
rel="noreferrer"
id="email"
><img src="assets/icons/email_icon.svg"
/></a>
<a
href="https://medium.com/ds3ucsd"
target="_blank"
rel="noreferrer"
id="medium"
><img src="assets/icons/medium_icon.svg"
/></a>
<a
href="https://www.instagram.com/ds3.ucsd/?hl=en"
target="_blank"
rel="noreferrer"
id="instagram"
><img src="assets/icons/instagram_icon.svg"
/></a>
<a
href="https://open.spotify.com/show/7yHiQn4eqjy2EAzRNEmQdf"
target="_blank"
rel="noreferrer"
id="spotify"
><img src="assets/icons/spotify_icon.svg"
/></a>
</div>
</footer>

</body>
</html>
</body>
</html>
26 changes: 14 additions & 12 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,8 +85,8 @@ nav a img {

/* Main Sections */
#center {
width: 95%;
margin: 3.5rem auto 0;
width: 100%;
/* margin: 3.5rem auto 0; */
}
section {
padding: 2rem;
Expand All @@ -98,15 +98,17 @@ section h2 {

/* Title */
#title {
padding: 10rem;
padding: 5rem;
background-image: url('/assets/imgs/banner.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 0 0 -2.5vw;
width: 100vw;
height: 100vw;
margin:0;
color: black;
top:0;
left:0;
}
#title > h1 {
font-size: 4rem;
Expand All @@ -119,10 +121,10 @@ section h2 {
margin: auto;
}
.timebox {
aspect-ratio: 1;
width:min-content;
display: flex;
flex-direction: column;
flex: 1 1 0px;
flex-basis: 0;
align-self: center;
text-align: center;
background-color: rgba(0, 0, 0, 0.81);
Expand Down Expand Up @@ -332,15 +334,16 @@ button:hover {
footer {
width: 100%;
background-color: var(--tertiary);
padding: 3rem;
padding: 2rem;
text-align: center;
}
footer h1 {
font-size: 3rem;
font-weight: 450 !important;
}
footer #icon-row {
margin: 2rem auto;
margin: 1rem auto;
margin-top: 2rem;
/* justify-content: space-around;
display: flex;
width: 25%; */
Expand Down Expand Up @@ -385,7 +388,7 @@ footer #icon-row {
/* Adjusted Main */
#center {
width: 100vw;
margin: 3.5rem auto 0;
/* margin: 3.5rem auto 0; */
}
section {
padding: 2rem;
Expand All @@ -402,7 +405,6 @@ footer #icon-row {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 0 0 -2.5vw;
width: 100vw;
height: 100vw;
color: black;
Expand All @@ -412,7 +414,7 @@ footer #icon-row {
text-align: center;
margin: 1.5rem;
}
.timebox {
/* .timebox {
padding: 0.15rem 0.5rem;
margin: 0.4rem;
}
Expand All @@ -422,7 +424,7 @@ footer #icon-row {
}
.timebox h6 {
font-size: 1rem;
}
} */
#title h3 {
text-align: center;
font-size: 1rem;
Expand Down

0 comments on commit 25f9447

Please sign in to comment.