From baf17428906c59e4784c955854343744443c01c4 Mon Sep 17 00:00:00 2001 From: Hieu Nguyen Date: Sat, 18 Jan 2025 12:44:18 -0800 Subject: [PATCH 1/3] Fix: center element margins --- index.html | 381 ++++++++++++++++++++++++++++++++--------------------- styles.css | 11 +- 2 files changed, 239 insertions(+), 153 deletions(-) diff --git a/index.html b/index.html index fe375a8..4db751d 100644 --- a/index.html +++ b/index.html @@ -1,179 +1,264 @@ - - - + + + DataHacks 2024 | DS3 at UCSD - - + + - - - + +
+ +
+

DATAHACKS 2025

+

Theme: Pop Culture | April 5-6, PC Ballroom West

+
+
+ x +
Days
+
+
+ x +
Hours
+
+
+ x +
Minutes
+
+
+ x +
Seconds
+
+
+

till DataHacks begins!

+
- -
-

DATAHACKS 2024

-
-
- x -
Days
-
-
- x -
Hours
-
-
- x -
Minutes
-
-
- x -
Seconds
-
-
-

till DataHacks begins!

-
- -
-

Welcome to DS3 DataHacks 2024!

-
- -

DataHacks is a hackathon event held at UC San Diego that encourages students of all experience levels to leave the safety of their Jupyter Notebook and delve deeper into Data Science. Created out of pure passion, DataHacks hopes to educate those interested about the realm Data Science and its potential. Those participating in DataHacks will have the opportunity to create a project using data given to them or wrangled and will compete against their peers for the best project.

-
-
+
+

Welcome to DS3 DataHacks 2024!

+
+ +

+ DataHacks is a hackathon event held at UC San Diego that encourages + students of all experience levels to leave the safety of their + Jupyter Notebook and delve deeper into Data Science. Created out of + pure passion, DataHacks hopes to educate those interested about the + realm Data Science and its potential. Those participating in + DataHacks will have the opportunity to create a project using data + given to them or wrangled and will compete against their peers for + the best project. +

+
+
- -
-

Prizes

-

Here are some prizes made possible by our generous sponsors! For more prizes, see our devpost!

+ +
+

Prizes

+

+ Here are some prizes made possible by our generous sponsors! For more + prizes, see our devpost! +

-
-
-
2nd
-
-
    -

    2nd Place

    -
  • Speakers
    • -
-
-
-
-
1st
-
-
    -

    1st Place

    -
  • $400 Keyboard
    • -
  • 2 Keycaps Set
    • -
  • 1 Deskmat
    • -
-
-
-
-
3rd
-
-
    -

    3rd Place

    -
  • Dino Plushies
    • -
-
-
+
+
+
2nd
+
+
    +

    2nd Place

    +
  • Speakers
    • +
+
+
+
+
1st
+
+
    +

    1st Place

    +
  • $400 Keyboard
    • +
  • 2 Keycaps Set
    • +
  • 1 Deskmat
    • +
+
+
+
+
3rd
+
+
    +

    3rd Place

    +
  • Dino Plushies
    • +
-
+
+ + - -
-

Our Sponsors

-

Thank you to our sponsors!

+ +
+

Our Sponsors

+

Thank you to our sponsors!

-
+ + + + + + + +
- - + - - + - -
-

FAQ

- -
-
+ +
+

FAQ

+
+
- - - \ No newline at end of file + + diff --git a/styles.css b/styles.css index 180ac2e..3d271b5 100644 --- a/styles.css +++ b/styles.css @@ -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; @@ -103,10 +103,11 @@ section h2 { 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; @@ -385,7 +386,7 @@ footer #icon-row { /* Adjusted Main */ #center { width: 100vw; - margin: 3.5rem auto 0; + /* margin: 3.5rem auto 0; */ } section { padding: 2rem; @@ -402,10 +403,10 @@ 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; + margin: 0 0 0 -2.5vw; } #title > h1 { font-size: 3rem; From 51d7504a647694e2acbb6e912dbcecc590d8525c Mon Sep 17 00:00:00 2001 From: Issac Roy Date: Sat, 18 Jan 2025 13:00:18 -0800 Subject: [PATCH 2/3] Update: Changed CNAME and footer size --- CNAME | 2 +- styles.css | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/CNAME b/CNAME index 6c7711d..9bbc71c 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -datahacks.ds3ucsd.com +datahacks-staging.ds3ucsd.com diff --git a/styles.css b/styles.css index 180ac2e..1285883 100644 --- a/styles.css +++ b/styles.css @@ -332,7 +332,7 @@ button:hover { footer { width: 100%; background-color: var(--tertiary); - padding: 3rem; + padding: 2rem; text-align: center; } footer h1 { @@ -340,7 +340,8 @@ footer h1 { font-weight: 450 !important; } footer #icon-row { - margin: 2rem auto; + margin: 1rem auto; + margin-top: 2rem; /* justify-content: space-around; display: flex; width: 25%; */ From 733f64764f496a624e459b5a7b0b6936a760a1e9 Mon Sep 17 00:00:00 2001 From: Hieu Nguyen Date: Sat, 18 Jan 2025 13:01:17 -0800 Subject: [PATCH 3/3] Feat: timebox class changes --- config.json | 4 ++-- index.html | 3 ++- styles.css | 14 +++++++------- 3 files changed, 11 insertions(+), 10 deletions(-) diff --git a/config.json b/config.json index 70db308..8efb066 100644 --- a/config.json +++ b/config.json @@ -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": { diff --git a/index.html b/index.html index 4db751d..8ab364d 100644 --- a/index.html +++ b/index.html @@ -39,7 +39,8 @@

DATAHACKS 2025

-

Theme: Pop Culture | April 5-6, PC Ballroom West

+

Theme: Pop Culture

+

April 5-6, PC Ballroom West

x diff --git a/styles.css b/styles.css index 3d271b5..9316548 100644 --- a/styles.css +++ b/styles.css @@ -98,7 +98,7 @@ section h2 { /* Title */ #title { - padding: 10rem; + padding: 5rem; background-image: url('/assets/imgs/banner.png'); background-position: center; background-repeat: no-repeat; @@ -107,7 +107,8 @@ section h2 { height: 100vw; margin:0; color: black; - top:0; left:0 + top:0; + left:0; } #title > h1 { font-size: 4rem; @@ -120,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); @@ -406,14 +407,13 @@ footer #icon-row { width: 100vw; height: 100vw; color: black; - margin: 0 0 0 -2.5vw; } #title > h1 { font-size: 3rem; text-align: center; margin: 1.5rem; } - .timebox { + /* .timebox { padding: 0.15rem 0.5rem; margin: 0.4rem; } @@ -423,7 +423,7 @@ footer #icon-row { } .timebox h6 { font-size: 1rem; - } + } */ #title h3 { text-align: center; font-size: 1rem;