mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-09 22:10:18 -04:00
-anubis-
GitHub
commit
1e6fc214bb
862
css/index.css
862
css/index.css
|
|
@ -1,75 +1,841 @@
|
|||
@import 'https://fonts.googleapis.com/css?family=Bitter:300,400,500';
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: "Bitter", "Helvetica", "Arial", sans-serif;
|
||||
@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;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.background {
|
||||
body {
|
||||
font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
color: #444;
|
||||
}
|
||||
.background img {
|
||||
|
||||
.navigation {
|
||||
width: 100vw;
|
||||
height: 118px;
|
||||
background-color: #FFF;
|
||||
z-index: 2;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.navigation {
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
.navigation .logo {
|
||||
height: 90px;
|
||||
margin-right: 50px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
.navigation .logo {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.navigation .logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.navigation .socials {
|
||||
display: flex;
|
||||
width: auto;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
.navigation .socials {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.seperate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.seperate i {
|
||||
margin-left: 10px;
|
||||
font-size: 22px;
|
||||
color: #AAA;
|
||||
}
|
||||
.seperate i:hover {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
float: left;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px;
|
||||
}
|
||||
nav ul {
|
||||
list-style-image: none;
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
nav 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) {
|
||||
nav ul li a {
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
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;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.hero-image {
|
||||
height: 280px;
|
||||
}
|
||||
}
|
||||
.hero-image img {
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.background .overlay {
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 43px;
|
||||
padding-bottom: 43px;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1200px;
|
||||
margin-left: calc(50vw - 600px);
|
||||
margin-right: calc(50vw - 600px);
|
||||
}
|
||||
@media only screen and (max-width: 1220px) {
|
||||
.container {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
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: 100%;
|
||||
min-height: 100%;
|
||||
background-color: rgba(77, 83, 137, 0.9);
|
||||
min-width: 100vw;
|
||||
min-height: 480px;
|
||||
}
|
||||
.background .overlay .title {
|
||||
@media only screen and (max-width: 640px) {
|
||||
.overlay {
|
||||
min-height: 280px;
|
||||
}
|
||||
}
|
||||
.overlay .title {
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
color: white;
|
||||
font-size: 2.7em;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
word-spacing: 5px;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: 1;
|
||||
font-size: 60px;
|
||||
color: #FFF;
|
||||
margin-top: 80px;
|
||||
font-family: "Josefin Slab";
|
||||
font-style: bold;
|
||||
}
|
||||
.background .overlay .underline {
|
||||
height: 7px;
|
||||
width: 35vw;
|
||||
background-color: #ecb85b;
|
||||
margin-bottom: 5px;
|
||||
animation-name: underline, fadeIn;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
@media only screen and (max-width: 640px) {
|
||||
.overlay .title {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes underline {
|
||||
from {
|
||||
transform: scaleX(0);
|
||||
}
|
||||
to {
|
||||
transform: scaleX(1);
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.row {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
||||
.col {
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.col {
|
||||
flex: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.segment {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
|
||||
.segment-title {
|
||||
color: #EBB85B;
|
||||
font-size: 24px;
|
||||
padding-bottom: 17px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.segment-para {
|
||||
color: #444;
|
||||
text-align: left;
|
||||
font-size: 22px;
|
||||
line-height: 33px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.segment-more-button {
|
||||
width: 80px;
|
||||
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-more-button:hover {
|
||||
color: #FFF;
|
||||
background-color: #EBB85B;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.segment-image {
|
||||
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 */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../scss/index.scss"],"names":[],"mappings":"AAAQ;AAER;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKH;EACC;IACC;;EAGD;IACC;;;AAIF;EACC;IACC;;EAGD;IACC","file":"index.css"}
|
||||
{"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"}
|
||||
23
js/index.js
Normal file
23
js/index.js
Normal file
|
|
@ -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'
|
||||
})
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
BIN
resources/ethan.jpg
Normal file
BIN
resources/ethan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
resources/footer-banner.png
Normal file
BIN
resources/footer-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 595 KiB |
BIN
resources/footer-logo.png
Normal file
BIN
resources/footer-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
resources/hero.png
Normal file
BIN
resources/hero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
BIN
resources/jennifer.jpg
Normal file
BIN
resources/jennifer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
resources/logo.png
Normal file
BIN
resources/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
resources/mia.jpg
Normal file
BIN
resources/mia.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
BIN
resources/neil.jpg
Normal file
BIN
resources/neil.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
resources/news-1.png
Normal file
BIN
resources/news-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
resources/segment-1.jpg
Normal file
BIN
resources/segment-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
BIN
resources/segment-2.jpg
Normal file
BIN
resources/segment-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 436 KiB |
BIN
resources/segment-3.jpg
Normal file
BIN
resources/segment-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
664
scss/index.sass
Normal file
664
scss/index.sass
Normal file
|
|
@ -0,0 +1,664 @@
|
|||
@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: 800px
|
||||
$break-large: 1220px
|
||||
|
||||
=react($break)
|
||||
@media only screen and (max-width: $break)
|
||||
@content
|
||||
|
||||
=vertical-padding($pad)
|
||||
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
|
||||
align-items: center
|
||||
|
||||
body
|
||||
font-family: $font-stack
|
||||
margin: 0px
|
||||
display: flex
|
||||
flex-direction: column
|
||||
color: $color
|
||||
|
||||
.navigation
|
||||
width: 100vw
|
||||
height: 118px
|
||||
background-color: $background-color
|
||||
z-index: 2
|
||||
+react($break-small)
|
||||
height: 56px
|
||||
.logo
|
||||
height: 90px
|
||||
margin-right: 50px
|
||||
float: left
|
||||
text-align: left
|
||||
+react($break-awk)
|
||||
margin-right: 10px
|
||||
+react($break-small)
|
||||
display: none
|
||||
.socials
|
||||
display: flex
|
||||
width: auto
|
||||
float: right
|
||||
text-align: right
|
||||
+react($break-awk)
|
||||
display: none
|
||||
|
||||
.seperate
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
i
|
||||
margin-left: 10px
|
||||
font-size: 22px
|
||||
color: $dim
|
||||
i:hover
|
||||
color: $color
|
||||
nav
|
||||
display: flex
|
||||
float: left
|
||||
text-align: left
|
||||
font-size: 12px
|
||||
flex-wrap: wrap
|
||||
margin: 0px
|
||||
ul
|
||||
list-style-image: none
|
||||
list-style-type: none
|
||||
display: flex
|
||||
flex-direction: row
|
||||
margin: 0px
|
||||
padding: 0px
|
||||
li
|
||||
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
|
||||
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
|
||||
align-items: flex-end
|
||||
justify-content: center
|
||||
+react($break-small)
|
||||
height: 280px
|
||||
img
|
||||
flex-shrink: 0
|
||||
min-width: 100%
|
||||
min-height: 100%
|
||||
position: relative
|
||||
|
||||
.content
|
||||
width: 100vw
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
+vertical-padding(43px)
|
||||
|
||||
.container
|
||||
width: 1200px
|
||||
+horizontal-margin(calc(50vw - 600px))
|
||||
+react($break-large)
|
||||
width: 100%
|
||||
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: 118
|
||||
left: 0
|
||||
position: absolute
|
||||
min-width: 100vw
|
||||
min-height: 480px
|
||||
+react($break-small)
|
||||
min-height: 280px
|
||||
.title
|
||||
text-align: center
|
||||
font-size: 60px
|
||||
color: $white
|
||||
margin-top: 80px
|
||||
+react($break-small)
|
||||
margin-top: 40px
|
||||
font-family: "Josefin Slab"
|
||||
font-style: bold
|
||||
|
||||
.row
|
||||
display: flex
|
||||
flex-direction: row
|
||||
+react($break-small)
|
||||
flex-direction: column
|
||||
.col
|
||||
display: flex
|
||||
flex: 1 1 0
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
text-align: center
|
||||
+react($break-small)
|
||||
flex: 1
|
||||
|
||||
.segment
|
||||
padding-left: 17px
|
||||
padding-right: 17px
|
||||
|
||||
.segment-title
|
||||
color: $secondary-color
|
||||
font-size: 24px
|
||||
padding-bottom: 17px
|
||||
font-weight: 500
|
||||
|
||||
.segment-para
|
||||
color: $color
|
||||
text-align: left
|
||||
font-size: 22px
|
||||
line-height: 33px
|
||||
font-weight: 300
|
||||
|
||||
.segment-more-button
|
||||
width: 80px
|
||||
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-more-button:hover
|
||||
color: $white
|
||||
background-color: $secondary-color
|
||||
font-weight: 500
|
||||
|
||||
.segment-image
|
||||
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
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
@import 'https://fonts.googleapis.com/css?family=Bitter:300,400,500';
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: "Bitter", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
.background {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
img {
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.overlay {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: rgba(77, 83, 137, 0.9);
|
||||
.title {
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
color: white;
|
||||
font-size: 2.7em;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
word-spacing: 5px;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
.underline {
|
||||
height: 7px;
|
||||
width: 35vw;
|
||||
background-color: rgb(236, 184, 91);
|
||||
margin-bottom: 5px;
|
||||
animation-name: underline, fadeIn;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes underline {
|
||||
from {
|
||||
transform: scaleX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
72
server.js
72
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
|
||||
|
|
|
|||
327
site.json
Normal file
327
site.json
Normal file
|
|
@ -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": "<p class='big-news-para'>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. </p><p class='big-news-para'>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.</p><p class='big-news-para'>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.</p><p class='big-news-para'>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.</p>",
|
||||
"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"
|
||||
}
|
||||
}
|
||||
159
views/committee.hbs
Normal file
159
views/committee.hbs
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Executive Committee — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Executive Committee")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Executive Committee")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>EXECUTIVE COMMITTEE</p>
|
||||
</div>
|
||||
</section>
|
||||
{{#if site.committee}}
|
||||
<div class='top-padding'>
|
||||
{{#each site.committee}}
|
||||
<section class='content committee-list'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col committee'>
|
||||
<p class='title'>{{title}}</p>
|
||||
{{#each people}}
|
||||
<p>{{name}}, <i>Class of '{{year}}</i></p>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#unless @last}}
|
||||
<hr/>
|
||||
{{/unless}}
|
||||
{{/each}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
160
views/council.hbs
Normal file
160
views/council.hbs
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Class Council — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Class Council")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Class Council")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>CLASS COUNCIL</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{#if site.council}}
|
||||
<div class='top-padding'>
|
||||
{{#each site.council}}
|
||||
<section class='content committee-list'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col committee'>
|
||||
<p class='title'>{{title}}</p>
|
||||
{{#each people}}
|
||||
<p>{{name}}{{#if role}}, <i>{{role}}</i>{{/if}}</p>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#unless @last}}
|
||||
<hr/>
|
||||
{{/unless}}
|
||||
{{/each}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
171
views/index.hbs
171
views/index.hbs
|
|
@ -2,20 +2,173 @@
|
|||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='background'>
|
||||
<img src='resources/bkg.jpg'/>
|
||||
<div class='overlay'>
|
||||
<h1 class='title'>This site is under construction</h1>
|
||||
<div class='underline'></div>
|
||||
<p class='title'>TJSSHT SGA 2018-19</p>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>TJHSST SGA</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{#if site.segments}}
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.segments}}
|
||||
<div class='col segment'>
|
||||
<h1 class='segment-title'>{{title}}</h1>
|
||||
<img class='segment-image' src='{{img}}'/>
|
||||
<p class='segment-para'>{{content}}</p>
|
||||
{{#if button}}
|
||||
<a class='segment-more-button' href='{{button.url}}'>{{button.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{#if site.news}}
|
||||
<hr/>
|
||||
<section class='content news-and-quote'>
|
||||
<div class='container'>
|
||||
<h1 class='segment-title-outer'>Recent News</h1>
|
||||
<div class='row'>
|
||||
{{#if site.news}}
|
||||
<div class='col w w66'>
|
||||
{{#listFirstThree site.news}}
|
||||
<div class='news-block'>
|
||||
<div class='news-img'>
|
||||
<img src='{{img}}'/>
|
||||
</div>
|
||||
<div class='news-content'>
|
||||
<a href='{{url}}' class='news-title'>{{title}}</a>
|
||||
<p class='news-para'>{{#firstSentences content}}{{/firstSentences}}.</p>
|
||||
<a href='{{url}}' class='news-read-more'>Read More →</a>
|
||||
<p class='news-date'>{{date}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{/listFirstThree}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if site.quote}}
|
||||
<div class='col w w33'>
|
||||
<p class='segment-quote'>{{site.quote.text}}</p>
|
||||
<a class='segment-projects-button' href='{{site.quote.button.url}}'>{{site.quote.button.title}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
214
views/involved.hbs
Normal file
214
views/involved.hbs
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Get Involved — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "Get Involved")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "Get Involved")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>GET INVOLVED</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class='content involved'>
|
||||
<div class='container'>
|
||||
<p>Interested in getting involved with SGA? You can run for office, work on a project, or apply to a committee. If you just want to share an idea or concern or get to know your representatives, reach out to us at sga.tjhsst@gmail.com!</p>
|
||||
<p class='colored thicc'>Here are some ways to connect with SGA:</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>RUN FOR SGA</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>The SGA Officers are selected through a school-wide election, and serve as a method of communication between the student body and the administration, faculty, and other organizations. They are also responsible for promoting class and school spirit through events and activities and ensuring enough funds are available for the school’s many clubs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>RUN FOR SAC</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>The SAC is another school-wide election and is a delegation made up of four delegates, one of which will be appointed as SAC chair by the others in the delegation. SAC delegates are expected to attend mandatory monthly meetings, where they will decide on school issues to pursue, gathering opinions about the issue from the student body and reporting findings back to the SAC, SGA, and TJ community. SAC delegates are also expected to represent TJ at area and county-wide meetings.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>RUN FOR CLASS COUNCIL</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>Class Council is representative of each class at TJ, and class officers are elected based on votes from their class. Responsibilities of class officers include attending class meetings, planning and executing activities for their class, and promoting spirit and unity within their class and the school.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>APPLY FOR EXECUTIVE COMMITTEE</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>Executive Committee members are appointed positions by SGA officers through an application process, and their main role is to assist the SGA officers in any projects, initiatives, or events that they are currently planning. This includes major events such as Homecoming, the Art Gala, and J-Day.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>APPLY FOR FROSHCOMM</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>FroshComm is the temporary student government for freshmen until the class elections are held. Members are chosen based on application, and they are responsible for planning Homecoming activities for their class, such as selecting the class theme, banner painting, the spirit video, and much more. They must also lead their class during Homecoming spirit week and make sure everyone is engaged in pep rallies.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p class='colored thicc'>JOIN A PROJECT TEAM</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>Interested in working on one of SGA's projects or initiatives? Please send us an email at sga.tjhsst@gmail.com to get involved!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
145
views/minutes.hbs
Normal file
145
views/minutes.hbs
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Meeting Minutes — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "What We Do")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Meeting Minutes")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "What We Do")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Meeting Minutes")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>MEETING MINUTES</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row leadership-button-container'>
|
||||
<a href='{{site.meeting_minutes_button.url}}' class='leadership-button'>{{site.meeting_minutes_button.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
182
views/mission.hbs
Normal file
182
views/mission.hbs
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Mission and History — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "What We Do")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Mission and History")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "What We Do")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Mission and History")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>MISSION AND HISTORY</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='middle-quote'>
|
||||
<div class='row quote-text'>
|
||||
<p>“Leadership is the capacity to translate vision into reality.”</p>
|
||||
</div>
|
||||
<div class='row quote-author'>
|
||||
<p>— Warren Bennis</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p>Vision</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>{{site.vision}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content block'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col w33 block-title'>
|
||||
<p>Mission</p>
|
||||
</div>
|
||||
<div class='col w66 block-para'>
|
||||
<p>{{site.mission}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row leadership-button-container'>
|
||||
<a href='{{site.button_under_mission.url}}' class='leadership-button'>{{site.button_under_mission.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
152
views/news.hbs
Normal file
152
views/news.hbs
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>News — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "News")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "News")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>NEWS</p>
|
||||
</div>
|
||||
</section>
|
||||
{{#each site.news}}
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<a href='{{url}}' class='big-news-title'>{{title}}</a>
|
||||
<p class='big-news-date'>{{date}}</p>
|
||||
<div class="row">
|
||||
<div class='news-block large-news'>
|
||||
<div class='news-img'>
|
||||
<img src='{{img}}'/>
|
||||
</div>
|
||||
<div class='news-content'>
|
||||
<p class='big-news-para'>{{#first3Sentences content}}{{/first3Sentences}}.</p>
|
||||
<a href='{{url}}' class='big-news-read-more'>Read More →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#unless @last}}
|
||||
<hr/>
|
||||
{{/unless}}
|
||||
{{/each}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
143
views/newsArticle.hbs
Normal file
143
views/newsArticle.hbs
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='../css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>News — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='../resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "News")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "News")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='../resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>NEWS</p>
|
||||
</div>
|
||||
</section>
|
||||
{{#each site.news}}
|
||||
{{#if (eq ../id id)}}
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<a href='{{url}}' class='big-news-title'>{{title}}</a>
|
||||
<p class='big-news-date'>{{date}}</p>
|
||||
<div class='news-content'>
|
||||
{{{content}}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='../resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='../{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="../js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
160
views/officers.hbs
Normal file
160
views/officers.hbs
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Officers — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Officers")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "About Us")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
{{#if (eq title "Officers")}}
|
||||
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
|
||||
{{else}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>OFFICERS</p>
|
||||
</div>
|
||||
</section>
|
||||
{{#if site.officers}}
|
||||
{{#each site.officers}}
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row user-profile'>
|
||||
<div class='col w33 user-image'>
|
||||
<img src='{{img}}'/>
|
||||
</div>
|
||||
<div class='col w66 user-info'>
|
||||
<p class='title'>{{name}}, <i>{{title}}</i></p>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#unless @last}}
|
||||
<hr/>
|
||||
{{/unless}}
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
131
views/projects.hbs
Normal file
131
views/projects.hbs
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
<!doctype html>
|
||||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>Projects — TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='navigation valign'>
|
||||
<div class='mobile-only valign mobile-nav'>
|
||||
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
|
||||
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
|
||||
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
|
||||
</div>
|
||||
<div class='container valign seperate desktop-only'>
|
||||
<div class='valign'>
|
||||
<a href='/'><img class='logo' src='resources/logo.png'/></a>
|
||||
{{#if site.nav}}
|
||||
<nav>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li>
|
||||
{{#if (eq title "Projects")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
{{#if submenu}}
|
||||
<div class='submenu'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if site.socials}}
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
{{#each site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if site.nav}}
|
||||
<div class='mobile-only mobile-navigation-links'>
|
||||
<ul>
|
||||
{{#each site.nav}}
|
||||
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
|
||||
{{#if (eq title "Projects")}}
|
||||
<a href='{{url}}' class='dark'>{{title}}</a>
|
||||
{{else}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if submenu}}
|
||||
<div class='mobile-submenu' id='{{submenu-id}}'>
|
||||
<ul>
|
||||
{{#each submenu}}
|
||||
<li><a href='{{url}}'>{{title}}</a></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>PROJECTS</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{#if site.footer}}
|
||||
<hr/>
|
||||
<section class='content banner'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<img class='banner-img' src='resources/footer-banner.png'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr/>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
{{#each site.footer}}
|
||||
<div class='col footer-segment'>
|
||||
{{#if title}}
|
||||
<b>{{title}}</b>
|
||||
{{#each links}}
|
||||
<a href='{{url}}'>{{title}}</a>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<div class='socials'>
|
||||
{{#each ../site.socials}}
|
||||
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#each paragraphs}}
|
||||
<p>{{para}}</p>
|
||||
{{/each}}
|
||||
<img class='footer-logo' src='{{logo-image}}'/>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user