From 8345df6d5a434a0f8f846377ae37466dd74e6e75 Mon Sep 17 00:00:00 2001 From: Clara Conner Date: Wed, 20 Sep 2023 12:00:26 -0500 Subject: [PATCH 01/16] Hid Sponsor Carousel Scrollbar --- index.html | 1 + wehack.css | 5 ++++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 35a73f4..f37b009 100644 --- a/index.html +++ b/index.html @@ -30,6 +30,7 @@ +
diff --git a/wehack.css b/wehack.css index edbe025..13a40d2 100644 --- a/wehack.css +++ b/wehack.css @@ -987,18 +987,21 @@ body { .slider-wrapper h1 { text-shadow: 2px 3px 4px #e0a269; + overflow: hidden; + } .slides-container { height: 70%; width: 100%; display: flex; - overflow: scroll; + overflow: hidden; scroll-behavior: smooth; list-style: none; margin: 0; padding: 0; overflow-y: hidden; + transition: .5s; /* Hide scrollbars */ } From 1bb5d436454e0a6085b7a0d54cb7313336e07e2f Mon Sep 17 00:00:00 2001 From: Clara Conner Date: Sat, 23 Sep 2023 19:47:52 -0500 Subject: [PATCH 02/16] sponsors carousel --- index.html | 6 ++++++ wehack.css | 9 +++++++-- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f37b009..0f96955 100644 --- a/index.html +++ b/index.html @@ -344,6 +344,12 @@

Sponsors

+
+ + + +
+ +
+ + + + +
+
+

Dallas’ largest inclusive hackathon

+

+ UTD's women-driven tech organizations are excited to join forces and + present our 24-hour hackathon uniting women and non-binary students. + Our goal is to create an inclusive environment that highlights and + empowers women, femme, and non-binary students through technology. + We aim to encourage more underrepresented individuals to harness their + skills by creating software or hardware projects of their own. Whether + it's networking with sponsors and hackers, gaining development and workshop + experience, or competing against other teams for challenges and prizes, + WEHack offers participants an opportunity to end the weekend with unique takeaways. +

+

Get ready for WEHack 2024!

+

+ More information coming soon! +

+

+ +
1 / 3
@@ -111,311 +114,75 @@

Get ready for WEHack 2024!

- - - - + -
-

Testimonials

-
- -

Jane Luo Junior CS Major

-

"I’ve been to both iterations of WEHack, and they have been an absolute blast! I love working in an inclusive environment that pushes me to be - creative when experimenting with new technologies and build my interpersonal skills. I fondly look back on running around to different workshops, enjoying the food - and swag, and meeting new people. I’m looking forward to the next iteration of WEHack!" -

-
- -
- -

Jazsmine DeFranco Sophomore CS Major

-

"As a freshman in college, this was my first hackathon that I’m so glad I participated in! From this experience, not only did my team and I essentially - learn web development overnight while developing a professional project in under 24 hours but we also ended up winning and placing in our category! I can confidently - say that this event definitely motivated and inspired me to continue working hard through all of my CS endeavors."

-
- -
- -

Kaylee Scanlin Sophomore CS Major

-

"WEHack was my first hackathon, and I couldn’t have asked for a better first-time experience! As a woman in engineering, the fear of being underrepresented in my - field has always been at the back of my mind, but seeing so many women and non-binary hackers in one building showed me that this industry truly is for everyone."

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

Resources

+

Sponsors

- -
- -
-

Ultimate 8 Step Guide to Winning Hackathons

-

What Gary-Yau Chan learned after 55 Hackathons, and what we think can help you succeed!

-

Learn more

-
-
- -
-
- -
-

SWE Website

-

Check out sweutd.com for some ideas!

-

Learn more

-
-
-
- -
-

WEHack 2020 Projects

-

View projects from the last iteration of WEHack to get inspired!

-

Learn more

-
-
-
- - <-- extras -
-
- -
-

Hacking the Hackathon4

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam pharetra leo vitae scelerisque. Vestibulum sem urna, fermentum vitae rutrum id, maximus eget magna. Nulla vel est sapien. Pellentesque et sodales urna, et tempus velit.

-

Learn more D

-
-
-
- -
-

Hacking the Hackathon5

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam pharetra leo vitae scelerisque. Vestibulum sem urna, fermentum vitae rutrum id, maximus eget magna. Nulla vel est sapien. Pellentesque et sodales urna, et tempus velit.

-

Learn more D

-
-
-
- --> - - - - - - - -
-
-
-

Sponsors

-
- - -
    -
  • -
    • -
  • -
    • -
  • -
    • -
  • -
    • -
-
- - - - - - + + +
@@ -520,81 +287,6 @@

Frequently Asked Questions

- -

Meet the Team

@@ -653,18 +345,9 @@

Meet the Team

- - - - - - - -
+ + +
- - - - + --> \ No newline at end of file From 5a54404f030092fb889ec9c38e005dd8a64d57b0 Mon Sep 17 00:00:00 2001 From: Laasya06 <97131033+Laasya06@users.noreply.github.com> Date: Thu, 12 Oct 2023 09:13:00 -0500 Subject: [PATCH 12/16] made the code easier to underestand --- faq.js | 25 ++++++++++++------------- index.html | 31 ++++++++----------------------- wehack.css | 11 +++++++++++ 3 files changed, 31 insertions(+), 36 deletions(-) diff --git a/faq.js b/faq.js index 577fab6..c90f217 100644 --- a/faq.js +++ b/faq.js @@ -1,16 +1,15 @@ -function collapse(){ - var acc = document.getElementsByClassName("accordion"); - var i; - for (i = 0; i < acc.length; i++) { - acc[i].addEventListener("click", function() { - this.classList.toggle("active"); - var panel = this.nextElementSibling; - if (panel.style.maxHeight) { +var acc = document.getElementsByClassName("accrdion"); +var i; + +for (i = 0; i < acc.length; i++) { + acc[i].addEventListener("click", function () { + this.classList.toggle("active"); + var panel = this.nextElementSibling; + if (panel.style.maxHeight) { panel.style.maxHeight = null; - } else { + } else { panel.style.maxHeight = panel.scrollHeight + "px"; - } - }); - } -} \ No newline at end of file + } + }); +} diff --git a/index.html b/index.html index 3fd3921..c125938 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,7 @@ -
+
WEHack logo
@@ -56,7 +56,7 @@

"Computing is too important to be left to men." - Karen Spärck Jones, a British Computer Scientist (1935 - 2007)
- +
@@ -79,7 +79,10 @@

Get ready for WEHack 2024!

More information coming soon!



+ + +
@@ -111,7 +114,6 @@

Get ready for WEHack 2024!

-
@@ -185,7 +187,7 @@

Sponsors

-
+

Frequently Asked Questions

@@ -267,25 +269,8 @@

Frequently Asked Questions

- - - - + + +
diff --git a/wehack.css b/wehack.css index 7bd95f6..22e7c3d 100644 --- a/wehack.css +++ b/wehack.css @@ -820,6 +820,17 @@ p { /* ~~~~~~~~~~~Past Statistics~~~~~~~~~~~~~~ */ +.statistics { + margin: auto; + width: 80%; + padding: 40px; + /*text-align: center;*/ + font-size: 1em; + display: flex; + flex-direction: column; + line-height: 1.6; +} + /* Slideshow container */ .slideshow-container { max-width: 1000px; From c46206a5456a0304bc639060b85d738a6b8817a0 Mon Sep 17 00:00:00 2001 From: Laasya06 <97131033+Laasya06@users.noreply.github.com> Date: Thu, 12 Oct 2023 09:36:51 -0500 Subject: [PATCH 13/16] fixed the affect on the spnsors section --- wehack.css | 503 ++--------------------------------------------------- 1 file changed, 11 insertions(+), 492 deletions(-) diff --git a/wehack.css b/wehack.css index 22e7c3d..0bf6c68 100644 --- a/wehack.css +++ b/wehack.css @@ -423,232 +423,6 @@ input[type=checkbox] { line-height: 1.6; } -.about .orgs { - display: flex; -} - -.about .orgs div { - flex: 1; - margin: 15px; - /* need some space ?*/ -} - -.about .orgs img { - width: 90%; -} - -.videoWrapper { - padding: 40px; - /* margin: auto; */ - position: relative; - width: 100%; - height: auto; -} - -.videoWrapper video { - position: relative; - width: 60%; - height: auto; - left: 20%; -} - -/* ~~~~~~~~~~~Schedule~~~~~~~~~~~~~ */ -.schedule { - display: block; - margin: auto; - margin-bottom: 2%; -} - -.schedule img { - width: 60%; - max-width: 550px; - height: auto; - padding-left: 2vw; - padding-right: 2vw; - padding-top: 10%; - height: auto; -} - -.schedule .shrink { - width: 60%; - height: auto; - padding-left: 2vw; - padding-right: 2vw; - margin-top: 20px; - max-width: 400px; -} - -/* ~~~~~~~~~~~Featuring~~~~~~~~~~~~~ */ - -.featuring { - position: relative; - width: 100%; - display: flex; - background: #c5c9e4; -} - -.featuring .heading, -p { - color: white; - padding-bottom: 2%; -} - -.featuring .contentBox { - text-align: left; -} - -.slider-left { - margin-left: 5%; - width: 50%; - justify-content: center; - align-items: center; - display: flex; -} - -.slider-right { - width: 60%; - justify-content: flex-start; - align-items: center; - display: flex; - padding-right: 5%; - flex-flow: column; -} - -.slider { - position: relative; - padding: 5%; - width: 45%; - justify-content: center; - overflow: hidden; -} - -.images { - display: flex; - width: 100%; - gap: 20%; -} - -.dots { - display: flex; - justify-content: center; - margin: 5px; -} - -.dots label { - height: 10px; - width: 10px; - border-radius: 25%; - border: solid white 1.5px; - cursor: pointer; - transition: all 0.01s ease; - margin: 5px; -} - -.dots label:hover { - background: white; -} - -#img1:checked~.m1 { - margin-left: 0%; -} - -#img2:checked~.m2 { - margin-left: -120%; -} - -#img3:checked~.m3 { - margin-left: -240%; - -} - -#img4:checked~.m3 { - margin-left: -360%; -} - -.images img { - height: 200%; - width: 100%; - border: white; - transition: all 0.05s ease; - -} - -.images input { - display: none; -} - -.slides-container { - display: flex; - justify-content: left; - align-items: center; -} - -.card { - margin-bottom: 3%; - width: 70%; - height: 100px; - border: 0.4px solid white; - display: flex; - align-items: left; - position: relative; - flex-direction: row; - justify-content: center; - - pointer-events: none; -} - -.card .content { - display: flex; - justify-content: center; - align-items: center; - width: 120%; -} - -.card .img { - height: 100px; - width: 100px; - position: absolute; - left: -5px; - background-color: white; - border: white; - padding: 1px; -} - -.card .img img { - height: 100%; - width: 100%; - padding: 1px; -} - -.card .details { - margin-left: 50px; - align-items: left; - color: white; - width: 60%; -} - -.card .name { - font-size: 20px; - color: white; -} - -.card .content p { - width: 120%; - justify-content: flex-start; - padding-top: 5%; -} - -.details span { - font-weight: 600; - font-size: 10px; -} - -.card a { - text-decoration: name; - background: black; - padding: 7px 10px; - color: white; -} /* ~~~~~~~~~~~~~~~WHY WEHACK~~~~~~~~~~~~~~~~~ */ .whyWEHack { @@ -706,118 +480,6 @@ p { color: #1e1920 } -/* ~~~~~~~~~~~~~~~CHALLENGE~~~~~~~~~~~~~~~~~ */ -.challenge { - text-align: center; - align-items: center; - justify-content: center; - display: flex; - flex-direction: column; - position: relative; - padding: 40px; -} - -.challenge h1 { - padding-bottom: 10px; -} - -.challenge .intro { - width: 80%; -} - -.challenge .intro h2 { - opacity: 80%; - font-size: 1em; - padding: 10px; - letter-spacing: 1px; -} - -.challenge .content { - /* border: 2px solid grey; */ - padding: 20px; - margin: 30px; - border-radius: 12px; - box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); - /* margin-top: -.25rem; */ -} - -/* RESOURCES (new)*/ -.resources { - background: #c5c9e4; - color: #1e1920; - padding: 40px; -} - -.resources .heading { - /*font-size: large;*/ - font-size: 2.5em; - padding-bottom: 0; -} - -.resources p { - color: #1e1920; -} - -.resources .img-tile1 { - width: 225px; - height: 225px; - margin: 20px; - position: relative; - box-shadow: 10px 10px - /*var(--wehack-darkBlue)*/ - #c5c9e4, 10px 10px 1px 1px #fff2ce; -} - -.resources .img-tile2 { - width: 130px; - height: 130px; - margin: 10px; - position: relative; - box-shadow: 10px 10px - /*var(--wehack-darkBlue)*/ - #c5c9e4, 10px 10px 1px 1px #fff2ce; -} - -.flex-container { - display: flex; - flex-direction: row; - justify-content: center; - flex-wrap: wrap; - align-items: center; - /*background-color: DodgerBlue;*/ -} - -.flex-container2 { - display: flex; - flex-direction: row; - justify-content: center; - /*flex-wrap: wrap;*/ - align-items: center; - /*background-color: DodgerBlue;*/ -} - -.resources .resource-content { - padding: 50px 50px 10px 50px; -} - -.resource-line-1 { - /*word-wrap: break-word;*/ - /*width: min(400px, 100%);*/ - width: min(500px, 50vw); - padding-bottom: 10px; -} - -.resource-line-2 { - /*word-wrap: break-word;*/ - /*width: min(400px, 100%);*/ - font-size: 15px; - width: min(250px, 25vw); - padding-bottom: 10px; - padding-top: 10px; -} - - - /* ~~~~~~~~~~~Past Statistics~~~~~~~~~~~~~~ */ .statistics { @@ -837,6 +499,7 @@ p { position: relative; margin: auto; + } /* Next & previous buttons */ @@ -1087,8 +750,7 @@ body { .slide-arrow { position: absolute; display: flex; - top: 0; - bottom: 0; + top: 60%; margin: auto; height: 4rem; background-color: white; @@ -1122,28 +784,31 @@ body { .slide { width: 1280px; - height: 720px; + height: 500px; flex: 1 0 100%; } .slide:nth-child(1) { background-image: url(/images/sponsors//toyota_sponsor.png); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: center center; margin: 0; } .slide:nth-child(2) { background-image: url(/images/sponsors/plat_sponsors.png); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: center center; margin: 0; } .slide:nth-child(3) { background-image: url(/images/sponsors/gold_sponsors.png); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: center center; margin: 0; } @@ -1151,7 +816,8 @@ body { .slide:nth-child(4) { background-image: url(/images/sponsors/bronze_sponsors.png); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: center center; margin: 0; } @@ -1207,22 +873,6 @@ body { max-width: 250px; } -/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -.container-headshot { - display: flex; - align-items: center; - justify-content: center; - height: 200px; -} - -.headshot { - position: relative; - display: inline-block; - /* float: left; */ - padding: 10px; -} - /* ~~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~~ */ footer { padding-top: 10px; @@ -1266,18 +916,6 @@ footer .copyright p { color: #fff2ce; } - -/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -.heading-2 { - /*width: 42%;*/ - font-size: 25px; - /*font-family: "Times New Roman";*/ - font-weight: 10px; - text-align: center; - /*padding-right: 50px;*/ -} - @media screen and (max-width: 300px) { .heading-2 { width: 42%; @@ -1288,41 +926,6 @@ footer .copyright p { } } -.resource-heading-3 { - /*width: 60%;*/ - font-size: 18px; - font-family: "Times New Roman"; - font-weight: 10px; - text-align: center; - padding-right: 50px; -} - -.resource-link { - color: #1e1920; -} - -.resource-link:hover { - color: #d24a32; -} - - - -/*a:link { - text-decoration: none; -} - -a:visited { - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -a:active { - text-decoration: underline; -}*/ - .team-member { margin-bottom: 50px; @@ -1520,92 +1123,8 @@ a:active { transition: all 0.2s; } -/* ~~~~~~~~~WEHACK EMPOWER SERIES~~~~~~~~~ */ - -.empower div { - margin: auto; - width: 100%; - padding: 0px; - text-align: center; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - line-height: 1.6; - /*margin-bottom:0px;*/ - margin-top: 0px; - bottom: 0; -} - -.empower .row2 { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} - -.empower .accrdion2 { - background-color: #eee; - align-items: center; - color: #444; - cursor: pointer; - padding: 18px; - width: 100%; - border: none; - text-align: left; - outline: none; - font-size: 15px; - transition: 0.4s; -} - -/*.active, .accrdion2:hover { - background-color: #5b2e70; - color: white; -}*/ - -.accrdion2:after { - content: '\002B'; - /* Unicode character for "plus" sign (+) */ - color: #1e1920; - font-weight: bold; - float: right; - margin-left: 5px; -} - -.active:after { - content: '\2212'; - /* Unicode character for "minus" sign (-) */ - color: #1e1920; -} - -.panel2 { - padding: 0 18px; - background-color: #1e1920; - width: 77.5%; - max-height: 0; - overflow: hidden; - transition: max-height 0.2s ease-out; -} - -.empower .contentBox { - margin: auto; - width: 90%; - padding: 40px; - text-align: center; - display: flex; - flex-direction: column; - line-height: 1.6; -} @media screen and (max-width: 640px) { - table.empower { - overflow-x: auto; - display: block; - table-layout: auto; - width: 100%; - border-collapse: collapse; - border-spacing: 0; - } - .topnav { width: 100%; justify-content: flex-end; From d2756f3d6d5fd0df37d923c4b943708a97b98f18 Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Fri, 10 Nov 2023 02:30:33 -0600 Subject: [PATCH 14/16] Update wehack.css --- wehack.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/wehack.css b/wehack.css index edbe025..a7d5855 100644 --- a/wehack.css +++ b/wehack.css @@ -196,7 +196,8 @@ input[type=checkbox] { .menu li:hover { display: inline-block; - background-color: fff2ce; + /* background-color: fff2ce; */ + background-color: #FFFFFF; transition: 0.3s ease; } From 7cd10c26ce297df904d1320246fb47cecfcb7c97 Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Mon, 13 Nov 2023 13:48:56 -0600 Subject: [PATCH 15/16] test --- wehack.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/wehack.css b/wehack.css index 890428e..77045f8 100644 --- a/wehack.css +++ b/wehack.css @@ -198,7 +198,7 @@ input[type=checkbox] { .menu li:hover { display: inline-block; /* background-color: fff2ce; */ - background-color: #FFFFFF; + background-color: #000000; transition: 0.3s ease; } From 70fd3167e107114d253f97f17e1b7c0f408c470e Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Mon, 13 Nov 2023 14:56:24 -0600 Subject: [PATCH 16/16] - Navbar no longer fixed - Navbar underneath line animation - Fixed spacing between nabber menu items --- wehack.css | 53 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 45 insertions(+), 8 deletions(-) diff --git a/wehack.css b/wehack.css index 77045f8..eb60fe2 100644 --- a/wehack.css +++ b/wehack.css @@ -129,19 +129,58 @@ body { left: 0; } +.navmenu > ul +{ + margin: 0px; + padding: 0px; +} + +.navmenu > ul li +{ + display: inline-block; +} + +.navmenu > ul li a +{ + text-decoration: none; + color: #d24a32; + width: 120px; + display: inline-block; + text-shadow: 2px 2px 2px #fff2ce; + padding: 20px 0; + font-weight: bold; + position: relative; +} + +.navmenu > ul li a::before { +background: #fff2ce none repeat scroll 0 0; +bottom: -2px; +content: ""; +height: 3px; +left: 0; +position: absolute; +width: 0%; +transition: 0.5s; +} + +.navmenu > ul li a:hover::before +{ + width: 100%; +} + .menu { display: flex; - gap: 1em; + gap: 2em; font-size: 18px; } - -.menu li:hover { +/* can uncomment if background hover is prefferred */ +/* .menu li:hover { background-color: #fff2ce; border-radius: 5px; transition: 0.3s ease; -} +} */ .menu li { list-style: none; @@ -150,14 +189,13 @@ body { .menu li a { color: #d24a32; text-shadow: 2px 2px 2px #fff2ce; - text-align: left; + text-align: center; padding: 0.5vh 5vw; text-decoration: none; font-size: 20px; font-weight: bold; float: center; display: block; - } input[type=checkbox] { @@ -197,8 +235,7 @@ input[type=checkbox] { .menu li:hover { display: inline-block; - /* background-color: fff2ce; */ - background-color: #000000; + background-color: fff2ce; transition: 0.3s ease; }