From 29219706c7111d417c76e646aaee162b94bb1b40 Mon Sep 17 00:00:00 2001 From: William Zhang Date: Sat, 8 Jul 2017 00:46:25 -0400 Subject: [PATCH] about page --- about.html | 132 +++++++++++++++++++++++++++++++++++++++++++++ css/about.css | 51 ++++++++++++++++++ css/main.css | 9 +--- css/responsive.css | 6 +++ img/profile.jpg | Bin 0 -> 1580 bytes index.html | 2 +- js/sidebar.js | 7 +++ 7 files changed, 198 insertions(+), 9 deletions(-) create mode 100644 about.html create mode 100644 css/about.css create mode 100644 img/profile.jpg diff --git a/about.html b/about.html new file mode 100644 index 0000000..428ca28 --- /dev/null +++ b/about.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + Home - TJSGA + + + +
+ + +
+
+
+
+
+

SGA Officers

+
+
+
+
+ Nick Begotka '18 +

+     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. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     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. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     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. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     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. +

+
+
+
+
+
+

SGA Executive Committee

+
+ 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. +
+
+
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..bc6e462 --- /dev/null +++ b/css/about.css @@ -0,0 +1,51 @@ +.officers-image { + width: 100%; + height: 20vh; +} + +.officers-image:after { + width: 20vh; + height: 20vh; + content: ''; + display: block; + position: relative; + left: calc(50% - 10vh); + background-image: url('../img/profile.jpg'); + background-size: contain; + background-position: center; + border-radius: 50%; +} + +.officers-text { + font-size: 1.2em; + color: #fff; + width: 100%; +} + +.officers-text > span { + font-size: 1.4em; + font-weight: bold; +} + +.officers-intro { + text-align: center; + width: calc(50% - 8vw); + margin: 2vw; + display: flex; + flex-wrap: wrap; + +} + +#excomm-text { + width: 100%; + margin: 2vw; +} + +#officers, #excomm { + display: flex; + flex-wrap: wrap; +} + +#officers > h2, #excomm > h2 { + text-align: center; +} diff --git a/css/main.css b/css/main.css index f619c84..5495502 100644 --- a/css/main.css +++ b/css/main.css @@ -154,14 +154,7 @@ section { display: flex; } -#about { - display: flex; - height: 100%; - justify-content: center; - flex-flow: row wrap; -} - -#updates { +#intro, #updates, #officers { display: flex; height: 100%; justify-content: center; diff --git a/css/responsive.css b/css/responsive.css index fb415f2..d8105f5 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -80,6 +80,12 @@ section { max-width: 750px; } + .officers-intro { + width: 90vw; + } + .offiers-image { + width: 45%; + } } @media screen and (min-width: 1100px) { diff --git a/img/profile.jpg b/img/profile.jpg new file mode 100644 index 0000000000000000000000000000000000000000..551e16a8cb31f426aa5016b1aee031d66291126b GIT binary patch literal 1580 zcmV+{2GjY8P)k~?aXJZqCZY?MB1ls|2iKyH;mZk0iAl|pZpMsk-&bC^kVnM`(?QF@$GdYx5# zo>hIGSbm>bf1q1|pcRGj;U{ts&kR6 zbds!fldN`=ta+BMdzY_#n6G`9uzs1af10s?nz4YJv4NYhgPpR7ptOskwveW{lBcDQp0B>6v%saa!KSssr?$eVw!^8n!>YK$tGUFixx}-+ z$Fsi3w7)X~$`($v+{)YjD1*45V5*4Ee7*VotA*Vx$DgWx)- z000E9Nklst~*6o&`WC=0E`3zc2$0;#!$bTcx86zrmaSS(T$B=i6O2Ymo^ zpQoMKLC+c7r{DXPv-m#CI6HIZoD~8900000000000000000000000000KhOzCR5pb zakpA;x9ip2Vm_NnPM$~4NWv*Jr4P-5lZc!r(~FB64XL5Av3T*EsLro9WgyM<`O%w> zrz_HsN_u>xs?vY-FlqPF)U3-5DFvSS`y_P#(qDjpyVk$;EBE-gV`vaqrq4 zt!wg3tXUknQ#`d8mopt4zacAwgF0>>8tpyvd4?2>B&I5ke<*p>6yUc!H$y}xE zGT+;UjwGbRI&SA$l9bjQzuOnSa@zM@vR*{;FUd~%+;hNGigHE3b$+} z6mu;7T)WOMyH1uXR_0%8OV?u)H$NI>5cQ!=s%-P3>My*#(hGR@C(t!8bdgAQBk-ro znE%SE&<&!q4aIpu?aIkOsRoRJ;LrxmDM>Y zF%(P0q%B#B#rLEwS(1X#rX5$34Wn`^P7KXf+_57|ljKO)k)=r=MH)6-i4t?ll&6%k zv_F*5zIsDPl=4(3lYc&m+#X8ycI3%V=47%eO}{lIgm^K8>kA>o)D~}=-v0pP_d_9s z5K;4)tq>JL2=VYY=K+ZS(bCaO@59S`hOT>;dl$?cu^uh?AKHD1_G^;N_7c^8p;7b; z@1dO{wf<^Qkn-8U_4A;*i6a2C+X}r z#x+cELC>#yCj`6;8ej`h)Rz z%4?b0K{O?)htGAo@#lxiE161C^~JvJ+>GL~nVcrY%U0|gR7PEV`cG?RB=J<6*mD`% zRssvu4>wnCO~)??AuhzHZ>?+|>cd;CO)F-l|J_EVVbaggVQyIoQ&R<^sLy)r2C?b@@kd=lgU&zUmCphrgUy!dIJCe00000000000000000000 e0002^-}nnRo6G(PTC*4c0000
-
+

Welcome!