diff --git a/css/general.css b/css/general.css index f80ada1..420546b 100644 --- a/css/general.css +++ b/css/general.css @@ -827,19 +827,22 @@ section { .slider { width: 100%; - min-width: 390px; max-width: 680px; height: 400px; margin: 20px auto; display: flex; align-items: center; } + .slides-wrapper { + width: 100%; + max-width: 600px; overflow: hidden; position: relative; background: #222; border-radius: 5px; } + #items { width: 10000px; position: relative; @@ -861,7 +864,6 @@ section { justify-content: center; transition: all 1s; position: relative; - background: #4b1c6b; text-align: center; } @@ -894,6 +896,11 @@ section { transform: scale(0.8); } +.slide-img { + width: 100%; + height: auto; +} + .list { padding-left: 20px; } diff --git a/img/brainstorm.png b/img/brainstorm.png new file mode 100644 index 0000000..92847b6 Binary files /dev/null and b/img/brainstorm.png differ diff --git a/img/first_place_winner.jpg b/img/first_place_winner.jpg new file mode 100644 index 0000000..cd8c1a5 Binary files /dev/null and b/img/first_place_winner.jpg differ diff --git a/img/opening_ceremony.jpg b/img/opening_ceremony.jpg new file mode 100644 index 0000000..e89fe4d Binary files /dev/null and b/img/opening_ceremony.jpg differ diff --git a/img/prizes.png b/img/prizes.png new file mode 100644 index 0000000..3cf1d7c Binary files /dev/null and b/img/prizes.png differ diff --git a/img/python_workshop.jpg b/img/python_workshop.jpg new file mode 100644 index 0000000..f61a2f2 Binary files /dev/null and b/img/python_workshop.jpg differ diff --git a/index.html b/index.html index de28bee..647b425 100644 --- a/index.html +++ b/index.html @@ -147,8 +147,21 @@

New Hackathon Who Dis?

- Some info on us...
+
+ +
+
+
+
+
+
+
+
+
+ +
+ Some info on us...

What is Gilroy Hacks?

Are you interested in coding, engineering, or STEM? Does a weekend full of intense brainstorming and coding extravaganza @@ -165,19 +178,6 @@
We're a group of high schoolers in the Bay Area looking to spread our love of coding and collaboration to local students.
-
- -
-
- Slide 1 - Slide 2 - Slide 3 - Slide 4 - Slide 5 -
-
- -
@@ -818,7 +818,6 @@ Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, and focused on promoting community engagement and improving STEM exposure for students.

-
diff --git a/js/general.js b/js/general.js index ade8603..98e94d7 100644 --- a/js/general.js +++ b/js/general.js @@ -138,6 +138,7 @@ document.addEventListener('DOMContentLoaded', function(){ // Add class animations to these elements let elements_id = [ '#event-title', + '#splash-entrance', '#what-GilroyHacks', '#why-GilroyHacks', '#who-GilroyHacks',