This repository has been archived by the owner on Oct 23, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
78 lines (75 loc) · 4.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
---
title: The Jekyll theme for government
layout: default
---
<div class="jumbotron bg-gray-light">
<div class="container-lg px-4 pb-md-4">
<div class="col-sm-10 col-md-7 float-md-left mb-3 mb-md-0">
<h1 class="display-alpha mb-3">The Jekyll theme for government</h1>
<p class="heading-gamma dim mb-4">
Harness the power of static websites for government applications with Stately, an open source theme for Jekyll made for government agencies.
</p>
<p class="mb-4 mb-md-0 f3 text-serif">
<a href="{{ "/docs" | absolute_url }}" class="btn btn-blue mr-1 btn-raise-hover">Read the docs</a>
<a href="{{ "/github" | absolute_url }}" class="btn btn-raise-hover">View source</a>
</p>
</div>
<div class="col-md-4 float-md-right">
<div class="card card-with-stripe mt-3 box-shadow-none">
<h2 class="heading-gamma mb-2">Get started in minutes:</h2>
<ol class="ol-styled ml-4">
<li><a href="{{ "/docs" | absolute_url }}" class="text-underline">Use the Ruby Gem</a> to add Stately as your Jekyll site’s theme</li>
<li><a href="{{ "/docs/1-configuration" | absolute_url }}" class="text-underline">Configure Stately</a> for your needs</li>
<li>Add your content (<a href="//jekyllrb.com/docs/pages/" class="text-underline">view Jekyll docs</a>)</li>
<li>Publish your site (<a href="//jekyllrb.com/docs/deployment-methods/" class="text-underline">view Jekyll docs</a>)</li>
</ol>
</div>
</div>
</div>
</div>
<div class="page-section py-md-0">
<div class="container-lg px-4">
<div class="clearfix">
<div class="col-md-4 float-left home-side-image-wrapper">
<img src="{{ "assets/images/demo.png" | absolute_url }}" alt="" class="home-side-image" width="842" height="642">
</div>
<div class="col-md-8 float-right mt-md-4 pt-6">
<h2 class="heading-beta">The what for what?</h2>
<p class="text-intro text-sans text-normal mb-4">Stately is a theme built for <a href="//jekyllrb.com">Jekyll</a>, a static website generator. Jekyll allows you to transform plain text files into websites that can be hosted in a variety of ways, including for free on <a href="//pages.github.com">GitHub pages</a>. Stately’s feature set, design patterns, and visual aesthetic, are geared toward goverment applications, but can be used for any purpose a static site may serve. Stately is open source, distributed by an <a href="https://github.com/pmarsceill/stately/blob/master/LICENSE.txt">MIT license</a>, and can be contributed to on <a href="//github.com/pmarsceill/stately">GitHub</a>.</p>
<ul class="list-checklist d-flex flex-wrap flex-justify-between flex-items-stretch">
<li class="col-sm-5">Light weight, mobile-first, responsive design.</li>
<li class="col-sm-5">Layouts for landing pages, sub pages, and blog posts</li>
<li class="col-sm-5">UI components for downloads, forms, buttons</li>
<li class="col-sm-5">Emojis (useful for flags :us: :jp: :uk: :de: and other symbols)</li>
<li class="col-sm-5">Open source icons from <a href="https://useiconic.com/open/">Iconic</a></li>
<li class="col-sm-5">Built on GitHub’s open source <a href="//github.com/primer">Primer CSS library</a></li>
</ul>
<p class="border-top pt-2 mt-4"><a href="{{ "/about" | absolute_url }}" class="no-underline">Learn more about this project <svg class="svg-icon ml-2" width="14" height="14"><use xlink:href="{{ "/assets/images/icons/open-iconic/sprite.min.svg#arrow-right" | absolute_url }}"></use></svg></a></p>
</div>
</div>
</div>
</div>
<div class="page-section bg-royal-blue overflow-hidden">
<div class="container-lg px-4">
<div class="col-md-5 float-right pl-4">
<h2 class="heading-gamma mb-2 text-white dim">Beautiful templates and components for Government websites</h2>
<p class="text-white mb-3">
Stately includes mobile-friendly page templates for landing pages, sub pages, blogs, and documentation. Use any combination of UI components (or build your own) to customize the pages on your site.
</p>
</div>
<div class="col-md-7 float-left d-flex flex-wrap">
<div class="col-md-6 px-2 pb-3">
<div class="card"></div>
</div>
<div class="col-md-6 px-2 pb-3">
<div class="card"></div>
</div>
<div class="col-md-6 px-2 pb-3">
<div class="card"></div>
</div>
<div class="col-md-6 px-2 pb-3">
<div class="card"></div>
</div>
</div>
</div>
</div>