diff --git a/css/index.css b/css/index.css
index 558b40c..18ad275 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,4 +1,6 @@
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500';
+@import 'https://fonts.googleapis.com/css?family=Josefin+Slab:700';
+@import 'https://fonts.googleapis.com/css?family=Arapey:400,600';
.valign {
display: flex;
flex-direction: row;
@@ -17,6 +19,7 @@ body {
width: 100vw;
height: 118px;
background-color: #FFF;
+ z-index: 2;
}
@media only screen and (max-width: 640px) {
.navigation {
@@ -29,7 +32,7 @@ body {
float: left;
text-align: left;
}
-@media only screen and (max-width: 798px) {
+@media only screen and (max-width: 800px) {
.navigation .logo {
margin-right: 10px;
}
@@ -45,7 +48,7 @@ body {
float: right;
text-align: right;
}
-@media only screen and (max-width: 798px) {
+@media only screen and (max-width: 800px) {
.navigation .socials {
display: none;
}
@@ -90,23 +93,86 @@ nav ul li a {
line-height: 14.4px;
font-weight: 400;
}
-@media only screen and (max-width: 798px) {
+@media only screen and (max-width: 800px) {
nav ul li a {
margin: 2px;
padding: 0px;
}
}
-nav ul li a:hover {
+nav ul li:hover > a {
color: #EBB85B;
}
+nav ul li:hover > .submenu {
+ display: flex;
+}
@media only screen and (max-width: 640px) {
nav {
display: none;
}
}
+.submenu {
+ display: none;
+ float: left;
+ text-align: left;
+ font-size: 12px;
+ flex-wrap: wrap;
+ margin: 0px;
+ margin-top: 5px;
+ position: absolute;
+ background-color: #FFF;
+ box-shadow: 2px 2px 10px #AAA;
+ -moz-box-shadow: 2px 2px 10px #AAA;
+ -webkit-box-shadow: 2px 2px 10px #AAA;
+}
+.submenu ul {
+ list-style-image: none;
+ list-style-type: none;
+ display: flex;
+ flex-direction: column;
+ margin: 0px;
+ padding: 5px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+@media only screen and (max-width: 800px) {
+ .submenu ul {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ }
+}
+.submenu ul li {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+.submenu ul li a {
+ padding: 6px;
+ text-decoration: none;
+ color: #444;
+ font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 1.2px;
+ line-height: 14.4px;
+ font-weight: 400;
+}
+@media only screen and (max-width: 800px) {
+ .submenu ul li a {
+ margin: 2px;
+ padding: 0px;
+ }
+}
+.submenu ul li:hover > a {
+ color: #EBB85B;
+}
+@media only screen and (max-width: 640px) {
+ .submenu {
+ display: none;
+ }
+}
+
.hero-image {
height: 480px;
+ z-index: 1;
background-color: #AAA;
overflow: hidden;
display: flex;
@@ -146,32 +212,47 @@ nav ul li a:hover {
}
}
+hr {
+ width: 1200px;
+ margin-left: calc(50vw - 600px);
+ margin-right: calc(50vw - 600px);
+}
+@media only screen and (max-width: 1220px) {
+ hr {
+ width: auto;
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+}
+
.overlay {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
- top: 0;
+ top: 118;
left: 0;
position: absolute;
min-width: 100vw;
- min-height: 598px;
+ min-height: 480px;
}
@media only screen and (max-width: 640px) {
.overlay {
- min-height: 336px;
+ min-height: 280px;
}
}
.overlay .title {
text-align: center;
font-size: 60px;
color: #FFF;
- margin-top: 198px;
+ margin-top: 80px;
+ font-family: "Josefin Slab";
+ font-style: bold;
}
@media only screen and (max-width: 640px) {
.overlay .title {
- margin-top: 96px;
+ margin-top: 40px;
}
}
@@ -247,4 +328,514 @@ nav ul li a:hover {
max-width: 100%;
}
+.banner-img {
+ width: 100%;
+ height: 100%;
+}
+
+.banner {
+ padding-top: 0px;
+ margin-top: 15px;
+ padding-bottom: 0px;
+ margin-bottom: 15px;
+}
+@media only screen and (max-width: 640px) {
+ .banner {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ }
+}
+
+.footer-segment {
+ display: flex;
+ flex-direction: column;
+ padding-left: 17px;
+ padding-right: 17px;
+ justify-content: flex-start;
+ align-items: center;
+}
+.footer-segment b {
+ font-size: 14px;
+ margin-bottom: 24px;
+}
+.footer-segment .socials {
+ display: flex;
+ width: auto;
+}
+.footer-segment .socials a {
+ margin-right: 20px;
+ font-size: 28px;
+ color: #AAA;
+ margin-bottom: 17px;
+}
+.footer-segment .socials a:hover {
+ color: #444;
+}
+.footer-segment .socials a:last-child {
+ margin-right: 0px;
+}
+.footer-segment a {
+ text-decoration: none;
+ color: #444;
+ font-size: 13px;
+ margin-bottom: 24px;
+}
+.footer-segment a:hover {
+ color: #EBB85B;
+}
+.footer-segment p {
+ font-size: 13px;
+}
+.footer-segment .footer-logo {
+ width: 100px;
+ margin-top: 17px;
+}
+@media only screen and (max-width: 640px) {
+ .footer-segment {
+ margin-bottom: 48px;
+ }
+}
+
+.mobile-only {
+ display: none;
+}
+@media only screen and (max-width: 640px) {
+ .mobile-only {
+ display: flex;
+ }
+}
+
+.menu i {
+ color: #444;
+ font-size: 24px;
+}
+
+.mobile-nav {
+ flex-direction: row;
+ width: 100%;
+ justify-content: space-between;
+ margin-left: 15px;
+ margin-right: 15px;
+}
+.mobile-nav .title {
+ font-size: 24px;
+ font-weight: 500;
+}
+
+.desktop-only {
+ display: flex;
+}
+@media only screen and (max-width: 640px) {
+ .desktop-only {
+ display: none;
+ }
+}
+
+.fa-gap {
+ width: 25px;
+}
+
+.mobile-navigation-links {
+ display: none;
+ width: 100vw;
+}
+.mobile-navigation-links ul {
+ list-style-image: none;
+ list-style-type: none;
+ display: flex;
+ flex-direction: column;
+ margin: 0px;
+ padding: 0px;
+ width: 100vw;
+ align-items: center;
+}
+.mobile-navigation-links ul li {
+ width: 100vw;
+ text-align: center;
+ background-color: #EEE;
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.mobile-navigation-links ul li a {
+ text-decoration: none;
+ color: #444;
+ text-transform: uppercase;
+ letter-spacing: 1.2px;
+ line-height: 14.4px;
+ font-weight: 400;
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+.mobile-navigation-links ul li:hover > a {
+ color: #EBB85B;
+}
+
+.mobile-submenu {
+ display: none;
+}
+.mobile-submenu ul {
+ list-style-image: none;
+ list-style-type: none;
+ display: flex;
+ flex-direction: column;
+ margin: 0px;
+ padding: 0px;
+ width: 100vw;
+ align-items: center;
+}
+.mobile-submenu ul li {
+ width: 100vw;
+ text-align: center;
+ background-color: #DDD;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+.mobile-submenu ul li a {
+ text-decoration: none;
+ color: #444;
+ text-transform: uppercase;
+ letter-spacing: 1.2px;
+ line-height: 14.4px;
+ font-weight: 400;
+}
+
+.w {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ text-align: center;
+}
+@media only screen and (max-width: 640px) {
+ .w {
+ flex: 1;
+ align-items: flex-start;
+ text-align: left;
+ }
+}
+
+.w66 {
+ flex: 2;
+ margin-right: 17px;
+ align-items: flex-start;
+}
+
+.w33 {
+ flex: 1;
+ margin-left: 17px;
+}
+
+.segment-quote {
+ color: #444;
+ text-align: left;
+ font-size: 28px;
+ line-height: 42px;
+ font-weight: 300;
+ font-style: italic;
+ font-family: "Arapey";
+ margin-top: 0px;
+}
+
+.segment-projects-button {
+ width: auto;
+ font-size: 11px;
+ margin: 0 auto;
+ padding-left: 23px;
+ padding-right: 23px;
+ padding-top: 13px;
+ padding-bottom: 13px;
+ border-radius: 3px;
+ border-width: 2px;
+ border-style: solid;
+ border-color: #EBB85B;
+ color: #EBB85B;
+ text-transform: uppercase;
+ letter-spacing: 1.2px;
+ line-height: 14.4px;
+ font-weight: 400;
+}
+
+.segment-projects-button:hover {
+ color: #FFF;
+ background-color: #EBB85B;
+ font-weight: 500;
+}
+
+.segment-title-outer {
+ color: #EBB85B;
+ font-size: 24px;
+ padding-bottom: 17px;
+ font-weight: 500;
+}
+@media only screen and (max-width: 640px) {
+ .segment-title-outer {
+ margin-left: 10px;
+ }
+}
+
+.news-block {
+ display: flex;
+ flex-direction: row;
+ margin-bottom: 20px;
+}
+.news-block .news-img {
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ text-align: left;
+ width: 25%;
+ padding-right: 25px;
+}
+.news-block .news-img img {
+ width: 100%;
+}
+.news-block .news-content {
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ text-align: left;
+ width: 60%;
+}
+.news-block .news-content .news-title {
+ font-size: 20px;
+ color: #AAA;
+}
+.news-block .news-content .news-title:hover {
+ color: #EBB85B;
+}
+.news-block .news-content .news-para {
+ font-size: 12px;
+ color: #444;
+}
+.news-block .news-content .news-read-more {
+ font-size: 13px;
+ color: #AAA;
+}
+.news-block .news-content .news-read-more:hover {
+ color: #EBB85B;
+}
+.news-block .news-content .news-date {
+ font-size: 12px;
+ color: #AAA;
+}
+@media only screen and (max-width: 640px) {
+ .news-block {
+ margin-left: 10px;
+ }
+}
+
+.news-and-quote {
+ padding-top: 17px;
+ padding-bottom: 32px;
+}
+
+.user-image {
+ align-items: flex-start;
+ justify-content: flex-start;
+ margin: 0px;
+}
+.user-image img {
+ width: 90%;
+}
+@media only screen and (max-width: 640px) {
+ .user-image img {
+ width: 100%;
+ }
+}
+
+.user-info {
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+}
+.user-info p {
+ font-weight: 300;
+ font-size: 22px;
+ line-height: 33px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.user-info .title {
+ font-weight: 500;
+ font-size: 18px;
+ margin: 0px;
+}
+@media only screen and (max-width: 640px) {
+ .user-info .title {
+ margin-top: 24px;
+ }
+}
+
+.committee {
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+}
+.committee .title {
+ color: #EBB85B;
+ font-size: 22px;
+ font-weight: 500;
+}
+.committee p:last-child {
+ margin-bottom: 24px;
+}
+
+.committee-list {
+ padding-bottom: 0px;
+ padding-top: 0px;
+}
+
+.top-padding {
+ padding-top: 17px;
+}
+
+.logo-link {
+ text-decoration: none;
+ color: #444;
+}
+
+.dark {
+ color: #000 !important;
+ font-weight: 500 !important;
+}
+
+.big-news-title {
+ font-size: 24px;
+ color: #EBB85B;
+}
+
+.big-news-date {
+ font-size: 20px;
+ color: #AAA;
+}
+
+.big-news-para {
+ font-size: 22px;
+ line-height: 33px;
+ color: #444;
+ margin-top: 0px;
+}
+
+.big-news-read-more {
+ font-size: 18px;
+ color: #AAA;
+}
+
+.large-news {
+ margin-bottom: 0px;
+}
+@media only screen and (max-width: 640px) {
+ .large-news {
+ flex-direction: column;
+ align-items: center;
+ }
+ .large-news .news-img {
+ width: 75%;
+ }
+ .large-news .news-content {
+ width: 100%;
+ }
+}
+
+.middle-quote {
+ display: flex;
+ flex-direction: column;
+}
+
+.quote-text {
+ width: 100%;
+ text-align: center;
+ justify-content: center;
+}
+@media only screen and (max-width: 640px) {
+ .quote-text {
+ text-align: left;
+ justify-content: flex-start;
+ }
+}
+.quote-text p {
+ font-family: "Arapey";
+ font-style: italic;
+ font-weight: 600;
+ font-size: 28px;
+}
+
+.quote-author {
+ width: 100%;
+ text-align: right;
+ justify-content: flex-end;
+}
+.quote-author p {
+ margin-right: 200px;
+ font-size: 22px;
+}
+@media only screen and (max-width: 800px) {
+ .quote-author p {
+ margin-right: 0px;
+ }
+}
+
+.block-title {
+ text-align: left;
+ align-items: flex-start;
+ justify-content: flex-start;
+ margin-left: 0px;
+ margin-right: 17px;
+}
+.block-title p {
+ font-size: 21px;
+}
+
+.block-para {
+ text-align: left;
+ align-items: flex-start;
+ justify-content: flex-start;
+}
+.block-para p {
+ font-size: 22px;
+ line-height: 33px;
+}
+
+.block {
+ padding-top: 7px;
+ padding-bottom: 7px;
+}
+
+.leadership-button-container {
+ text-align: cetner;
+ align-items: center;
+ justify-content: center;
+}
+
+.leadership-button {
+ width: auto;
+ font-size: 14px;
+ padding-left: 34px;
+ padding-right: 34px;
+ padding-top: 21px;
+ padding-bottom: 21px;
+ border-radius: 3px;
+ background-color: #EBB85B;
+ color: #FFF;
+ text-transform: uppercase;
+ font-weight: 500;
+}
+
+.leadership-button:hover {
+ opacity: 0.7;
+}
+
+.involved {
+ font-size: 22px;
+ line-height: 33px;
+}
+
+.colored {
+ color: #EBB85B;
+}
+
+.thicc {
+ font-weight: 500;
+}
+
/*# sourceMappingURL=css/index.css.map */
diff --git a/css/index.css.map b/css/index.css.map
index 31ae9d3..cae7c9d 100644
--- a/css/index.css.map
+++ b/css/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/index.sass"],"names":[],"mappings":"AAAQ;AAyBR;EACC;EACA;EACA;;;AAED;EACC,aA7BY;EA8BZ;EACA;EACA;EACA,OA/BO;;;AAiCR;EACC;EACA;EACA,kBArCkB;;AAWlB;EAuBD;IAKE;;;AACD;EACC;EACA;EACA;EACA;;AAjCD;EA6BA;IAME;;;AAnCF;EA6BA;IAQE;;;AACF;EACC;EACA;EACA;EACA;;AA1CD;EAsCA;IAME;;;;AAEH;EACC;EACA;;AACA;EACC;EACA;EACA,OA5DI;;AA6DL;EACC,OAhEM;;;AAiER;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA,OAnFI;EAoFJ,aAtFS;EAuFT;EACA;EACA;EACA;;AA9EH;EAsEE;IAUE;IACA;;;AACF;EACC,OAzFc;;AAMjB;EAuDD;IA+BE;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;;AA9FA;EAwFD;IAQE;;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;EACA;EACA;EAtGA,aAuGkB;EAtGlB,gBAsGkB;;;AAEnB;EACC;EAtGA,aAuGmB;EAtGnB,cAsGmB;;AA/GnB;EA6GD;IAIE;IACA;IACA;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA/HA;EAqHD;IAYE;;;AACD;EACC;EACA;EACA,OA9IM;EA+IN;;AAtID;EAkIA;IAME;;;;AAEH;EACC;EACA;;AA5IA;EA0ID;IAIE;;;;AACF;EACC;EACA;EACA;EACA;EACA;;AApJA;EA+ID;IAOE;;;;AAEF;EACC;EACA;;;AAED;EACC,OAnKiB;EAoKjB;EACA;EACA;;;AAED;EACC,OA7KO;EA8KP;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cA1LiB;EA2LjB,OA3LiB;EA4LjB;EACA;EACA;EACA;;;AAED;EACC,OArMO;EAsMP,kBAnMiB;EAoMjB;;;AAED;EACC","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/index.sass"],"names":[],"mappings":"AAAQ;AACA;AACA;AAoCR;EACC;EACA;EACA;;;AAED;EACC,aAxCY;EAyCZ;EACA;EACA;EACA,OA1CO;;;AA4CR;EACC;EACA;EACA,kBAhDkB;EAiDlB;;AApCA;EAgCD;IAME;;;AACD;EACC;EACA;EACA;EACA;;AA3CD;EAuCA;IAME;;;AA7CF;EAuCA;IAQE;;;AACF;EACC;EACA;EACA;EACA;;AApDD;EAgDA;IAME;;;;AAEH;EACC;EACA;;AACA;EACC;EACA;EACA,OAtEI;;AAuEL;EACC,OA5EM;;;AA6ER;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA,OA/FI;EAgGJ,aAlGS;EAmGT;EACA;EACA;EACA;;AAxFH;EAgFE;IAUE;IACA;;;AACH;EACC,OAnGe;;AAoGhB;EACC;;AA/FF;EAiED;IAiCE;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAxHO;EA2BP;EACA;EACA;;AA6FA;EACC;EACA;EACA;EACA;EACA;EACA;EAjHD,aAkHmB;EAjHnB,gBAiHmB;;AAtHnB;EA+GA;IA3GA,aAoHoB;IAnHpB,gBAmHoB;;;AACnB;EArHD,aAsHoB;EArHpB,gBAqHoB;;AAClB;EACC;EACA;EACA,OA1II;EA2IJ,aA7IS;EA8IT;EACA;EACA;EACA;;AAnIH;EA2HE;IAUE;IACA;;;AACH;EACC,OA9Ie;;AAMjB;EAoGD;IAsCE;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAnJA;EA4ID;IASE;;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;EACA;EACA;EA3JA,aA4JkB;EA3JlB,gBA2JkB;;;AAEnB;EACC;EAvJA,aAwJmB;EAvJnB,cAuJmB;;AApKnB;EAkKD;IAIE;IACA;IACA;;;;AAEF;EACC;EA/JA,aAgKmB;EA/JnB,cA+JmB;;AA5KnB;EA0KD;IAIE;IAlKD,aAmKoB;IAlKpB,cAkKoB;;;;AAErB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA3LA;EAiLD;IAYE;;;AACD;EACC;EACA;EACA,OA5MM;EA6MN;EAGA;EACA;;AAtMD;EA8LA;IAME;;;;AAIH;EACC;EACA;;AA1MA;EAwMD;IAIE;;;;AACF;EACC;EACA;EACA;EACA;EACA;;AAlNA;EA6MD;IAOE;;;;AAEF;EACC;EACA;;;AAED;EACC,OAjOiB;EAkOjB;EACA;EACA;;;AAED;EACC,OA7OO;EA8OP;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAxPiB;EAyPjB,OAzPiB;EA0PjB;EACA;EACA;EACA;;;AAED;EACC,OArQO;EAsQP,kBAjQiB;EAkQjB;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;;AAzQA;EAqQD;IAME;IACA;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;;AACA;EACC;EACA;EACA,OAtSG;EAuSH;;AACD;EACC,OA7SK;;AA8SN;EACC;;AACF;EACC;EACA,OAlTM;EAmTN;EACA;;AACD;EACC,OAhTgB;;AAiTjB;EACC;;AACD;EACC;EACA;;AA/SD;EA8QD;IAmCE;;;;AAEF;EACC;;AApTA;EAmTD;IAGE;;;;AAGD;EACC,OAtUM;EAuUN;;;AAEF;EACC;EACA;EACA;EApTA,aAqTmB;EApTnB,cAoTmB;;AACnB;EACC;EACA;;;AAEF;EACC;;AAvUA;EAsUD;IAGE;;;;AAEF;EACC;;;AAED;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA,kBAvWS;EAcX,aA0VoB;EAzVpB,gBAyVoB;;AAClB;EACC;EACA,OA7WI;EA8WJ;EACA;EACA;EACA;EAjWH,aAkWqB;EAjWrB,gBAiWqB;;AAEpB;EACC,OA/We;;;AAiXlB;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA,kBAlYU;EAaZ,aAsXoB;EArXpB,gBAqXoB;;AAClB;EACC;EACA,OAzYI;EA0YJ;EACA;EACA;EACA;;;AAEJ;EACC;EACA;EACA;EACA;EACA;;AAxYA;EAmYD;IAOE;IACA;IACA;;;;AAEF;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC,OApaO;EAqaP;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAlbiB;EAmbjB,OAnbiB;EAobjB;EACA;EACA;EACA;;;AAED;EACC,OA/bO;EAgcP,kBA3biB;EA4bjB;;;AAED;EACC,OA/biB;EAgcjB;EACA;EACA;;AA5bA;EAwbD;IAME;;;;AAEF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AACF;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA,OA7dG;;AA8dJ;EACC,OA7de;;AA8dhB;EACC;EACA,OAteK;;AAueN;EACC;EACA,OAreG;;AAseJ;EACC,OAree;;AAsehB;EACC;EACA,OA1eG;;AAQL;EAgcD;IAoCE;;;;AAEF;EACC;EACA;;;AAED;EACC;EACA;EACA;;AACA;EACC;;AA/eD;EA8eA;IAGE;;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EAlfD,YAmfkB;EAlflB,eAkfkB;;AAClB;EACC;EACA;EACA;;AA/fD;EA4fA;IAKE;;;;AAEH;EACC;EACA;EACA;;AACA;EACC,OA9gBgB;EA+gBhB;EACA;;AACD;EACC;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA,OAniBO;;;AAqiBR;EACC;EACA;;;AAED;EACC;EACA,OAriBiB;;;AAuiBlB;EACC;EACA,OA3iBK;;;AA6iBN;EACC;EACA;EACA,OApjBO;EAqjBP;;;AAED;EACC;EACA,OArjBK;;;AAujBN;EACC;;AAhjBA;EA+iBD;IAGE;IACA;;EACA;IACC;;EACD;IACC;;;;AAEH;EACC;EACA;;;AAED;EACC;EACA;EACA;;AAhkBA;EA6jBD;IAKE;IACA;;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;EACA;EACA;;AACA;EACC;EAGA;;AAllBD;EA8kBA;IAGE;;;;AAGH;EACC;EACA;EACA;EAGA;EACA;;AAHA;EACC;;;AAIF;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAEF;EAjmBC,aAkmBkB;EAjmBlB,gBAimBkB;;;AAEnB;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA3nBiB;EA4nBjB,OAjoBO;EAkoBP;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC,OAxoBiB;;;AA0oBlB;EACC","file":"index.css"}
\ No newline at end of file
diff --git a/info.log b/info.log
index e69de29..405d334 100644
--- a/info.log
+++ b/info.log
@@ -0,0 +1,8 @@
+0
+0
+0
+0
+0
+0
+0
+0
diff --git a/js/index.js b/js/index.js
new file mode 100644
index 0000000..6e28c63
--- /dev/null
+++ b/js/index.js
@@ -0,0 +1,23 @@
+$('#expand').click(function() {
+ if($('.mobile-navigation-links')[0].style.display === 'none') {
+ $('.mobile-navigation-links')[0].style.display = 'flex'
+ $('.fa-bars').toggleClass('fa-bars fa-close')
+ } else {
+ $('.mobile-navigation-links')[0].style.display = 'none'
+ $('.fa-close').toggleClass('fa-close fa-bars')
+ }
+})
+
+$('#expand-abu').click(function() {
+ if($('#abu')[0].style.display === 'none')
+ $('#abu')[0].style.display = 'flex'
+ else
+ $('#abu')[0].style.display = 'none'
+})
+
+$('#expand-wwd').click(function() {
+ if($('#wwd')[0].style.display === 'none')
+ $('#wwd')[0].style.display = 'flex'
+ else
+ $('#wwd')[0].style.display = 'none'
+})
\ No newline at end of file
diff --git a/resources/bkg.jpg b/resources/bkg.jpg
deleted file mode 100644
index d743946..0000000
Binary files a/resources/bkg.jpg and /dev/null differ
diff --git a/resources/ethan.jpg b/resources/ethan.jpg
new file mode 100644
index 0000000..19d3c7b
Binary files /dev/null and b/resources/ethan.jpg differ
diff --git a/resources/footer-banner.png b/resources/footer-banner.png
new file mode 100644
index 0000000..e643087
Binary files /dev/null and b/resources/footer-banner.png differ
diff --git a/resources/footer-logo.png b/resources/footer-logo.png
new file mode 100644
index 0000000..1e8c67b
Binary files /dev/null and b/resources/footer-logo.png differ
diff --git a/resources/jennifer.jpg b/resources/jennifer.jpg
new file mode 100644
index 0000000..a7e87f8
Binary files /dev/null and b/resources/jennifer.jpg differ
diff --git a/resources/logo.png b/resources/logo.png
index a7c6835..b087fd1 100644
Binary files a/resources/logo.png and b/resources/logo.png differ
diff --git a/resources/mia.jpg b/resources/mia.jpg
new file mode 100644
index 0000000..551a2fc
Binary files /dev/null and b/resources/mia.jpg differ
diff --git a/resources/neil.jpg b/resources/neil.jpg
new file mode 100644
index 0000000..3ba37c2
Binary files /dev/null and b/resources/neil.jpg differ
diff --git a/resources/news-1.png b/resources/news-1.png
new file mode 100644
index 0000000..9748f0c
Binary files /dev/null and b/resources/news-1.png differ
diff --git a/scss/index.sass b/scss/index.sass
index e2e18a7..69d8c74 100644
--- a/scss/index.sass
+++ b/scss/index.sass
@@ -1,14 +1,18 @@
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500'
+@import 'https://fonts.googleapis.com/css?family=Josefin+Slab:700'
+@import 'https://fonts.googleapis.com/css?family=Arapey:400,600'
$font-stack: "Montserrat", "Helvetica", "Arial", sans-serif
$background-color: #FFF
$color: #444
$white: #FFF
+$off-white: #EEE
+$off--white: #DDD
$dim: #AAA
$primary-color: #4D5389
$secondary-color: #EBB85B
$break-small: 640px
-$break-awk: 798px
+$break-awk: 800px
$break-large: 1220px
=react($break)
@@ -19,10 +23,19 @@ $break-large: 1220px
padding-top: $pad
padding-bottom: $pad
+=vertical-margin($pad)
+ margin-top: $pad
+ margin-bottom: $pad
+
=horizontal-margin($mar)
margin-left: $mar
margin-right: $mar
+=shadow($top, $left, $blur, $color)
+ box-shadow: $top $left $blur $color
+ -moz-box-shadow: $top $left $blur $color
+ -webkit-box-shadow: $top $left $blur $color
+
.valign
display: flex
flex-direction: row
@@ -39,6 +52,7 @@ body
width: 100vw
height: 118px
background-color: $background-color
+ z-index: 2
+react($break-small)
height: 56px
.logo
@@ -94,14 +108,57 @@ nav
+react($break-awk)
margin: 2px
padding: 0px
- a:hover
- color: $secondary-color
+ li:hover > a
+ color: $secondary-color
+ li:hover > .submenu
+ display: flex
+react($break-small)
display: none
+.submenu
+ display: none
+ float: left
+ text-align: left
+ font-size: 12px
+ flex-wrap: wrap
+ margin: 0px
+ margin-top: 5px
+ position: absolute
+ background-color: $white
+ +shadow(2px, 2px, 10px, #AAA)
+ ul
+ list-style-image: none
+ list-style-type: none
+ display: flex
+ flex-direction: column
+ margin: 0px
+ padding: 5px
+ +vertical-padding(10px)
+ +react($break-awk)
+ +vertical-padding(5px)
+ li
+ +vertical-padding(3px)
+ a
+ padding: 6px
+ text-decoration: none
+ color: $color
+ font-family: $font-stack
+ text-transform: uppercase
+ letter-spacing: 1.2px
+ line-height: 14.4px
+ font-weight: 400
+ +react($break-awk)
+ margin: 2px
+ padding: 0px
+ li:hover > a
+ color: $secondary-color
+ +react($break-small)
+ display: none
+
.hero-image
height: 480px
+ z-index: 1
background-color: #AAA
overflow: hidden
display: flex
@@ -129,26 +186,35 @@ nav
padding: 15px
margin: 0px
+hr
+ width: 1200px
+ +horizontal-margin(calc(50vw - 600px))
+ +react($break-large)
+ width: auto
+ +horizontal-margin(15px)
+
.overlay
display: flex
justify-content: center
align-items: center
text-align: center
flex-direction: column
- top: 0
+ top: 118
left: 0
position: absolute
min-width: 100vw
- min-height: 598px
+ min-height: 480px
+react($break-small)
- min-height: 336px
+ min-height: 280px
.title
text-align: center
font-size: 60px
color: $white
- margin-top: 198px
+ margin-top: 80px
+react($break-small)
- margin-top: 96px
+ margin-top: 40px
+ font-family: "Josefin Slab"
+ font-style: bold
.row
display: flex
@@ -205,4 +271,394 @@ nav
font-weight: 500
.segment-image
- max-width: 100%
\ No newline at end of file
+ max-width: 100%
+
+.banner-img
+ width: 100%
+ height: 100%
+
+.banner
+ padding-top: 0px
+ margin-top: 15px
+ padding-bottom: 0px
+ margin-bottom: 15px
+ +react($break-small)
+ margin-top: 0px
+ margin-bottom: 0px
+
+.footer-segment
+ display: flex
+ flex-direction: column
+ padding-left: 17px
+ padding-right: 17px
+ justify-content: flex-start
+ align-items: center
+ b
+ font-size: 14px
+ margin-bottom: 24px
+ .socials
+ display: flex
+ width: auto
+ a
+ margin-right: 20px
+ font-size: 28px
+ color: $dim
+ margin-bottom: 17px
+ a:hover
+ color: $color
+ a:last-child
+ margin-right: 0px
+ a
+ text-decoration: none
+ color: $color
+ font-size: 13px
+ margin-bottom: 24px
+ a:hover
+ color: $secondary-color
+ p
+ font-size: 13px
+ .footer-logo
+ width: 100px
+ margin-top: 17px
+ +react($break-small)
+ margin-bottom: 48px
+
+.mobile-only
+ display: none
+ +react($break-small)
+ display: flex
+
+.menu
+ i
+ color: $color
+ font-size: 24px
+
+.mobile-nav
+ flex-direction: row
+ width: 100%
+ justify-content: space-between
+ +horizontal-margin(15px)
+ .title
+ font-size: 24px
+ font-weight: 500
+
+.desktop-only
+ display: flex
+ +react($break-small)
+ display: none
+
+.fa-gap
+ width: 25px
+
+.mobile-navigation-links
+ display: none
+ width: 100vw
+ ul
+ list-style-image: none
+ list-style-type: none
+ display: flex
+ flex-direction: column
+ margin: 0px
+ padding: 0px
+ width: 100vw
+ align-items: center
+ li
+ width: 100vw
+ text-align: center
+ background-color: $off-white
+ +vertical-padding(12px)
+ a
+ text-decoration: none
+ color: $color
+ text-transform: uppercase
+ letter-spacing: 1.2px
+ line-height: 14.4px
+ font-weight: 400
+ +vertical-padding(12px)
+
+ li:hover > a
+ color: $secondary-color
+
+.mobile-submenu
+ display: none
+ ul
+ list-style-image: none
+ list-style-type: none
+ display: flex
+ flex-direction: column
+ margin: 0px
+ padding: 0px
+ width: 100vw
+ align-items: center
+ li
+ width: 100vw
+ text-align: center
+ background-color: $off--white
+ +vertical-padding(8px)
+ a
+ text-decoration: none
+ color: $color
+ text-transform: uppercase
+ letter-spacing: 1.2px
+ line-height: 14.4px
+ font-weight: 400
+
+.w
+ display: flex
+ flex-direction: column
+ justify-content: flex-start
+ align-items: center
+ text-align: center
+ +react($break-small)
+ flex: 1
+ align-items: flex-start
+ text-align: left
+
+.w66
+ flex: 2
+ margin-right: 17px
+ align-items: flex-start
+
+.w33
+ flex: 1
+ margin-left: 17px
+
+.segment-quote
+ color: $color
+ text-align: left
+ font-size: 28px
+ line-height: 42px
+ font-weight: 300
+ font-style: italic
+ font-family: "Arapey"
+ margin-top: 0px
+
+.segment-projects-button
+ width: auto
+ font-size: 11px
+ margin: 0 auto
+ padding-left: 23px
+ padding-right: 23px
+ padding-top: 13px
+ padding-bottom: 13px
+ border-radius: 3px
+ border-width: 2px
+ border-style: solid
+ border-color: $secondary-color
+ color: $secondary-color
+ text-transform: uppercase
+ letter-spacing: 1.2px
+ line-height: 14.4px
+ font-weight: 400
+
+.segment-projects-button:hover
+ color: $white
+ background-color: $secondary-color
+ font-weight: 500
+
+.segment-title-outer
+ color: $secondary-color
+ font-size: 24px
+ padding-bottom: 17px
+ font-weight: 500
+ +react($break-small)
+ margin-left: 10px
+
+.news-block
+ display: flex
+ flex-direction: row
+ margin-bottom: 20px
+ .news-img
+ flex-direction: column
+ justify-content: flex-start
+ align-items: flex-start
+ text-align: left
+ width: 25%
+ padding-right: 25px
+ img
+ width: 100%
+ .news-content
+ flex-direction: column
+ justify-content: flex-start
+ align-items: flex-start
+ text-align: left
+ width: 60%
+ .news-title
+ font-size: 20px
+ color: $dim
+ .news-title:hover
+ color: $secondary-color
+ .news-para
+ font-size: 12px
+ color: $color
+ .news-read-more
+ font-size: 13px
+ color: $dim
+ .news-read-more:hover
+ color: $secondary-color
+ .news-date
+ font-size: 12px
+ color: $dim
+ +react($break-small)
+ margin-left: 10px
+
+.news-and-quote
+ padding-top: 17px
+ padding-bottom: 32px
+
+.user-image
+ align-items: flex-start
+ justify-content: flex-start
+ margin: 0px
+ img
+ width: 90%
+ +react($break-small)
+ width: 100%
+
+.user-info
+ align-items: flex-start
+ justify-content: flex-start
+ text-align: left
+ p
+ font-weight: 300
+ font-size: 22px
+ line-height: 33px
+ +vertical-margin(12px)
+ .title
+ font-weight: 500
+ font-size: 18px
+ margin: 0px
+ +react($break-small)
+ margin-top: 24px
+
+.committee
+ align-items: flex-start
+ justify-content: flex-start
+ text-align: left
+ .title
+ color: $secondary-color
+ font-size: 22px
+ font-weight: 500
+ p:last-child
+ margin-bottom: 24px
+
+.committee-list
+ padding-bottom: 0px
+ padding-top: 0px
+
+.top-padding
+ padding-top: 17px
+
+.logo-link
+ text-decoration: none
+ color: $color
+
+.dark
+ color: #000 !important
+ font-weight: 500 !important
+
+.big-news-title
+ font-size: 24px
+ color: $secondary-color
+
+.big-news-date
+ font-size: 20px
+ color: $dim
+
+.big-news-para
+ font-size: 22px
+ line-height: 33px
+ color: $color
+ margin-top: 0px
+
+.big-news-read-more
+ font-size: 18px
+ color: $dim
+
+.large-news
+ margin-bottom: 0px
+ +react($break-small)
+ flex-direction: column
+ align-items: center
+ .news-img
+ width: 75%
+ .news-content
+ width: 100%
+
+.middle-quote
+ display: flex
+ flex-direction: column
+
+.quote-text
+ width: 100%
+ text-align: center
+ justify-content: center
+ +react($break-small)
+ text-align: left
+ justify-content: flex-start
+ p
+ font-family: "Arapey"
+ font-style: italic
+ font-weight: 600
+ font-size: 28px
+
+.quote-author
+ width: 100%
+ text-align: right
+ justify-content: flex-end
+ p
+ margin-right: 200px
+ +react($break-awk)
+ margin-right: 0px
+ font-size: 22px
+
+.block-title
+ text-align: left
+ align-items: flex-start
+ justify-content: flex-start
+ p
+ font-size: 21px
+ margin-left: 0px
+ margin-right: 17px
+
+.block-para
+ text-align: left
+ align-items: flex-start
+ justify-content: flex-start
+ p
+ font-size: 22px
+ line-height: 33px
+
+.block
+ +vertical-padding(7px)
+
+.leadership-button-container
+ text-align: cetner
+ align-items: center
+ justify-content: center
+
+.leadership-button
+ width: auto
+ font-size: 14px
+ padding-left: 34px
+ padding-right: 34px
+ padding-top: 21px
+ padding-bottom: 21px
+ border-radius: 3px
+ background-color: $secondary-color
+ color: $white
+ text-transform: uppercase
+ font-weight: 500
+
+.leadership-button:hover
+ opacity: 0.7
+
+.involved
+ font-size: 22px
+ line-height: 33px
+
+.colored
+ color: $secondary-color
+
+.thicc
+ font-weight: 500
\ No newline at end of file
diff --git a/server.js b/server.js
index fbb9b84..aeff979 100644
--- a/server.js
+++ b/server.js
@@ -2,23 +2,89 @@
var express = require('express')
var path = require('path')
var hbs = require('hbs')
+var fs = require('fs')
// SERVER INIT
var app = express()
-var server = require('http').createServer(app)
+var server = require('http').createServer(app)
// SERVER CONFIG
app.set('trust proxy', 1)
app.set('view engine', 'hbs')
hbs.registerPartials(path.join(__dirname, 'views'))
+hbs.registerHelper('listFirstThree', function (context, options) {
+ var ret = ""
+ for (var i = 0, j = Math.min(context.length, 3); i < j; i++) {
+ ret += options.fn(context[i])
+ }
+ return ret
+})
+hbs.registerHelper('firstSentences', function (context) {
+ return context.toString().split('.').slice(0, 1).join('.')
+})
+hbs.registerHelper('first3Sentences', function (context) {
+ return context.toString().split('.').slice(0, 3).join('.')
+})
+hbs.registerHelper('eq', function (v1, v2) {
+ return v1 == v2
+})
// CLIENT CONFIG
+app.use('/js', express.static(path.join(__dirname, 'js')))
app.use('/css', express.static(path.join(__dirname, 'css')))
app.use('/resources', express.static(path.join(__dirname, 'resources')))
// PAGES
-app.get('*', function (req, res) {
- res.render('index')
+app.get('/officers', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('officers', { site: content })
+})
+
+app.get('/committee', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('committee', { site: content })
+})
+
+app.get('/council', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('council', { site: content })
+})
+
+app.get('/mission', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('mission', { site: content })
+})
+
+app.get('/minutes', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('minutes', { site: content })
+})
+
+// app.get('/projects', function (req, res) {
+// var content = JSON.parse(fs.readFileSync('site.json'))
+// res.render('projects', { site: content })
+// })
+
+app.get('/news', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('news', { site: content })
+})
+
+app.get('/news/:page', function (req, res) {
+ var id = req.params.page
+ console.log(id)
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('newsArticle', { site: content, id: id })
+})
+
+app.get('/involved', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('involved', { site: content })
+})
+
+app.get('/', function (req, res) {
+ var content = JSON.parse(fs.readFileSync('site.json'))
+ res.render('index', { site: content })
})
// LISTENER
diff --git a/site.json b/site.json
new file mode 100644
index 0000000..755ca3a
--- /dev/null
+++ b/site.json
@@ -0,0 +1,327 @@
+{
+ "nav": [{
+ "title": "About Us",
+ "url": "#",
+ "submenu": [{
+ "title": "Officers",
+ "url": "/officers"
+ },{
+ "title": "Executive Committee",
+ "url": "/committee"
+ },{
+ "title": "Class Council",
+ "url": "/council"
+ }],
+ "submenu-id": "abu"
+ },{
+ "title": "What We Do",
+ "url": "#",
+ "submenu": [{
+ "title": "Mission and History",
+ "url": "/mission"
+ },{
+ "title": "Constitution",
+ "url": "https://drive.google.com/open?id=1fD2rEFGGV80nNx0v2mBSpPuLhfyYiGK8cz5xE5b4P3M"
+ },{
+ "title": "Meeting Minutes",
+ "url": "/minutes"
+ }],
+ "submenu-id": "wwd"
+ },{
+ "title": "News",
+ "url": "/news"
+ },{
+ "title": "Get Involved",
+ "url": "/involved"
+ }],
+ "segments": [{
+ "title": "News and Happenings",
+ "img": "resources/segment-1.jpg",
+ "content": "Read about SGA initiatives, goals, and progress from SGA officers, as well as from other student leaders, students, and student organizations.",
+ "button": {
+ "title": "More Info",
+ "url": "/news"
+ }
+ },{
+ "title": "Who We Are",
+ "img": "resources/segment-2.jpg",
+ "content": "Learn about your representatives, and how they're working to advance the common agenda that SGA has set to improve your experience at TJ.",
+ "button": {
+ "title": "More Info",
+ "url": "/officers"
+ }
+ },{
+ "title": "Get Involved",
+ "img": "resources/segment-3.jpg",
+ "content": "Any questions or concerns? Have an idea for how SGA could be doing more to advocate for students? Want to get involved? Contact Us!",
+ "button": {
+ "title": "More Info",
+ "url": "/involved"
+ }
+ }],
+ "news": [{
+ "id": 0,
+ "title": "Welcome to the new SGA Website",
+ "url": "news/0",
+ "img": "resources/news-1.png",
+ "content": "Welcome to the new TJHSST Student Government Association Website, where you can find information encompassing all aspects of the TJSGA! Every year, four new SGA officers are elected: President, Vice President, Secretary, and Treasurer. On the new site you can read a brief background on your student representatives, and find a list of the people serving on the Executive Committee and Class Council.
There is a section for our SGA Mission and Vision Statements as well. These are our goals we hope to accomplish, as representatives of the student body. This section also has a link to a spreadsheet containing a list of SGA’s from previous years for your reference. Along with those, we also provide a link to a google drive folder which includes detailed documents on every SGA or SGA-related meeting and conference during the school year as well as a laid-out agenda of SGA activities.
Do you want to be a part of Student Government; whether it be SGA, ExComm, SAC, or CC? Do you want to see changes made in our school? Do you want to help plan awesome TJ events such as Homecoming, Art Gala, and J-Day? Then apply for student government! Here you can find basic instructions on how to apply for any position on the Student Leadership team.
At the bottom of every page you will be able to find links to several SGA and school provided resources such as the SGA Constitution and the Student-Run TJ website.
",
+ "date": "June 22nd, 2018"
+ }],
+ "quote": {
+ "text": "“We envision a school where the brightest minds can come together to research, create, and explore, stretching beyond the limits of the classroom in expressing diverse cultures, fostering a sense of community, and creating social impact.”",
+ "button": {
+ "title": "Our Mission",
+ "url": "/mission"
+ }
+ },
+ "footer": [{
+ "title": "SGA Documents and Links",
+ "links": [{
+ "title": "SGA Constitution",
+ "url": "https://drive.google.com/open?id=1fD2rEFGGV80nNx0v2mBSpPuLhfyYiGK8cz5xE5b4P3M "
+ },{
+ "title": "Ion",
+ "url": "https://ion.tjhsst.edu/"
+ },{
+ "title": "TJ Peer Tutoring",
+ "url": "https://tutoring.tjhsst.edu/"
+ },{
+ "title": "Student Advocacy Guidelines",
+ "url": "https://ion.tjhsst.edu/uploads/advocacy.pdf"
+ },{
+ "title": "TJ Media",
+ "url": "https://www.tjtoday.org/"
+ },{
+ "title": "College and Career Center",
+ "url": "https://tjhsst.fcps.edu/student-services/college-and-career-center/"
+ }]
+ },{
+ "title": "School Resources",
+ "links": [{
+ "title": "FCPS Student Rights & Responsibilities",
+ "url": "https://www.fcps.edu/sites/default/files/media/forms/SRR1718.pdf"
+ },{
+ "title": "Student-Run TJ Website",
+ "url": "https://pre-fpcs.tjhsst.edu/"
+ },{
+ "title": "TJHSST School Profile",
+ "url": "https://tjhsst.fcps.edu/sites/default/files/media/inline-files/TJHSST%20Profile%202017-18.pdf"
+ },{
+ "title": "TJ PTSA",
+ "url": "https://www.tjptsa.org/"
+ },{
+ "title": "TJ Partnership Fund",
+ "url": "https://www.tjpartnershipfund.org/"
+ },{
+ "title": "Academic Integrity",
+ "url": "https://integrity.tjhsst.edu/"
+ },{
+ "title": "Staff Directory",
+ "url": "https://tjhsst.fcps.edu/staff-directory/"
+ }]
+ },{
+ "paragraphs": [{
+ "para": "Need help? Contact Us at sga.tjhsst@gmail.com"
+ },{
+ "para": "Photography by BJU Architects and Frank Ding"
+ },{
+ "para": "Website Developed by Anubis Watal"
+ },{
+ "para": "© 2018 TJHSST SGA - 6560 Braddock Road, Alexandria, VA 22312."
+ }],
+ "logo-image": "resources/footer-logo.png"
+ }],
+ "socials": [{
+ "title": "twitter",
+ "url": "https://twitter.com/tjsga"
+ },{
+ "title": "facebook",
+ "url": "https://www.facebook.com/tjsga"
+ },{
+ "title": "envelope",
+ "url": "mailto:sga.tjhsst@gmail.com"
+ }],
+ "officers": [{
+ "title": "President",
+ "name": "Neil Kothari",
+ "img": "resources/neil.jpg",
+ "paragraphs": [{
+ "para": "It is an honor to serve as your 2018-19 Student Body President. My overarching goal for SGA is to be responsive to the needs and concerns of the student body through innovative events and common-sense policy reform. I ran because I share your concerns in every aspect of TJ’s student experience, ranging from workload consistency and integrity to mental health and the lack of transparency in administrative decision-making. By designing new initiatives which support students and reviving tradition which brings the Colonial community together, I hope that we can create an environment where every student can make the most of their four years at TJ. Please feel free to contact me via facebook or by emailing me at 2019nkothari@tjhsst.edu. I’d be happy to hear your input on how we can move TJ forward."
+ }]
+ },{
+ "title": "Vice-President",
+ "name": "Ethan Phillips",
+ "img": "resources/ethan.jpg",
+ "paragraphs": [{
+ "para": ""
+ }]
+ },{
+ "title": "Treasurer",
+ "name": "Mia Yang",
+ "img": "resources/mia.jpg",
+ "paragraphs": [{
+ "para": ""
+ }]
+ },{
+ "title": "Secretary",
+ "name": "Jennifer Hernandez",
+ "img": "resources/jennifer.jpg",
+ "paragraphs": [{
+ "para": ""
+ }]
+ }],
+ "committee": [{
+ "title": "Activities Coordinators",
+ "people": [{
+ "name": "Sitara Uppalapati",
+ "year": "19"
+ },{
+ "name": "Michael Huang",
+ "year": "20"
+ },{
+ "name": "Michael Kyrychenko",
+ "year": "20"
+ },{
+ "name": "Rohan Kalra",
+ "year": "20"
+ },{
+ "name": "Neal Bhatnagar",
+ "year": "21"
+ }]
+ },{
+ "title": "Communications Coordinator",
+ "people": [{
+ "name": "Gabby Heller",
+ "year": "20"
+ }]
+ },{
+ "title": "Policy Specialists",
+ "people": [{
+ "name": "Pari Parajuli",
+ "year": "19"
+ },{
+ "name": "Grace Weisman-Fleischer",
+ "year": "20"
+ },{
+ "name": "Sarah Luthra",
+ "year": "20"
+ },{
+ "name": "Tiffany Ji",
+ "year": "21"
+ }]
+ },{
+ "title": "Technology Specialists",
+ "people": [{
+ "name": "Anubis Watal",
+ "year": "19"
+ },{
+ "name": "Varun Gannavarapu",
+ "year": "19"
+ },{
+ "name": "Sophia Cheng",
+ "year": "20"
+ }]
+ }],
+ "council": [{
+ "title": "Class of 2019",
+ "people": [{
+ "name": "Aaraj Vij",
+ "role": "President"
+ },{
+ "name": "MiJin Cho",
+ "role": "Vice-President"
+ },{
+ "name": "Rishin Pandit",
+ "role": "Treasurer"
+ },{
+ "name": "Rishi Shyamala",
+ "role": "Secretary"
+ },{
+ "name": "Laura Gersony",
+ "role": "Senator"
+ },{
+ "name": "Sabria Kazmi",
+ "role": "Senator"
+ },{
+ "name": "Johnathan Huynh",
+ "role": "Historian"
+ }]
+ },{
+ "title": "Class of 2020",
+ "people": [{
+ "name": "Ronith Ranjan",
+ "role": "President"
+ },{
+ "name": "Jessica Chen",
+ "role": "Vice-President"
+ },{
+ "name": "Vicky Yang",
+ "role": "Treasurer"
+ },{
+ "name": "Khushie Matharoo",
+ "role": "Secretary"
+ },{
+ "name": "Beyonce Andrades",
+ "role": "Senator"
+ },{
+ "name": "Megan Dass",
+ "role": "Senator"
+ },{
+ "name": "Jason Pak",
+ "role": "Historian"
+ }]
+ },{
+ "title": "Class of 2021",
+ "people": [{
+ "name": "Jordan Lee",
+ "role": "President"
+ },{
+ "name": "Quentin Lovejoy",
+ "role": "Vice-President"
+ },{
+ "name": "Matthew Hwang",
+ "role": "Treasurer"
+ },{
+ "name": "Udbhav Muthakana",
+ "role": "Secretary"
+ },{
+ "name": "Sean Nguyen",
+ "role": "Senator"
+ },{
+ "name": "Jason Xu",
+ "role": "Senator"
+ },{
+ "name": "James Huang",
+ "role": "Historian"
+ }]
+ },{
+ "title": "FroshComm (Class of 2022)",
+ "people": [{
+ "name": "Melissa Wu"
+ },{
+ "name": "Krushi Suresh"
+ },{
+ "name": "Allison Seo"
+ },{
+ "name": "Caroline Chen"
+ },{
+ "name": "Marina Wang"
+ },{
+ "name": "Anuj Khemka"
+ },{
+ "name": "Shreyas Chennamaraja"
+ },{
+ "name": "Sagar Gupta"
+ }]
+ }],
+ "vision": "We envision a school where the brightest minds can come together to research, create, and explore, stretching beyond the limits of the classroom in expressing diverse cultures, fostering a sense of community, and creating social impact.",
+ "mission": "TJ SGA will advocate for students by proposing policy that improves student experience, working with organizations to provide academic and personal support to students, and organizing innovative events to foster a sense colonial spirit. We want to serve the needs of the student body, and will therefore be transparent and approachable by encouraging the student body to voice their concerns and making SGA documents publicly accessible. Ultimately, we aim to make TJHSST a place where every student has the opportunity and resources to make the most of their four years here.",
+ "button_under_mission": {
+ "title": "Past Leadership",
+ "url": "https://drive.google.com/open?id=1a3RYdqrDi1IPG9BKWQ2xhoX3YCPQKUl_FsRLvIVEMPg"
+ },
+ "meeting_minutes_button": {
+ "title": "Google Drive Folder Link",
+ "url": "https://drive.google.com/open?id=0B7IEunr2_iS7MTcyMDA0NmQtOTFjYy00MWQ2LThiOTItNzg5NmJiZjgxMmIy"
+ }
+}
\ No newline at end of file
diff --git a/views/committee.hbs b/views/committee.hbs
new file mode 100644
index 0000000..ff2156a
--- /dev/null
+++ b/views/committee.hbs
@@ -0,0 +1,159 @@
+
+
+
+
+ Executive Committee — TJHSST SGA
+
+
+
+
+
+
+
+
+ {{#if site.nav}}
+
+
+ {{#each site.nav}}
+
+ {{#if (eq title "About Us")}}
+ {{title}}
+ {{else}}
+ {{title}}
+ {{/if}}
+ {{#if submenu}}
+
+ {{/if}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+ {{#if site.socials}}
+
+
+ {{#each site.socials}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+
+
+ {{#each site.nav}}
+
+ {{#if (eq title "About Us")}}
+ {{title}}
+ {{else}}
+ {{title}}
+ {{/if}}
+
+ {{#if submenu}}
+
+ {{/if}}
+ {{/each}}
+
+
+
+ {{#if site.committee}}
+
+ {{#each site.committee}}
+
+
+
+
+
{{title}}
+ {{#each people}}
+
{{name}}, Class of '{{year}}
+ {{/each}}
+
+
+
+ {{#unless @last}}
+
+ {{/unless}}
+ {{/each}}
+
+
+
+
+
+
+
+
+
+ {{#each site.footer}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+
+
+
\ No newline at end of file
diff --git a/views/council.hbs b/views/council.hbs
new file mode 100644
index 0000000..6bac16a
--- /dev/null
+++ b/views/council.hbs
@@ -0,0 +1,160 @@
+
+
+
+
+ Class Council — TJHSST SGA
+
+
+
+
+
+
+
+
+ {{#if site.nav}}
+
+
+ {{#each site.nav}}
+
+ {{#if (eq title "About Us")}}
+ {{title}}
+ {{else}}
+ {{title}}
+ {{/if}}
+ {{#if submenu}}
+
+ {{/if}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+ {{#if site.socials}}
+
+
+ {{#each site.socials}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+
+
+ {{#each site.nav}}
+
+ {{#if (eq title "About Us")}}
+ {{title}}
+ {{else}}
+ {{title}}
+ {{/if}}
+
+ {{#if submenu}}
+
+ {{/if}}
+ {{/each}}
+
+
+
+
+ {{#if site.council}}
+
+ {{#each site.council}}
+
+
+
+
+
{{title}}
+ {{#each people}}
+
{{name}}{{#if role}}, {{role}} {{/if}}
+ {{/each}}
+
+
+
+ {{#unless @last}}
+
+ {{/unless}}
+ {{/each}}
+
+
+
+
+
+
+
+
+
+ {{#each site.footer}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+
+
+
\ No newline at end of file
diff --git a/views/index.hbs b/views/index.hbs
index 2f485d1..2389e0c 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -11,58 +11,164 @@
-
+
+
-
-
-
-
+
+ {{#if site.nav}}
+
+
+ {{#each site.nav}}
+
+ {{title}}
+ {{#if submenu}}
+
+ {{/if}}
+
+ {{/each}}
+
+
+ {{/if}}
+ {{#if site.socials}}
-
-
-
+ {{#each site.socials}}
+
+ {{/each}}
+ {{/if}}
+
+ {{#if site.nav}}
+
+
+ {{#each site.nav}}
+
+ {{title}}
+
+ {{#if submenu}}
+
+ {{/if}}
+ {{/each}}
+
+
+ {{/if}}
+
-
-
-
-
-
News and Happenings
-
-
Read about SGA initiatives, goals, and progress from SGA officers, as well as from other student leaders, students, and student organizations.
-
More Info
-
-
-
Who We Are
-
-
Learn about your representatives, and how they're working to advance the common agenda that SGA has set to improve your campus experience.
-
More Info
-
-
-
Get Involved
-
-
Any questions or concerns? Have an idea for how SGA could be doing more to advocate for students? Want to get involved? Contact Us!
-
More Info
+
+ {{#if site.segments}}
+
+
+
+ {{#each site.segments}}
+
+ {{/each}}
-
-
+
+ {{/if}}
+ {{#if site.news}}
+
+
+
+
Recent News
+
+ {{#if site.news}}
+
+ {{#listFirstThree site.news}}
+
+ {{/listFirstThree}}
+
+ {{/if}}
+ {{#if site.quote}}
+
+ {{/if}}
+
+
+ {{/if}}
+ {{#if site.footer}}
+
+
+
+
+
+
+
+
+
+
+
+ {{#each site.footer}}
+
+ {{/each}}
+
+
+ {{/if}}
+
+
+ {{#if site.nav}}
+
+ {{/if}}
+ 
+
+ 
+ 
- 
- 
-