mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-09 22:10:18 -04:00
244 lines
8.7 KiB
Handlebars
244 lines
8.7 KiB
Handlebars
<!doctype html>
|
|
<html lang='en'>
|
|
|
|
<head>
|
|
<meta charset='UTF-8'/>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="description" content="Thomas Jefferson High School Student Government Website">
|
|
<meta name="keywords" content="TJHSST, TJ SGA, TJHSST SGA, TJ Student Council, TJ Student Government, Thomas Jefferson High School Student Government">
|
|
<meta name="MobileOptimized" content="width">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<meta NAME="geo.position" CONTENT="38.832037; -77.107725">
|
|
<meta NAME="geo.placename" CONTENT="TJHSST">
|
|
<meta NAME="geo.region" CONTENT="US">
|
|
<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'>
|
|
<link rel='icon' href='https://i.imgur.com/IRJiPeO.png'>
|
|
<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 class='colored thicc calTitle'>Calendar</p>
|
|
<div data-tockify-component="full" data-tockify-calendar="tj.sga"></div>
|
|
<script data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script>
|
|
</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 responsible for overseeing the student leadership team (comprised of Class Council, ExComm, and the Student Advisory Council), communicating with stakeholders on behalf of students, and organizing events and activities which will promote school spirit and unity. The team is comprised of four officers (President, Vice President, Treasurer, and Secretary) who are elected through a school-wide election and serve one year terms.</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>SAC delegates attend 5 meetings per year to discuss issues which affect Fairfax County Students. SAC delegates are expected to represent the views of the TJ Student body at these county meetings. The TJ delegation is comprised of four officers who are elected through a school-wide election. </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 responsible for planning and funding class events and fundraisers, including Prom and Graduation. Members are expected to attend regular meetings to collaborate on planning class events such as class trips and homecoming activities. Class Council is comprised of seven officers (President, Vice President, Treasurer, Secretary, Senator (2), and Historian) who are elected through a class-wide election and serve one year terms.</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 (EXCOMM)</p>
|
|
</div>
|
|
<div class='col w66 block-para'>
|
|
<p>ExComm 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, Arts Galas, and Jefferson-Day. There are four roles with one to four members in each including Policy Specialist, General Activities Coordinator, Communications Coordinator, and Technology Specialist.</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 class elections are held. Members are chosen by current SGA Officers through an application process. Froshcomm is responsible for planning Homecoming activities for their class, such as selecting the class theme, banner painting, the spirit video, and much more.</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.contact_us_button}}
|
|
<hr/>
|
|
<section class='content block'>
|
|
<div class='container'>
|
|
<div class='row'>
|
|
<div class='col leadership-button-container maxi-padding'>
|
|
<a class='leadership-button' href='{{site.contact_us_button.url}}'>{{site.contact_us_button.title}}</a>
|
|
</div>
|
|
</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> |