forked from CityOfNewYork/screeningapi-docs
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
134 lines (131 loc) · 7.08 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Static CMS</title>
<meta property="og:title" content="Static CMS" />
<meta property="og:type" content="website" />
<meta property="og:description" content="A dynamic CMS with content managed via GitHub" />
<meta name="description" content="A dynamic CMS with content managed via GitHub" />
<link href="css/style.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js" integrity="sha512-L03kznCrNOfVxOUovR6ESfCz9Gfny7gihUX/huVbQB9zjODtYpxaVtIaAkpetoiyV2eqWbvxMH9fiSv5enX7bw==" crossorigin="anonymous"></script>
</head>
<body>
<a href="#main-content" class="sr-only">Skip to main content</a>
<header class="overflow-hidden color-dark-background py-2">
<div class="layout--wrap mx-auto px-4 flex justify-between items-center">
<h1 class="m-0 flex font-normal" style="font-size: 1em"> By <span class="hidden">The Mayor's Office for Economic Opportunity</span>
<svg aria-hidden="true" class="icon-logo-nyco mis-1" style="width: 140px; height: 22px;">
<use xlink:href="#icon-logo-nyco-secondary"></use>
</svg>
</h1>
<button data-js="toggle" aria-pressed="false" aria-expanded="false" aria-controls="navigation" class="cursor-pointer underline font-bold">Menu</button>
</div>
</header>
<aside id="navigation" class="color-mid-background hidden hidden:overflowFadeInUp animated">
<div class="p-4 animated">
<div class="layout-wrap screen-tablet:layout--two-columns-gutter justify-center mx-auto">
<div class="tablet:grid tablet:grid-cols-3 tablet:gap-3">
<nav class="pb-2">
<span class="block p-2 mb-1 text-h4 font-normal text-grey border-b border-grey-70t">Guide</span>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" tabindex="-1" href="overview">Overview</a>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" tabindex="-1" href="getting-started">
<span class="small font-normal mie-1">01</span> Getting Started
</a>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" tabindex="-1" href="next-steps">
<span class="small font-normal mie-1">02</span> Next Steps
</a>
</nav>
</div>
</div>
</div>
</aside>
<main id="main-content">
<section class="color-dark-background py-6">
<div class="layout-wrap mx-auto px-4 pb-6">
<div>
<div class="py-4 mx-auto animated fadeInUp desktop:p-8">
<div class="justify-center items-center mb-6 desktop:flex desktop:px-4">
<div class="py-2 mobile:text-center desktop:text-start">
<h2 class="h1 font-default font-normal inline-block mb-3 desktop:m-0" style="line-height: 1em">
<span class="sr-only">Static CMS</span>
<svg class="icon-logo-nyc mb-1" style="width: 258px; height: 84px" aria-hidden="true">
<use xlink:href="#icon-logo-nyc"></use>
</svg>
<div aria-hidden="true">
<b class="whitespace-nowrap block tablet:inline desktop:block">Static CMS</b>
</div>
</h2>
</div>
<div class="desktop:py-2 desktop:pis-7 desktop:mis-7 desktop:border-is border-blue">
<p class="text-h4 mb-2">Create a new documentation site with content managed via GitHub. Developers can use the <a href="https://github.com/CityOfNewYork/patterns-cli">Patterns CLI</a> to customize templates styled with the <a href="https://nycopatterns.cityofnewyork.us/">NYC Opportunity Common Agency Patterns</a>.</b>
<p class="text-center desktop:text-start pt-2">
<a class="btn btn-primary btn-large inline-block" href="getting-started">Get started</a>
<br>
<br>
<span class="text-h6">or <a href="overview">read the overview to learn more</a>.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="color-mid-background py-8">
<div class="layout-wrap mx-auto px-8 py-8">
<div class="text-center">
<h2 class="mt-0 mb-8">View the Documentation</h2>
</div>
<div class="tablet:grid tablet:grid-cols-3 tablet:gap-3">
<nav class="">
<span class="block p-2 mb-1 text-h4 font-normal text-grey border-b border-grey-70t">Guide</span>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" href="overview">Overview</a>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" href="getting-started">
<span class="small font-normal mie-1">01</span> Getting Started
</a>
<a class="block p-2 text-h5 no-underline hover:bg-pink-50t flex items-center" href="next-steps">
<span class="small font-normal mie-1">02</span> Next Steps
</a>
</nav>
</div>
</div>
</section>
</main>
<footer class="o-footer color-dark-background border-navy-70t">
<div class="layout-wrap mx-auto">
<div class="o-footer__divider border-navy-70t desktop:flex desktop:layout-sidebar mb-4">
<div class="pb-4">
<a class="block" href="http://nyc.gov/opportunity" title="NYC Opportunity<products@nycopportunity.nyc.gov>">
<svg aria-hidden="true" class="o-footer__logo">
<use xlink:href="#icon-logo-secondary"></use>
</svg>
<span class="sr-only">The Mayor's Office for Economic Opportunity</span>
</a>
</div>
<div class="pb-4 desktop:pl-4 desktop:flex justify-end items-center">
<nav class="o-footer__inline-nav">
<a href="overview">Overview</a>
<a href="getting-started">Getting Started</a>
<a href="terms-of-service">Terms of Service</a>
</nav>
</div>
</div>
<div class="desktop:grid desktop:grid-cols-2">
<div>
<p>
<a href="http://nyc.gov/opportunity">The Mayor's Office for Economic Opportunity</a> (NYC Opportunity) is committed to sharing open source software that we use in our products. Feel free to ask questions and share feedback. Follow @nycopportunity on <a href="https://twitter.com/nycopportunity">Twitter</a>, <a href="https://www.facebook.com/NYCOpportunity/">Facebook</a>, <a href="https://medium.com/@nycopportunity">Medium</a>, and <a href="https://github.com/NYCOpportunity/">Github</a>.
</p>
</div>
<div class="desktop:text-end">
<small> © City of New York, 2021 All Rights Reserved.
<br> NYC is a trademark and service mark of the City of New York.
</small>
</div>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>