-
Notifications
You must be signed in to change notification settings - Fork 135
/
index.html
264 lines (221 loc) · 11.2 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
---
# Allows us to call the most recent post from the blog
helpers:
underscore: true
blogpost-helpers:
category: ""
max_post_count: 1
---
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="google-site-verification" content="rLYUOJRBRq88Tdp20kNT6DdWKN004S0qVE4-AUF0tIw" />
<title>Code for America</title>
<link rel="stylesheet" type="text/css" href="//cloud.webtype.com/css/944a7551-9b08-4f0a-8767-e0f83db4a16b.css" />
<link rel="stylesheet" href="//style.codeforamerica.org/3/style/css/main.css">
<link rel="stylesheet" href="//style.codeforamerica.org/3/style/css/layout.css" media="all and (min-width: 40em)">
<link href="//style.codeforamerica.org/3/style/css/prism.css" rel="stylesheet" />
<!-- Link to style staging area -->
<link rel="stylesheet" href="/stylesheets/staging.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" href="//style.codeforamerica.org/3/style/favicons/60x60/flag-red.png"/>
{% comment %}If we're running tests, inject CSS to allow for visual regression testing{% endcomment %}
{% if site.testing_css %}{{ site.testing_css }}{% endif %}
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
<link rel="stylesheet" href="//style.codeforamerica.org/3/style/css/layout.css" media="all">
<![endif]-->
<style type="text/css">
.masthead:before {
background-image: url('media/images/homepage-stories/nothing.png');
}
.masthead-homepage:before { min-height: 310px }
@media (min-height: 45em)
{
.masthead-homepage:before { min-height: 600px }
}
ul.list-logos
{
width: 900px;
margin: 0 auto;
padding: 0;
}
ul.list-logos li { width: 15% }
@media (max-width: 900px)
{
ul.list-logos { width: 100% }
ul.list-logos li { width: 140px }
}
/* Collapse global header with following masthead */
.global-header
{
margin-bottom: 0 !important;
border-bottom: 0 !important;
}
</style>
{% include meta-header.html %}
<!-- DH's GWT verification code -->
<meta name="google-site-verification" content="aHfXE_zmYIz9jIBKZEGrd4vMF17X_F3KdBog0BN-CHk" />
<!-- end -->
<!-- Bing site verification code -->
<meta name="msvalidate.01" content="BE3AE53B67B9DB3031EE38B0A976C834" />
<!-- end -->
</head>
<body>
<div class="js-container">
<div class="alert-failure" style="margin:0">
<p><strong>You're on our archived site. (That's okay, there's still some great stuff here.) We're currently beta-testing a refreshed website focused on you. See the updated site at <a href="https://www.codeforamerica.org/">https://www.codeforamerica.org</a>.</strong></p>
</div>
{% include nav.html masthead="no" %}
<div class="masthead masthead-xl masthead-homepage">
<header class="layout-semibreve masthead-header">
<h1 id="story-title" class="page-title"><a href="governments/sanfrancisco/">In San Francisco</a></h1>
<p id="story-content">One third of HSA clients are unnecessarily cut from food benefits. Four fellows built <a href="/products/promptly/">Promptly</a> offering SMS notifications to keep families fed.</p>
<a id="box-link" class="text-whisper button-invert" href="/about">Learn More About What We Do</a>
</header>
</div>
<script src="script/home-story.js"></script>
<script src="stories.js"></script>
<main role="main">
<section class="slab-blue">
<div class="layout-chimney">
<div class="layout-minim-staccato slab-dark-blue chimney">
<div class="chimney-body">
<h3>Who We Are</h3>
<p>Code for America believes government can work for the people, by the people in the 21st century.</p>
<p>We build open source technology and organize a network of people dedicated to making government services simple, effective, and easy to use.</p>
<p>Join our e-mail list to learn how to use your skills to make your community better & we’ll send you info about Code for America’s work.</p>
<div class="layout-center">
<a class="text-whisper button-invert white js-modal-show" href="/signup" data-email-signup-button="true">Sign up</a>
<br/>
</div>
</div>
</div>
<div class="layout-minim-staccato">
<div class="card card-action card-inverse">
<i class="symbol symbol-glasses symbol-invert"></i>
<h5>Use your skills</h5>
<p>Discover the ways you get involved and help us build 21st century government.</p>
<a href="/join" class="text-whisper button-invert white">Find opportunities</a>
</div>
</div>
</div>
</section>
<section class="slab-black slab-bg1" id="js-blogposts">
<div class="layout-minim layout-solo insulate">
<h2 class="h5"><a href="/blog">Blogging [For America]</a></h2>
<article class="post-preview">
<header class="post-header isolate">
<time class="post-date insulate text-whisper" datetime="April 7, 2015">April 7, 2015</time>
<h2 class="post-title"><a href="http://www.codeforamerica.org/blog/2015/04/07/code-for-america-joins-white-house-convening-on-tech-and-community-safety/" onclick="ga('send', 'event', 'Homepage', 'Blog headline click', 'Blog: Code for America Joins White House Convening on Tech and Community Safety');">Code for America Joins White House Convening on Tech and Community Safety</a></h2>
</header>
<div class="post-author">
<h2 class="text-whisper layout-tight">Written by</h2>
<div class="h-card">
<h3 class="p-name profile-name text-prominent">Jenny Montoya Tansey</h3>
<img class="u-photo profile-photo" src="//www.codeforamerica.org/blog/wp-content/uploads/2015/04/jenny-montoya-tansey.jpg" alt="Jenny Montoya Tansey" />
</div>
<div class="post-body">
<div class="post-content">
<p>We’re in the middle of a defining moment for U.S. law enforcement. With the numerous officer-involved shootings and the resulting public unrest in communities across the country, it’s time to act.</p>
</div>
</div>
<a class="post-link" href="http://www.codeforamerica.org/blog/2015/04/07/code-for-america-joins-white-house-convening-on-tech-and-community-safety/" onclick="ga('send', 'event', 'Homepage', 'Blog link click', 'Blog: Code for America Joins White House Convening on Tech and Community Safety');">Read this post</a>
</div><!-- end .post-author -->
</article>
</div><!-- end .layout-minim -->
</section>
<section>
<div class="layout-semibreve">
<div class="badge-heading badge-github badge-blue">
<h2>Code for America Right Now</h2>
<p>
These are open GitHub Issues labeled with <i>“help wanted”</i> from across the civic technology movement.
Find more using the <a href="/geeks/civicissues">Civic Tech Issue Finder</a>.
</p>
</div>
<iframe id="widget" src="/geeks/civicissues/widget?labels=help%20wanted&number=3&tracking=false" width="100%" height="400px" frameBorder="0" onLoad="resize();"> </iframe>
<script>
// Resize iframe to fit content
function resize()
{
var widget_iframe = document.getElementById('widget'),
issues_document = widget_iframe.contentWindow.document;
if(issues_document)
{
widget_iframe.height = issues_document.body.scrollHeight + "px";
}
}
</script>
</div>
</section>
<section class="slab-gray layout-centered insulate-inner">
<h2 class="text-whisper layout-centered">Code for America is kindly supported by</h2>
<ul class="list-logos muted">
<li><a href="http://knightfoundation.org/"><img src="media/images/sponsorlogos/knightlogo.gif"></a></li>
<li><a href="http://omidyar.com/"><img src="media/images/sponsorlogos/on.gif"></a></li>
<li><a href="https://www.google.org/"><img src="media/images/sponsorlogos/googlelogo.gif"></a></li>
</ul>
<p class="text-whisper"><a href="/supporters/">See all of our supporters</a></p>
</section>
<!-- Email signup form -->
<div class="slab-medium-red">
<div class="layout-breve layout-tight">
{% include email-signup-form.html context="footer" %}
</div><!-- end .layout-breve -->
</div><!-- end .slab-dark-blue -->
{% include global-footer.html %}
</main>
</div>
{% include email-signup-modal.html %}
{% include footer-scripts.html %}
<!--
BLOG POST GETTER
This template replaces the static blog post in the id #js-blogposts above
with the most recent blog post, pulled from our blog's API.
It relies on the YAML frontmatter, which invokes `includes/blogpost-helpers`,
providing us with all the hooks to call the API and feed it into the
template below.
Begin template for homepage blog post -->
<script type="text/x-template" id="blogTemplate">
<%
// Our iterator variable is posts. Posts should be an array with 1 entry.
// Let's take the first item in the array and make it post.
var post = posts[0];
// Let's get the excerpt of the post
var postExcerpt = toExcerpt( post.content, 220 );
// Create a pretty date
var postDate = makePrettyDate( post.date );
%>
<section class="slab-black slab-bg1" id="js-blogposts">
<div class="layout-minim layout-solo insulate">
<h2 class="h5"><a href="/blog">Blogging [For America]</a></h2>
<article class="post-preview">
<header class="post-header isolate">
<time class="post-date insulate text-whisper" datetime="<%= postDate %>"><%= postDate %></time>
<h2 class="post-title"><a href="<%= post.link %>" onclick="ga('send', 'event', 'Homepage', 'Blog headline click');"><%= post.title %></a></h2>
</header>
<div class="post-author">
<h2 class="text-whisper layout-tight">Written by</h2>
<div class="h-card">
<h3 class="p-name profile-name text-prominent"><%= post.author.name %></h3>
<img class="u-photo profile-photo" src="<%= post.author.avatar %>" alt="<%= post.author.name %>" />
</div>
<div class="post-body">
<div class="post-content">
<p><%= postExcerpt %></p>
</div>
</div>
<a class="post-link" href="<%= post.link %>" onclick="ga('send', 'event', 'Homepage', 'Blog link click');">Read this post</a>
</div><!-- end .post-author -->
</article>
</div><!-- end .layout-minim -->
</section>
</script>
<!-- End Template for homepage blogpost -->
</body>
</html>