rushilwiz/website-2018
1
0
Fork 0
mirror of https://github.com/tjsga/website-2018.git synced 2025-04-20 19:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix a lot of css stuff and templating

Browse Source
This commit is contained in:
William Zhang 2017-09-04 15:54:39 -04:00
parent ce9d2423d7
commit 141eb8cdd0
12 changed files with 44 additions and 282 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_data/orgs/excomm.json → _data/excomm.json
View File

@ -1,4 +1,5 @@
{
"username" : "excomm",
"name": "SGA Executive Committee",
"description": "The Executive Committee (ExComm) is a integral sub-group of the SGA. Its members act as representatives of the student body. The members work with the officers to organize events and activities throughout to year. While several ExComm positions may have more specific roles, all are working towards the goals of the SGA. Applications to be on ExComm are released every June after Class Council elections have been completed.",
"members": [

1
_data/orgs/officers.json → _data/officers.json
View File

@ -1,4 +1,5 @@
{
"username" : "officers",
"name": "SGA Officers",
"description": "",
"members": [

0
_data/orgs/yml/excomm.yml
View File

26
_data/orgs/yml/officers.yml
View File

@ -1,26 +0,0 @@
name: SGA Officers
description:
members:
- name: Nick Begotka
- year: 2018
- title:
- intro: >
Welcome to Thomas Jefferson High School for Science and Technology's Student Government Association
- name: Sherry Xie
- year: 2018
- title:
- intro: >
Welcome to Thomas Jefferson High School for Science and Technology's Student Government Association
- name: Shreya Chappidi
- year: 2018
- title:
- intro: >
Welcome to Thomas Jefferson High School for Science and Technology's Student Government Association
- name: Sitara Uppalapati
- year: 2019
- title:
- intro: >
Welcome to Thomas Jefferson High School for Science and Technology's Student Government Association

0
_data/orgs/yml/senators.yml
View File

0
_data/orgs/yml/sponsors.yml
View File

1
_data/orgs/senators.json → _data/senators.json
View File

@ -1,4 +1,5 @@
{
"username" : "senators",
"name": "SGA Class Senators",
"description": "Jefferson's student government is divided into school-wide student government (SGA) and grade-level student government (Class Council). While the SGA organizes school-wide events and addresses school-wide concerns and issues, Class Councils represent their grade's needs and host fundraisers and events with the goal to raise money for both Prom and Graduation at the end of senior year. SGA Class Senators serve as Class Council members who are liaisons with the SGA.",
"members": [

1
_data/orgs/sponsors.json → _data/sponsors.json
View File

@ -1,4 +1,5 @@
{
"username" : "sponsors",
"name": "SGA Sponsors",
"description": "The SGA Sponsors attend all SGA meetings and functions. They also provide invaluable guidance and feedback - whether through late night emails, frigid-cold morning meetings, lunch discussions, or anything in between.",
"members": [

260
about.html
View File

@ -1,5 +1,6 @@
---
permalink: /about
orgs: ["officers", "excomm", "senators", "sponsors"]
---
<!DOCTYPE html>
<html>
@ -27,246 +28,35 @@ permalink: /about
</div>
</section>
<hr />
<section id="officers">
<h2>SGA Officers</h2>
<div class="officers-intro">
<div class="officers-image">
{% for org_name in site.data %}
{% assign name = page.orgs[forloop.index0] %}
{% assign org = site.data[name] %}
<section id="{{ org.username }}">
<h2>{{ org.name }}</h2>
{% for member in org.members %}
<div class="{{ org.username }}-intro">
<div class="{{ org.username }}-image">
</div>
<div class="officers-text">
<span>Nick Begotka '18</span>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
Association's new home on the web! As you know, TJ is going through some very exciting times, and
we want you to be a part of it with us.
</p>
</div>
</div>
<div class="officers-intro">
<div class="officers-image">
</div>
<div class="officers-text">
<span>Nick Begotka '18</span>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
Association's new home on the web! As you know, TJ is going through some very exciting times, and
we want you to be a part of it with us.
</p>
</div>
</div>
<div class="officers-intro">
<div class="officers-image">
</div>
<div class="officers-text">
<span>Nick Begotka '18</span>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
Association's new home on the web! As you know, TJ is going through some very exciting times, and
we want you to be a part of it with us.
</p>
</div>
</div>
<div class="officers-intro">
<div class="officers-image">
</div>
<div class="officers-text">
<span>Nick Begotka '18</span>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
Association's new home on the web! As you know, TJ is going through some very exciting times, and
we want you to be a part of it with us.
</p>
<div class="{{ org.username }}-text">
{% assign year = member.year | downcase %}
<span>{{ member.first }} {{ member.last }}
{% if name != "sponsors" %}
'{{ year | slice: 2, 3 }}
{% endif %}
</span>
{% if name != "officers" %}
<span>{{ member.title }}</span>
{% endif %}
{% if name == "officers" %}
<p>{{ member.intro }}</p>
{% endif %}
</div>
</div>
{% endfor %}
</section>
<hr />
<section id="excomm">
<h2>SGA Executive Committee</h2>
<div id="excomm-desc">
The Executive Committee (ExComm) is a integral sub-group of the SGA. Its members act as representatives of the student body.
The members work with the officers to organize events and activities throughout to year. While several ExComm
positions may have more specific roles, all are working towards the goals of the SGA. Applications to be
on ExComm are released every June after Class Council elections have been completed.
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
<div class="excomm-intro">
<div class="excomm-image">
</div>
<div class="excomm-text">
<span>William Zhang '18</span>
<span>Technology Specialist</span>
</div>
</div>
</section>
<hr />
<section id="senators">
<h2>SGA Class Senators</h2>
<div id="senators-desc">
Jefferson's student government is divided into school-wide student government (SGA) and grade-level student government (Class
Council). While the SGA organizes school-wide events and addresses school-wide concerns and issues, Class
Councils represent their grade's needs and host fundraisers and events with the goal to raise money for both
Prom and Graduation at the end of senior year. SGA Class Senators serve as Class Council members who are
liaisons with the SGA.
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
<div class="senator-intro">
<div class="senator-image">
</div>
<div class="senator-text">
<span>Sabria Kazmi '19</span>
<span>2019 Senator</span>
</div>
</div>
</section>
<hr />
<section id="sponsors">
<h2>SGA Sponsors</h2>
<div id="sponsors-desc">
The SGA Sponsors attend all SGA meetings and functions. They also provide invaluable guidance and feedback - whether through
late night emails, frigid-cold morning meetings, lunch discussions, or anything in between.
</div>
<div class="sponsor-intro">
<div class="sponsor-image">
</div>
<div class="teacher-text">
<span>Amanda Hurowitz</span>
<span>TJHSST Humanities</span>
</div>
</div>
<div class="sponsor-intro">
<div class="sponsor-image">
</div>
<div class="teacher-text">
<span>Marianne Razzino</span>
<span>TJHSST Mathematics</span>
</div>
</div>
</section>
{% endfor %}
</div>
{% include footer.html %}
</body>

31
css/about.css
View File

@ -1,4 +1,5 @@
#contact {
max-width: 1200px;
display: block;
text-align: center;
}
@ -16,16 +17,16 @@
.officers-image,
.excomm-image,
.senator-image,
.sponsor-image {
.senators-image,
.sponsors-image {
width: 100%;
height: 20vh;
}
.officers-image:after,
.excomm-image:after,
.senator-image:after,
.sponsor-image:after {
.senators-image:after,
.sponsors-image:after {
width: 20vh;
height: 20vh;
content: '';
@ -42,9 +43,9 @@
#excomm-desc,
.excomm-text,
#senators-desc,
.senator-text,
.senators-text,
#sponsors-desc,
.teacher-text {
.sponsors-text {
font-size: 1.1em;
color: #fff;
width: 100%;
@ -52,8 +53,8 @@
.officers-text>span,
.excomm-text>span,
.senator-text>span,
.teacher-text {
.senators-text>span,
.sponsors-text>span {
font-size: 1.4em;
font-weight: bold;
display: inline-block;
@ -62,8 +63,8 @@
.officers-intro,
.excomm-intro,
.senator-intro,
.sponsor-intro {
.senators-intro,
.sponsors-intro {
text-align: center;
margin: 2vw;
flex-basis: calc(25% - 4vw);
@ -77,18 +78,10 @@
margin: 0 10vw;
}
#officers,
#excomm,
#senators,
#sponsors {
display: flex;
flex-wrap: wrap;
}
#contact>h2,
#officers>h2,
#excomm>h2,
#senators>h2,
#sponsors>h2 {
text-align: center;
}
}

3
css/main.css
View File

@ -166,6 +166,7 @@ section {
#senators,
#sponsors,
#resources {
max-width: 1200px;
display: flex;
height: 100%;
justify-content: center;
@ -255,4 +256,4 @@ section h2,
.links>h2,
.list>h2 {
text-align: center;
}
}

2
css/responsive.css
View File

@ -136,4 +136,4 @@
#sponsors-desc {
margin: 0 20vw;
}
}
}