diff --git a/index.html b/index.html index 360b435..93f99fe 100644 --- a/index.html +++ b/index.html @@ -1,131 +1,31 @@ - wehack - - - - - - - - - - - - - - - - - - - - - + WEHack + + + + + - -
-
- WEHack-logo - - - - - - -
- - -
- - - - -
-
+

At WEHack, we're looking to shape the future of technology

UTD's women-driven tech organizations are excited to join forces and @@ -139,34 +39,43 @@

At WEHack, we're looking to shape the future of technology
- + wwc
- + swe
- + wmw
- + witb

-
+ -
+
-->
- + + + + +     +
+
+ + +
+
+
+ +

Why WEHack

@@ -193,7 +102,6 @@

Why WEHack

-

CHALLENGE

@@ -219,10 +127,10 @@

Sponsors

@@ -230,30 +138,56 @@

Sponsors

+ + + + +
+

WEHack Empower Series

@@ -392,92 +340,73 @@

WEHack Empower Series

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
DateTimeEventSpeakerDescription
September 44:00 PMBeginner Python WorkshopVictoria CatlettA beginner-friendly Python workshop with Victoria Catlett to prepare for WEHack projects. Join early to download the software!
September 710:00 AMBe Resilient and BrilliantSmita TharoorFounder of Tharoor Associates, Smita Tharoor walks through how to lead life positively and never give up
September 97:30 PMThe Business World In TechSang LeBusiness woman Sang Le discusses the business within the technology world
September 113:00 PMIntermediate Python WorkshopVictoria CatlettFollowing the beginner Python Workshop, this workshop prepares for more complex projects. Come learn from Victoria Catlett! Join early to download the software.
September 1412:00 PMThe Confident Professional: Building Essential Skills for Life & WorkErin RectorAccomplished Communications & Strategy Consultant Erin Rector walks through the skills needed to succeed at work and at life
September 165:00 PM#IamRemarkableShreya PrasadAustin Women in Technology representative Shreya Prasad brings you a self-branding workshop that may help you find yourself
September 215:00 PMTech Together: How to Make the Most of Your First HackathonMargarita Zias and Shannon HehTech Together, an organization which has brought you many, many hackathons, shares how to make the most of your first hackathon
September 234:00 PMWEHack, WE MeetWEHack OrganizersFind your WEHack team here
October 15:00 PM10 Important Principles to Succeed as a Woman in TechnologyMimi ParkExecutive Director at JPMorgan Chase, Mimi Park, wants to share with you how to succeed in a world where women deserve more
October 95:00 PMSponsor API + Meet The OrganizersSponsors/WEHack OrganizersLearn how to use sponsor APIs and meet our lovely WEHack organizers after
+
+
+ +
+

Business woman Sang Le discusses the business within the technology world.

+
+ + +
+

Following the beginner Python Workshop, this workshop prepares for more complex projects.
Come learn from Victoria Catlett! Join early to download the software.

+
+ + +
+

Accomplished Communications & Strategy Consultant Erin Rector walks through the skills needed to succeed at work and at life.

+
+ + +
+

Austin Women in Technology representative Shreya Prasad brings you a self-branding workshop that may help you find yourself.

+
+ + +
+

Tech Together, an organization which has brought you many, many hackathons, shares how to make the most of your first hackathon.

+
+ + +
+

Find your WEHack team here!

+
+ + +
+

Executive Director at JPMorgan Chase, Mimi Park, wants to share with you the differences between 3 of the fastest growing sectors in computer science: Artificial Intelligence, Machine Learning, and Data Science.

+
+ + +
+

Learn how to use sponsor APIs and meet our lovely WEHack organizers after.

+
+ +
+
+ +
-

Meet The Team

+

Meet The Team

@@ -547,41 +476,69 @@

Afrida Tasnim

- - + + +
+

Are you a hacker?

MLH Code of Conduct

- -
- - - - -
- - - Major League Hacking 2021 Hackathon Season + > Register here

+ +
+ diff --git a/wehack.css b/wehack.css index a41bc02..fc36bd9 100644 --- a/wehack.css +++ b/wehack.css @@ -1,272 +1,156 @@ - -* { +/* ~~~~~~~~~~~~~GENERAL~~~~~~~~~~~~~ */ +*{ margin: 0; padding: 0; box-sizing: border-box; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; -} - -html{ - scroll-behavior: smooth; + font-family: 'Montserrat', serif; + background-color: #1b4965; } -* p { - font-size: 1.15em; +.font-title-1 { + font-family: 'Montserrat', serif; + font-size: 72px; + line-height: 80px; } -/* Standardize heading styles */ -.heading { - font-size: 2.5em; - font-weight: 600px; - margin-bottom: 10px; - padding-bottom: 10px; -} - -.topnav { - overflow: hidden; - background-color: #5b2e70; - position: relative; +.font-title-2 { + font-family: 'Open Sans', sans-serif; + font-size: 36px; + font-weight: 400; + line-height: 42px; } -/* Hide the links inside the navigation menu (except for logo/home) */ -.topnav #myLinks { - display: none; +.font-title-3 { + font-family: 'Open Sans', sans-serif; + font-size: 24px; + font-weight: 600; + line-height: 32px; } -/* Style navigation menu links */ -.topnav a { - color: white; - padding: 20px 20px; - text-decoration: none; - font-size: 17px; - font-family: monospace; - display: block; +.font-paragraph { + font-family: 'Montserrat', sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; } -/* Style the hamburger menu */ -.topnav a.icon { - background: #5b2e70; - display: block; - position: absolute; - right: -15px; - top: -10px; -} - -/* Add a grey background color on mouse-over */ -.topnav a:hover { - background-color: #5b2e70; - color: black; -} - -/* Style the active link (or home/logo) */ -.active { - background-color: #5b2e70; - color: white; +.font-caption { + font-family: 'Open Sans', sans-serif; + font-size: 12px; + font-weight: 300; + line-height: 16px; } -.banner { - position: relative; +/* ~~~~~~~~~~~~~~~JUMBOTRON~~~~~~~~~~~~~~~~~ */ +.jumbotron { + height: 100vh; width: 100%; - max-width: 100%; - + display: flex; + justify-content: center; + align-items: center; + position: relative; } -.banner .background { +.jumbotron .container{ width: 100%; - display: block; - height: 750; - z-index: 2; - -} - -.banner .logo1 { - position: absolute; - width: 35%; - height:62%; - top: 100px; - left: 100px; - z-index: 1; -} - -.Heading2 { - position: absolute; - top: 120px; - right: 100px; - font-size: 30px; - font-family: "Times New Roman"; - font-weight: 10px; - -} - -.Heading2 h3.topHeading{ - font-size: 90px; -} - - -.countdown{ - position: absolute; - top: 225px; - right: 70px; + margin: 0 auto; display: flex; - margin-top: 50px; - } -.countdown div{ - position: relative; - width: 100px; - height: 100px; - line-height: 100px; - text-align: center; - background: #6E1282; - color: #fff; - margin : 0 15px; - font-size: 2em; - font-weight: 500; - +.jumbotron .placeholder { + margin: 0px 50px; + width: 40%; + background-color: white; + opacity: 0.2; + height: 70vh; + border: 10px solid #333333; } -.countdown div:before{ - content:''; +.jumbotron .right { position: absolute; - bottom: -30px; - right: 0; - width: 100%; - height: 35px; - background: #F59B35; - color: #76189E; - font-size: 0.30em; - line-height: 35px; - font-weight: 300; -} - -.countdown #day:before{ - content:'Days'; - + top: 50%; + left: 67%; + transform: translate(-50%, -50%); + justify-content: center; + vertical-align: middle; + text-align: center; } -.countdown #hour:before{ - content:'Hours'; - +.jumbotron h1 { + width: min-intrinsic; + display: -ms-grid; + -ms-grid-columns: min-content; + margin-bottom: 20px; } -.countdown #minute:before{ - content:'Minutes'; - +.jumbotron .font-title-1 { + font-size: 90px; + color: white; + text-shadow: 2px 2px 8px #E5B3FD; + font-weight: bold; } -.countdown #second:before{ - content:'Seconds'; - +.jumbotron .font-title-4 { + font-size: 80px; + color: #333333; + font-weight: bold; } -.Heading2 .button-instagram { - position: absolute; - top: 200%; - left: 33%; - background-color: #555; +.jumbotron button { + display: flex; + background-color: transparent; + border: 2px solid white; + text-decoration: none; color: white; - /* font-size: 16px; */ - padding: 12px 24px; - border: none; - cursor: pointer; - border-radius: 5px; + vertical-align: middle; text-align: center; - - display: block; - width: 230px; - height: 28%; - max-width: 100%; - margin: 0 auto; - margin-bottom: 0; - overflow: hidden; - /* position: relative; */ - /* transform: translatez(0); */ - text-decoration: none; - box-sizing: border-box; - font-size: 90%; - font-weight: 100; - box-shadow: 0 9px 18px rgba(0,0,0,0.2); + display: table-cell; + padding: 8px 12px; + width: 80%; } -.Heading2 .button-instagram { - text-align: center; - line-height: 50%; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - border-radius: 50px; - padding: 26px; - font-weight: 1000; - color: white; - background: #BD3381; - background: linear-gradient(to bottom right, #BD3381,#cc5094); - +.jumbotron .font-paragraph { + font-size: 20px; } -.button-instagram:hover{ - background-color: #6b0940; - font-size: 110%; - transition: all ease 0.4s; - - +.jumbotron .apply-now { + border: none; + flex: 1; + margin-bottom: 8px; + padding-top: 16px; + padding-bottom: 16px; + font-size: 24px; + font-weight: 800; + width: 100%; + background-color: #C0F4B7; + color: #000000; } -.banner .h3 { - font-size:1.75rem; - text-align: center; +.jumbotron .flex-grid { + display: flex; } -.banner .text-center { - text-align:center !important; +#left-button { + margin-right: 6px; + margin-top: 6px; } -.banner .col-lg-12 { - -ms-flex:0 0 100%; - flex:0 0 100%; - max-width:100%; +#right-button { + margin-top: 6px; + margin-left: 6px; } -.banner .gradient { - display: block; +.jumbotron .message { position: absolute; - top: 0; - right: 0; - width: 80%; - height: 90%; - bottom: auto; - margin: auto; - z-index: -1; - background: radial-gradient(90px circle at top center, rgba(238,88,63,.8) 30%, rgba(255,255,255,0)); - transition: all 0s ease-out 0s; - transform: translatex(-140px); - animation: 18s linear 0s infinite move; -} - - - -@keyframes move { - 0% { - transform: translatex(-140px); - } - 25% { - transform: translatex(140px); - opacity: 0.3; - } - 50% { - transform: translatex(140px); - opacity: 1; - background: radial-gradient(90px circle at bottom center, rgba(238,88,63,.5) 30%, rgba(255,255,255,0)); - } - 75% { - transform: translatex(-140px); - opacity: 0.3; - } - 100% { - opacity: 1; - transform: translatex(-140px); - background: radial-gradient(90px circle at top center, rgba(238,88,63,.5) 30%, rgba(255,255,255,0)); - } + bottom: 0; + width: 100%; + justify-content: center; + text-align: center; + padding: 6px 12px; + font-style: italic; + font-weight: 600; + background-color: #5FA8D3; } - /* ~~~~~~~~~~~~~~~ABOUT~~~~~~~~~~~~~~~~~ */ .about .contentBx { margin: auto; @@ -434,55 +318,44 @@ html{ padding: 10px; } -/* ~~~~~~~~~~~~~~~PARTNERS~~~~~~~~~~~~~~~~~ */ +/* ~~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~~ */ footer { - padding: 25px 30px; - background: #5b2e70; - color: #ffa508; + padding: 15px 50px; + background: #1B4965; + color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; text-align: center; } -footer .text{ - color: #ffa508; -} -footer .text:hover{ - color: white; -} -.fa { - padding: 20px; - font-size: 20px; +.bottom { + padding: 5px 10px; + background: #000000; + color: #FFFFFF; + display: flex; + justify-content: center; + align-items: center; text-align: center; - border-radius: 40%; - margin: 10 px; - color: white; -} -.fa::before{ - color: white; -} -.fa:hover { - opacity: 0.7; - background: #ffa508; - text-decoration: none; + position: absolute; + left:0; + right: 0; } -.fa-facebook { - background: #3B5998; +footer .grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 15px; } -.fa-twitter { - background: #55ACEE; +footer .text{ + color: #FFFFFF; + font-size: 13px; } - -.fa-google { - background: #dd4b39; +footer .text:hover{ + color: #C0F4B7; } -.fa-instagram { - background: #125688; -} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @@ -725,8 +598,8 @@ td:nth-child(5) { /*stylizing links #BD3381 #5b2e70*/ a:link { - color: #BD3381; - text-decoration: none; + color: #C0F4B7; + text-decoration: underline; } a:visited {