mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-09 22:10:18 -04:00
184 lines
5.2 KiB
Handlebars
184 lines
5.2 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>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>
|
|
<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> |