diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..3b66410 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} \ No newline at end of file diff --git a/about.html b/about.html index 7372e3f..2e2c2cd 100644 --- a/about.html +++ b/about.html @@ -36,6 +36,7 @@ Hack To Help + -
-
+
+
+
-
-
+
+
-

History

+

History

Hack to Help was founded by Ata Gowani as ITWD with the purpose to provide a safe space for everyone to learn programming. ITWD @@ -109,18 +113,19 @@

History

-
-
-
+
+
+
-

Our Events

+

+ Our Events +

Hack to Help started with the goal of creating a safe space for everyone to learn programming. We work towards achieving that by hosting hands-on workshops several times a semester open to all experience levels. Our workshops vary in content ranging from - basic web development to learning about frameworks such as - React. + basic web development to learning about libraries such as React.




@@ -128,10 +133,9 @@

Our Events

+
-
-
Sign up for updates
@@ -185,6 +189,8 @@
Sign up for updates
+
+
diff --git a/apply.html b/apply.html new file mode 100644 index 0000000..76a122c --- /dev/null +++ b/apply.html @@ -0,0 +1,14 @@ + + + + + Apply + + + + +

Redirecting to Hack To Help's Officer Application Form:

+ https://hacktohelp.typeform.com/to/MVwVzqih + + + diff --git a/events.html b/events.html index 73d1fd0..caf9d92 100644 --- a/events.html +++ b/events.html @@ -41,6 +41,19 @@ Hack To Help +
+
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+
+
+
-

Upcoming Events

+

Upcoming Events

@@ -98,10 +114,13 @@

Upcoming Events

>
+
+
+
-
+
-

Available Source Code

+

Available Source Code

Available Source Code
+
+
+
Sign up for updates
@@ -165,4 +188,6 @@
Sign up for updates
+
+
diff --git a/index.html b/index.html index 3101f34..87fb777 100644 --- a/index.html +++ b/index.html @@ -1,187 +1,133 @@ - - - - - - - - - - - - - - - - - - - Hack To Help - + + + + + -
- -
-
-
-
-
-

Hack to Help

-
-
-

- Debunking the myth of "The Genius Programmer" and promoting social - good in the process. -

-
+ + + + + + + + + + + + + + Hack To Help + +
+
+ +
+
+
+
+
+
+

Hack to Help

+
+
+

+ Debunking the myth of "The Genius Programmer" and promoting social + good in the process. +

+
+
+
+
+
+
-

Upcoming Events

-
+

Upcoming Events

+
+
+
-

Our Friends

+

Our Friends

- UX Club + UX Club - Pivotal + Pivotal - Women in Technoloy and Business + Women in Technoloy and Business
+
+
+
Sign up for updates
- -
@@ -189,21 +135,32 @@
Sign up for updates
- - - + + + - +
+
+
+ + + + diff --git a/join.html b/join.html index 3966c46..50b8f87 100644 --- a/join.html +++ b/join.html @@ -1,244 +1,162 @@ - - - - - - - - - - - - - - - Hack To Help - - -
-
+ + -
-

Join Us

-
-
-

-

GroupMe

-
-

- Join our GroupMe Lorem ipsum dolor sit amet, consectetur adipiscing - elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure - dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est - laborum. -

-
- -
+ + + + + + + + + + + + + Hack To Help + +
+ +
+
+
+
+
+

Join Us

+
+
+

+

GroupMe

+
+
+ Join our GroupMe and chat with us today! Get the latest Hack To Help + news and chat with others in the community! +
+
+
-
-

-

Socials

-
-

- Connect with us on our various social medias. Lorem ipsum dolor sit - amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis - nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt mollit - anim id est laborum. -

-
- -
+
+
+

+

Socials

+
+
+ Connect with us on our various social media pages. This is the best + way to get get updates on events and pictures from them too. +
+
+
-
+
+
+

-

Apply

-
-

- Apply now to join our great team of officers. Lorem ipsum dolor sit - amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis - nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt mollit - anim id est laborum. -

-
- -
+ +

Apply

+
+
+ Apply now to join our great team of officers. Help with workshops + and more. +
+
+
-
-
-
-
-
Sign up for updates
-
-
-
-
- - -
-
+
+
+
+
+
Sign up for updates
+
+
+
+
+ + +
-
-
- - - - - -
+
+
+
+ + + + +
-
+
+
+
+
diff --git a/src/css/style.css b/src/css/style.css index fb4ec9d..071dd22 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -2,16 +2,53 @@ .navbar { font-family: "Muli"; font-size: 2em; + width: 95%; + padding-top: 1%; + padding-bottom: 1%; + margin-top: 2.5%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + animation: gradient 15s ease infinite; + /*background: rgba(212, 129, 143, 0.3);*/ + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(4px); +} + +@keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } } +/* Index Page */ .officer-backdrop { - background-image: url("../imgs/Officers.jpeg"); + background-image: url("../imgs/officer_headshots/current/Team.jpg"); background-position: center; background-attachment: fixed; - height: 700px; background-size: cover; } +.gradient-backdrop { + background: linear-gradient(rgba(69, 6, 35, 0.7), rgba(69, 6, 35, 0.5)); + background-position: center; + background-size: cover; + position: absolute; + width: 100%; +} + h1, h2, h3, @@ -21,6 +58,18 @@ h6 { font-family: "Poppins"; } +body { + background-color:rgb(69, 6, 35); +} + +a { + color: inherit; +} + +a:hover { + color:rgb(69, 6, 35); +} + .title { font-size: 4em; font-weight: 500 !important; @@ -31,12 +80,61 @@ h6 { } .background-tint { - background-color: rgba(69, 6, 35, 0.55); + background-color: rgba(69, 6, 35, 0.47); background-blend-mode: multiply; } +/* The alert message box */ +.alert { + padding: 20px; + background-color: #572d40bb; /* Red */ + color: white; + margin-bottom: 15px; + text-align: center; +} + +/* The close button */ +.closebtn { + margin-left: 15px; + color: white; + font-weight: bold; + float: right; + font-size: 22px; + line-height: 20px; + cursor: pointer; + transition: 0.3s; +} + +/* When moving the mouse over the close button */ +.closebtn:hover { + color: black; +} + #upcoming-events { - height: 100%; + /* Changes start here */ + width: 95%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + background-color: rgba(255, 255, 255, 0.15); + /*background: rgba(212, 129, 143, 0.3);*/ + border: 1px solid rgba(255, 255, 255, 0.75); + animation: gradient 15s ease infinite; + backdrop-filter: blur(5px); + /* Changed end here */ +} + +#upcoming-events-section { + color: #fafafa; } #our-friends { @@ -51,6 +149,32 @@ h6 { #slogan { width: 45%; } +.our-friends-section { + position: relative; + width: 95%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + + backdrop-filter: blur(5px); + color: #fafafa; +} + +.our-friends-picture { + width: 200px; + height: 200px; +} @media only screen and (max-width: 768px) { #slogan { @@ -58,17 +182,38 @@ h6 { } } +@media only screen and (max-width: 768px) { + .officer-backdrop { + background-image: url("../imgs/officer_headshots/current/Team.jpg"); + background-position: center; + background-attachment: scroll; + height: 700px; + background-size: cover; + position:absolute; + } +} + /** Footer **/ .footer { color: white; - background: rgb(0, 0, 0); + width: 95%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + position: relative; + /* background: linear-gradient( - 0deg, - rgba(0, 0, 0, 1) 0%, - rgba(69, 6, 35, 1) 100% + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) ); - height: 280px; + */ + background: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(5px); + padding: 3%; } @media only screen and (max-width: 768px) { @@ -77,15 +222,10 @@ h6 { } } -.our-friends-picture { - width: 200px; - height: 200px; -} - a .fab { color: white; } - +/* About */ .about-nav { background-color: #450623; } @@ -97,6 +237,8 @@ a .fab { background-size: cover; background-color: rgba(69, 6, 35, 0.8); background-blend-mode: multiply; + border-radius: 20px; + overflow: hidden; } .ourevents-backdrop { @@ -106,12 +248,15 @@ a .fab { background-size: cover; background-color: rgba(69, 6, 35, 0.8); background-blend-mode: multiply; + border-radius: 20px; + overflow: hidden; } .about-title { font-family: "Muli"; font-weight: 700; color: white; + text-align: center; } .about-info { @@ -119,15 +264,34 @@ a .fab { color: white; font-size: 1.4em; } - +/* Team Page */ #currentofficers { - background-color: rgba(69, 6, 35, 1); + background-color: transparent; color: white; } #pastofficers { - background-color: rgba(69, 6, 35, 1); + background-color: transparent; + color: white; +} + +#officer-div { color: white; + border-radius: 25px; + width: 95%; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + padding: 0px; + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(5px); } .officer-cards { @@ -154,7 +318,22 @@ a .fab { } #ouradvisor { - background-color: rgba(69, 6, 35, 1); + color: white; + border-radius: 25px; + width: 100%; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + padding: 0px; + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(5px); color: white; } @@ -180,24 +359,6 @@ fade:not(.show) { opacity: 1 !important; } -.our-friends-section { - background-color: #fafafa; -} - -#source-code-section { - background-color: #fafafa; -} - -@media only screen and (max-width: 768px) { - .officer-backdrop { - background-image: url("../imgs/Officers.jpeg"); - background-position: center; - background-attachment: scroll; - height: 700px; - background-size: cover; - } -} - .grayout { opacity: 0.05; /* Real browsers */ @@ -209,7 +370,10 @@ fade:not(.show) { .event-card { width: 100%; - height: 100%; + border-radius: 20px; + border-width: 10px; + overflow: hidden; + border: #fafafa; } .event-card:hover { cursor: pointer; @@ -220,22 +384,38 @@ fade:not(.show) { .event-card-container { position: relative; - height: 100%; + border-radius: inherit; } .event-card-background { height: 100%; width: 100%; - position: absolute; + vertical-align: middle; top: 0%; left: 0; bottom: 0; right: 0; z-index: -1; overflow: hidden; - background-color: #13020a; + background-color: rgb(69, 6, 35); color: #fafafa; } + +#event_description { + height: 30%; + vertical-align: middle; + margin-bottom: 0; + margin-top: 20px; +} + +#rsvp-container{ + background-color: rgb(212, 129, 143); +} + +#source-comingsoon { + color: rgb(212, 129, 143); +} + #events-loading { height: 316px; width: 1000px; @@ -249,23 +429,71 @@ fade:not(.show) { #sourcecode-comingsoon { height: 316px; } +#source-code-section { + color: white; + width: 95%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + background: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(5px); +} + /*** Join Us****/ .joinus-backdrop { background-image: url("../imgs/joinus/joinus-banner.png"); background-position: center; background-attachment: fixed; - height: 500px; background-size: cover; } + +.container-fluid { + padding: 3%; +} + +#join-us-div { + position: relative; + color: white; + width: 95%; + padding-top: 5%; + margin-left: 2.5%; + margin-right: 2.5%; + border-radius: 25px; + position: relative; + /* + background: linear-gradient( + 135deg, + rgb(116, 10, 60, 0.6), + rgb(164, 69, 101, 0.6), + rgb(212, 129, 143, 0.6) + ); + */ + background: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.75); + backdrop-filter: blur(5px); +} + .joinus-description { - height: 250px; + text-align: center; } .linklist-container { - border-right: thin solid black; - height: 250px; + margin-top: 10%; + text-align: center; + vertical-align: middle; } .linklist { padding: 0; + vertical-align: middle; } .linklist li { list-style-type: none; @@ -278,7 +506,7 @@ fade:not(.show) { border: 0; padding: 0; margin: 0; - color: rgb(69, 6, 35); + color: rgb(69, 6, 35) } .linklist li > a:hover { text-decoration: none; @@ -289,6 +517,142 @@ fade:not(.show) { @media only screen and (max-width: 768px) { .linklist-container { border-right: none; - height: 200px; } + + .joinus-backdrop { + background-attachment: scroll; + } +} + +/*family=Exo:400,700');*/ + +body{ + font-family: 'Exo', sans-serif; +} + + +.context { + width: 100%; + position: absolute; + top:50vh; + +} + +.context h1{ + text-align: center; + color: #fff; + font-size: 50px; +} + +.circles{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} + +.circles li{ + position: absolute; + display: block; + list-style: none; + width: 20px; + height: 20px; + background: rgba(212, 129, 143, 0.6); + animation: animate 15s linear infinite; + bottom: -150px; + +} + +.circles li:nth-child(1){ + left: 25%; + width: 80px; + height: 80px; + animation-delay: 0s; +} + + +.circles li:nth-child(2){ + left: 10%; + width: 20px; + height: 20px; + animation-delay: 2s; + animation-duration: 12s; } + +.circles li:nth-child(3){ + left: 70%; + width: 20px; + height: 20px; + animation-delay: 4s; +} + +.circles li:nth-child(4){ + left: 40%; + width: 60px; + height: 60px; + animation-delay: 0s; + animation-duration: 18s; +} + +.circles li:nth-child(5){ + left: 65%; + width: 20px; + height: 20px; + animation-delay: 0s; +} + +.circles li:nth-child(6){ + left: 75%; + width: 110px; + height: 110px; + animation-delay: 3s; +} + +.circles li:nth-child(7){ + left: 35%; + width: 150px; + height: 150px; + animation-delay: 7s; +} + +.circles li:nth-child(8){ + left: 50%; + width: 25px; + height: 25px; + animation-delay: 15s; + animation-duration: 45s; +} + +.circles li:nth-child(9){ + left: 20%; + width: 15px; + height: 15px; + animation-delay: 2s; + animation-duration: 35s; +} + +.circles li:nth-child(10){ + left: 85%; + width: 150px; + height: 150px; + animation-delay: 0s; + animation-duration: 11s; +} + +@keyframes animate { + + 0%{ + transform: translateY(-2000px) rotate(0deg); + opacity: 1; + border-radius: 0; + } + + 100%{ + transform: translateY(0px) rotate(720deg); + opacity: 0; + border-radius: 50%; + } + +} \ No newline at end of file diff --git a/src/imgs/Officers.jpg b/src/imgs/Officers.jpg new file mode 100644 index 0000000..4880e01 Binary files /dev/null and b/src/imgs/Officers.jpg differ diff --git a/src/imgs/Officers.jpeg b/src/imgs/Officers2.jpeg similarity index 100% rename from src/imgs/Officers.jpeg rename to src/imgs/Officers2.jpeg diff --git a/src/imgs/officer_headshots/current/Team.jpg b/src/imgs/officer_headshots/current/Team.jpg new file mode 100644 index 0000000..d22a477 Binary files /dev/null and b/src/imgs/officer_headshots/current/Team.jpg differ diff --git a/src/imgs/officer_headshots/current/austin.HEIC b/src/imgs/officer_headshots/current/austin.HEIC new file mode 100644 index 0000000..f6cbcd4 Binary files /dev/null and b/src/imgs/officer_headshots/current/austin.HEIC differ diff --git a/src/imgs/officer_headshots/current/austin.jpg b/src/imgs/officer_headshots/current/austin.jpg new file mode 100644 index 0000000..6b5a79b Binary files /dev/null and b/src/imgs/officer_headshots/current/austin.jpg differ diff --git a/src/imgs/officer_headshots/current/hiran.HEIC b/src/imgs/officer_headshots/current/hiran.HEIC new file mode 100644 index 0000000..701098c Binary files /dev/null and b/src/imgs/officer_headshots/current/hiran.HEIC differ diff --git a/src/imgs/officer_headshots/current/hiran.jpg b/src/imgs/officer_headshots/current/hiran.jpg new file mode 100644 index 0000000..f192f6a Binary files /dev/null and b/src/imgs/officer_headshots/current/hiran.jpg differ diff --git a/src/imgs/officer_headshots/current/megha.HEIC b/src/imgs/officer_headshots/current/megha.HEIC new file mode 100644 index 0000000..227f6f5 Binary files /dev/null and b/src/imgs/officer_headshots/current/megha.HEIC differ diff --git a/src/imgs/officer_headshots/current/megha.jpg b/src/imgs/officer_headshots/current/megha.jpg new file mode 100644 index 0000000..24337fe Binary files /dev/null and b/src/imgs/officer_headshots/current/megha.jpg differ diff --git a/src/imgs/officer_headshots/current/nidhi.heic b/src/imgs/officer_headshots/current/nidhi.heic new file mode 100644 index 0000000..012e15d Binary files /dev/null and b/src/imgs/officer_headshots/current/nidhi.heic differ diff --git a/src/imgs/officer_headshots/current/nidhi.jpg b/src/imgs/officer_headshots/current/nidhi.jpg new file mode 100644 index 0000000..a5f0b9e Binary files /dev/null and b/src/imgs/officer_headshots/current/nidhi.jpg differ diff --git a/src/imgs/officer_headshots/current/pratt.heic b/src/imgs/officer_headshots/current/pratt.heic new file mode 100644 index 0000000..d28efdc Binary files /dev/null and b/src/imgs/officer_headshots/current/pratt.heic differ diff --git a/src/imgs/officer_headshots/current/pratt.jpg b/src/imgs/officer_headshots/current/pratt.jpg new file mode 100644 index 0000000..e4fc1a0 Binary files /dev/null and b/src/imgs/officer_headshots/current/pratt.jpg differ diff --git a/src/imgs/officer_headshots/current/priyanka.HEIC b/src/imgs/officer_headshots/current/priyanka.HEIC new file mode 100644 index 0000000..906a4ec Binary files /dev/null and b/src/imgs/officer_headshots/current/priyanka.HEIC differ diff --git a/src/imgs/officer_headshots/current/priyanka.jpg b/src/imgs/officer_headshots/current/priyanka.jpg new file mode 100644 index 0000000..e1c8dd3 Binary files /dev/null and b/src/imgs/officer_headshots/current/priyanka.jpg differ diff --git a/src/imgs/officer_headshots/current/rishi.HEIC b/src/imgs/officer_headshots/current/rishi.HEIC new file mode 100644 index 0000000..990ed37 Binary files /dev/null and b/src/imgs/officer_headshots/current/rishi.HEIC differ diff --git a/src/imgs/officer_headshots/current/rishi.jpg b/src/imgs/officer_headshots/current/rishi.jpg new file mode 100644 index 0000000..db72cd1 Binary files /dev/null and b/src/imgs/officer_headshots/current/rishi.jpg differ diff --git a/src/imgs/officer_headshots/current/sai.HEIC b/src/imgs/officer_headshots/current/sai.HEIC new file mode 100644 index 0000000..4a795ae Binary files /dev/null and b/src/imgs/officer_headshots/current/sai.HEIC differ diff --git a/src/imgs/officer_headshots/current/sai.jpg b/src/imgs/officer_headshots/current/sai.jpg new file mode 100644 index 0000000..948d77a Binary files /dev/null and b/src/imgs/officer_headshots/current/sai.jpg differ diff --git a/src/imgs/officer_headshots/current/shehmir.HEIC b/src/imgs/officer_headshots/current/shehmir.HEIC new file mode 100644 index 0000000..6ecb6cb Binary files /dev/null and b/src/imgs/officer_headshots/current/shehmir.HEIC differ diff --git a/src/imgs/officer_headshots/current/shehmir_edited.jpg b/src/imgs/officer_headshots/current/shehmir_edited.jpg new file mode 100644 index 0000000..83f7f7b Binary files /dev/null and b/src/imgs/officer_headshots/current/shehmir_edited.jpg differ diff --git a/src/imgs/officer_headshots/current/shriya.HEIC b/src/imgs/officer_headshots/current/shriya.HEIC new file mode 100644 index 0000000..ff4240e Binary files /dev/null and b/src/imgs/officer_headshots/current/shriya.HEIC differ diff --git a/src/imgs/officer_headshots/current/shriya.jpg b/src/imgs/officer_headshots/current/shriya.jpg new file mode 100644 index 0000000..5cf18e7 Binary files /dev/null and b/src/imgs/officer_headshots/current/shriya.jpg differ diff --git a/src/imgs/officer_headshots/current/Alexis.HEIC b/src/imgs/officer_headshots/past/Alexis.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Alexis.HEIC rename to src/imgs/officer_headshots/past/Alexis.HEIC diff --git a/src/imgs/officer_headshots/current/Ata.HEIC b/src/imgs/officer_headshots/past/Ata.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Ata.HEIC rename to src/imgs/officer_headshots/past/Ata.HEIC diff --git a/src/imgs/officer_headshots/current/Christle.HEIC b/src/imgs/officer_headshots/past/Christle.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Christle.HEIC rename to src/imgs/officer_headshots/past/Christle.HEIC diff --git a/src/imgs/officer_headshots/past/Christle.jpg b/src/imgs/officer_headshots/past/Christle.jpg new file mode 100644 index 0000000..57e06ec Binary files /dev/null and b/src/imgs/officer_headshots/past/Christle.jpg differ diff --git a/src/imgs/officer_headshots/current/Jon.HEIC b/src/imgs/officer_headshots/past/Jon.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Jon.HEIC rename to src/imgs/officer_headshots/past/Jon.HEIC diff --git a/src/imgs/officer_headshots/current/Radhika.HEIC b/src/imgs/officer_headshots/past/Radhika.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Radhika.HEIC rename to src/imgs/officer_headshots/past/Radhika.HEIC diff --git a/src/imgs/officer_headshots/current/Salwa.HEIC b/src/imgs/officer_headshots/past/Salwa.HEIC similarity index 100% rename from src/imgs/officer_headshots/current/Salwa.HEIC rename to src/imgs/officer_headshots/past/Salwa.HEIC diff --git a/src/imgs/officer_headshots/past/aarthi.jpg b/src/imgs/officer_headshots/past/aarthi.jpg new file mode 100644 index 0000000..b4aeb0e Binary files /dev/null and b/src/imgs/officer_headshots/past/aarthi.jpg differ diff --git a/src/imgs/officer_headshots/past/alexis.jpg b/src/imgs/officer_headshots/past/alexis.jpg new file mode 100644 index 0000000..39ad3e9 Binary files /dev/null and b/src/imgs/officer_headshots/past/alexis.jpg differ diff --git a/src/imgs/officer_headshots/past/ata.jpg b/src/imgs/officer_headshots/past/ata.jpg new file mode 100644 index 0000000..e23a07d Binary files /dev/null and b/src/imgs/officer_headshots/past/ata.jpg differ diff --git a/src/imgs/officer_headshots/past/jon.jpg b/src/imgs/officer_headshots/past/jon.jpg new file mode 100644 index 0000000..46e4022 Binary files /dev/null and b/src/imgs/officer_headshots/past/jon.jpg differ diff --git a/src/imgs/officer_headshots/past/mush.jpeg b/src/imgs/officer_headshots/past/mush.jpeg new file mode 100644 index 0000000..26a7a73 Binary files /dev/null and b/src/imgs/officer_headshots/past/mush.jpeg differ diff --git a/src/imgs/officer_headshots/past/radhika.jpeg b/src/imgs/officer_headshots/past/radhika.jpeg new file mode 100644 index 0000000..b5044af Binary files /dev/null and b/src/imgs/officer_headshots/past/radhika.jpeg differ diff --git a/src/imgs/officer_headshots/past/salwa.jpg b/src/imgs/officer_headshots/past/salwa.jpg new file mode 100644 index 0000000..70a9ca8 Binary files /dev/null and b/src/imgs/officer_headshots/past/salwa.jpg differ diff --git a/src/imgs/officer_headshots/past/shahrin.jpg b/src/imgs/officer_headshots/past/shahrin.jpg new file mode 100644 index 0000000..11cf4f8 Binary files /dev/null and b/src/imgs/officer_headshots/past/shahrin.jpg differ diff --git a/src/js/events.js b/src/js/events.js index 18476e5..95ce8a7 100644 --- a/src/js/events.js +++ b/src/js/events.js @@ -40,12 +40,40 @@ const eventGoogleSheetUrl = * @param {string} googleSheetsUrl */ const loadEventData = googleSheetsUrl => { - $("#root").append(eventsLoading); + //$("#root").append(eventCardModal); + $("#root").addClass("justify-content-center"); + createEventCard( + "root", + "Reach Workshop Pt. 1", + "Join us for our first workshop of the semester. Come learn about building React projects from scratch", + "GR 4.301 |", + "Thursday Nov. 10th |", + "7:00-8:30 PM", + 500, + 310, + " RSVP", + "https://forms.gle/BbuztaWc5JZNEfnf8" + ) + /* + createEventCard( + "root", + "Workshop #1: React", + "Event Description", + "Location TBD", + "Wednesday Nov. 5th", + "7 PM", + 500, + 310, + " RSVP by Nov. 3rd" + ) + */ + /** Tabletop.init({ key: googleSheetsUrl, callback: processEventData, simpleSheet: true }); + */ }; /** * Call back for load event data @@ -56,7 +84,7 @@ const processEventData = (data, tabletop) => { if (data.length == 0) { $("#root").removeClass("justify-content-start"); $("#root").addClass("justify-content-center"); - $("#root").append(eventsComingSoon); + $("#root").append(eventsLoading); } else { data.forEach(event => createEventCard( @@ -83,6 +111,8 @@ const processEventData = (data, tabletop) => { * @param {string} event_time * @param {int} width * @param {int} height + * @param {string} rsvp_date + * @param {string} rsvp_link */ const createEventCard = ( container_id, @@ -92,7 +122,9 @@ const createEventCard = ( event_date, event_time, width, - height + height, + rsvp_date, + rsvp_link ) => { const element = $("#" + container_id); if (element.length === 0) { @@ -102,26 +134,35 @@ const createEventCard = ( let card = $('
'); card.width(width); - card.height(height); + //card.height(height); card_content_container = $("
"); card_foreground_string = ` -
+
-

+

${event_name}

-

+

${event_description}

- - Hack to Help Logo - -
- ${event_location} - ${event_date} @ ${event_time} +
+
+ ${event_location} ${event_date} ${event_time} +
+ +
+ Hack to Help Logo + + ${rsvp_date} + +
+ +
`; let card_foreground = $(card_foreground_string); + /* let card_background_string = `

${event_name}

@@ -129,9 +170,10 @@ const createEventCard = (

`; let card_background = $(card_background_string); + */ card_content_container.append(card_foreground); - card_content_container.append(card_background); + //card_content_container.append(card_background); card.append(card_content_container); card.click(function(e) { diff --git a/src/js/main.js b/src/js/main.js index 33f18bd..277a491 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -4,7 +4,7 @@ submitForm = () => { }; const homeNavBarAtTop = - "navbar navbar-expand-lg navbar-dark bg-transparent fixed-top pb-5"; + "navbar navbar-expand-lg navbar-dark bg-transparent fixed-top"; const homeNavBarBelow = "navbar navbar-expand-lg navbar-light fixed-top bg-white shadow-sm"; const logoPath = "./src/imgs/logo"; diff --git a/src/js/sourcecode.js b/src/js/sourcecode.js index 2a20375..ee5f77a 100644 --- a/src/js/sourcecode.js +++ b/src/js/sourcecode.js @@ -3,32 +3,34 @@ const sourceCodeComingSoon = $(`
-

Coming Soon

+

Coming Soon

`); const sourceCodeLoading = $(`
- `); const sourceCodeGoogleSheetUrl = "https://docs.google.com/spreadsheets/d/1A7Fqgj1_d0XaVn3AEdnnJRFNjYKgllGRLyaug2PTtgQ/edit?usp=sharing"; const loadSourceCodeData = googleSheetsUrl => { - $("#source-code-root").append(sourceCodeLoading); - Tabletop.init({ + $("#source-code-root").append(sourceCodeComingSoon); + /*Tabletop.init({ key: googleSheetsUrl, callback: processSourceCodeData, simpleSheet: true }); + */ }; const processSourceCodeData = (data, tabletop) => { if (data.length == 0) { $("#source-code-loading-area").append(sourceCodeComingSoon); } else { + console.log('processSourseCodeData was called'); data.forEach(event => createSourceCodeCard( "source-code-root", diff --git a/team.html b/team.html index 7d7ae65..32c847f 100644 --- a/team.html +++ b/team.html @@ -80,104 +80,171 @@
+
-
+

Meet Our Officers

-
-
+
+ +
Card image cap
- Ata
Gowani + Nidhi
Medikonda

President

-
+ +
+ Card image cap +
+
+ Prathmesh
Bhatt +
+

Vice
President

+
+
+
Card image cap
- Alexis
Vu + Hiranmayi
Tangella
-

Vice President

+

Secretary

-
+ +
Card image cap
- Jon
Washington + Rishi
Meka

Chief
Marketing Officer

-
+
Card image cap
- Salwa
Maheen Haider + Megha
Vuppala

Designer

-
+
Card image cap
- Radhika
Bhakta + Austin
Mondru
-

Outreach
Coordinator

+

Technical
Lead

-
+
Card image cap
- Christle
Pinheiro + Shehmir
Rangwala
-

Secretary

+

Technical
Specialist

+ + + +
+ Card image cap +
+
+ Shriya
Jejurkar +
+

Outreach
Coordinator

+
+
+ + + +
+ Card image cap +
+
+ Priyanka
Ganesan +
+

Industry
Relations

+
+
+ + +
+ Card image cap +
+
+ Sai
Motukuri +
+

Web
Developer

+
+
+
+
+
-
+
-
+

Our Advisor

-
-
+
+
class="officer-deck py-5 " style="background-color: rgba(69,6,35,.05); " > -
-
+
+

Meet Our Past Officers

-
-
+
+
Card image cap
- Ata
Gowani + Mushfiq
Rashid

President

-
+ +
Card image cap
- Sobia
Ali + Aarthi
Senthil
-

Vice President

+

+ Vice
President +

-
+ +
Card image cap
Jon
Washington
+

Chief
Marketing Officer

+
+
+ +
+ Card image cap +
+
+ Salwa
Maheen Haider +

- Chief
Marketing Officer + Designer

-
+ +
Card image cap
- Aman
Jasani + Radhika
Bhakta

- Chief
Financial Officer + Outreach
Coordinator +

+
+
+ +
+ Card image cap +
+
+ Christle
Pinheiro +
+

+ Secretary +

+
+
+ +
+ Card image cap +
+
+ Shahrin
Sharikha +
+

+ Fundraising
Coordinator

-
+ + + +
@@ -295,8 +478,6 @@
-
-
Sign up for updates
@@ -346,5 +527,6 @@
Sign up for updates
+
diff --git a/webex.html b/webex.html new file mode 100644 index 0000000..ed75591 --- /dev/null +++ b/webex.html @@ -0,0 +1,23 @@ + + + + + + + Hack To Help + + + +

Redirecting...

+

+ If redirect does not work please follow + this link. +

+ +