forked from thepolicylab/initial-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·229 lines (195 loc) · 10.8 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
---
layout: default
title: The Policy Lab
nav-title: Home
permalink: /
body-class: home
---
<div class="u__vspacing s__sky s__lil-splatter pb-0">
{% include header.html %}
<main id="content" class="main__content u__spacing pb-0">
<article class="main__article intro">
<header class="intro__header">
<h1>
<span class="text-uppercase">Welcome to</span>
<span class="display-1">The Policy Lab</span>
</h1>
</header>
<div class="intro__content u__content mx-auto">
<p class="h4 alt-bold">We’re at the center of Rhode Island’s<br> infrastructure for evidence-based policymaking.</p>
<p class="h4 alt-bold">Let’s learn together.</p>
</div>
</article>
</main>
<div class="city--header">
<div class="cloud cloud--1"></div>
<div class="cloud cloud--2"></div>
<div class="cloud cloud--3"></div>
<div class="cloud cloud--4"></div>
<div class="cloud cloud--5"></div>
<img srcset="{{ '/' | relative_url }}assets/illus/cityscape-1200.png 1200w,
{{ '/' | relative_url }}assets/illus/cityscape-2400.png 2400w,
{{ '/' | relative_url }}assets/illus/cityscape-2400.png 2x 1200w,
{{ '/' | relative_url }}assets/illus/cityscape-3200.png 3200w,
{{ '/' | relative_url }}assets/illus/cityscape-3200.png 2x 1600w"
sizes="(min-width: 2400px) 3200px, (min-width: 1200px) 2400px, 1200px"
src="{{ '/' | relative_url }}assets/illus/cityscape-1200.png" alt="" class="img--rwd">
</div>
</div>
<section id="anchor-about" class="u__vspacing s__white">
<article class="u__container">
<div class="u__spacing">
<div class="row">
<div class="col-md-3 col-lg-4">
<h2 class="h1">Why We’re Here</h2>
</div>
<div class="col-md-9 col-lg-8">
<p class="lead">The Policy Lab brings together experts from government, universities, and community organizations to collaborate on research tailored to inform decisions about how to improve policies and programs across the state.</p>
</div>
</div>
</div>
</article>
</section>
<section id="projects" class="u__vspacing s__primary project__recirc">
<div class="u__container u__spacing">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h2 class="h1 mb-2">Projects</h2>
<span class="lead">Learn more about our work across state, local, and national partners</span>
</div>
{% assign projects_most_recent = site.projects | reverse %}
{% for project in projects_most_recent limit:6 %}
<div class="col-sm-4 project__recirc__post d-flex flex-column text-center">
<span class="project__recirc__post__meta">{{ project.aside.method }}</span>
<h3 class="project__recirc__post__title h4"><a href="{{ project.url }}">{{ project.title }}</a></h3>
</div>
{% endfor %}
<div class="col-12 pt-5 text-center">
<a href="{% link projects.html %}" class="project__recirc__landing-link h4">All Projects</a>
</div>
</div>
</div>
</section>
<section id="events" class="u__vspacing s__light">
<article class="u__container u__spacing events">
<div class="row">
<div class="col-md-3 col-lg-4">
<h2 class="h1">Events</h2>
</div>
<div class="col-md-9 col-lg-8">
{% include events.html %}
</div>
</div>
</article>
</section>
<section id="reflections" class="u__vspacing s__white reflection__recirc">
<div class="u__container u__spacing">
<div class="row">
<div class="col-12">
<h2 class="h1">Reflections</h2>
</div>
{% assign reflections_most_recent = site.reflections | reverse %}
{% for reflection in reflections_most_recent limit:4 %}
<div class="col-sm-6 reflection__recirc__post">
<h3 class="reflection__recirc__post__title h4"><a href="{{ reflection.url }}">{{ reflection.title }}</a></h3>
<p class="reflection__recirc__post__authors">
By
{% for author in reflection.authors %}
{% include byline.html %}
{% endfor %}
</p>
{{ reflection.excerpt }}
</div>
{% endfor %}
<div class="col-12">
<a href="{% link reflections.html %}" class="reflection__recirc__landing-link h4">All Reflections</a>
</div>
</div>
</div>
</section>
<section id="connect" class="u__vspacing s__primary target-cynosure">
<article class="u__container u__spacing connect">
<div class="row">
<div class="col-md-3 col-lg-4">
<h2 class="h1">Get Updates</h2>
</div>
<div class="col-md-9 col-lg-8">
<p class="lead">Sign up to get updates on projects, events, and new episodes of our podcast, <a href="https://thirtythousandleagues.com/">30,000 Leagues</a></p>
{% include mailchimp.html %}
</div>
</div>
</article>
</section>
<section id="quote" class="u__vspacing s__green">
<article class="u__container">
<figure class="u__spacing quote">
<blockquote class="h2 quote__content">Applied research can be remarkably difficult, as theories often fail to work in practice. We need scientists shoulder-to-shoulder with practitioners in those moments, co-designing fresh ideas and iteratively experimenting to optimize solutions. The Policy Lab is a place and group of people dedicated to this work. Think NASA or Bell Labs, but for public policy. </blockquote>
<figcaption class="quote__attribution">
<cite><a href="/team/david-yokum/">David Yokum</a>, Director</cite>
</figcaption>
</figure>
</article>
</section>
<section id="theory" class="u__vspacing s__white">
<article class="u__container">
<div class="u__spacing">
<h2 class="display-4 text-center text-primary">Theory of Change</h2>
<hr class="squiggle">
<div class="u__spacing u__container u__content">
<p class="text-center px-lg-5">It is common nowadays to agree that policy should be evidence-based. But how to deliver on that rhetoric in practice is harder. We need not only the highest quality scientific methods, but also a pragmatic mindset geared toward designing learning agendas that can concretely inform decision-making within the bureaucratic and political trenches.
<p class="text-center px-lg-5">We look to improve policy outcomes through three interconnected areas:</p>
</div>
<div class="container pb-sm-3 pb-lg-5">
<div class="row">
<div class="col-sm p-4 pb-0 my-2 mx-sm-2 mx-lg-3 theory__wrapper">
<p class="text-center"><img class="theory__icon" src="{{ '/' | relative_url }}assets/img/icon-generating-evidence.png" alt="" aria-hidden="true" /></p>
<p class="text-center">Generating evidence to fill knowledge gaps</p>
</div>
<div class="col-sm pt-4 px-4 my-2 mx-sm-2 mx-lg-3 theory__wrapper">
<p class="text-center"><img class="theory__icon" src="{{ '/' | relative_url }}assets/img/icon-integrating-evidence.png" alt="" aria-hidden="true" /></p>
<p class="text-center">Integrating that evidence into planning, budget, procurement, and performance management processes</p>
</div>
<div class="col-sm pt-4 px-4 my-2 mx-sm-2 mx-lg-3 theory__wrapper">
<p class="text-center"><img class="theory__icon" src="{{ '/' | relative_url }}assets/img/icon-building-coalitions.png" alt="" aria-hidden="true" /></p>
<p class="text-center">Building coalitions across government, universities, and community organizations to support evidence-based policy</p>
</div>
</div>
</div>
<div class="u__spacing u__container u__content">
<p class="text-center px-lg-5">While many approaches to this work focus on one or two areas at a time, building a culture of evidence-based policymaking requires us to pursue all three simultaneously. We need a substantial amount of stakeholder engagement throughout the entire research process — from carefully listening to and observing what questions most need answering, to helping partners troubleshoot any unanticipated implementation issues based on the generated answers.</p>
<p class="text-center px-lg-5">The partnership is also a vehicle for increasing staff training and capacity by way of onsite trainings and courses, fellowships, speaker and event series, curating a statewide integrated data system, and other activities to foster a community of practice around the work.</p>
</div>
</article>
</section>
<section id="team" class="u__vspacing s__light">
<article class="u__container">
<div class="u__spacing">
<h2 class="h1 text-center">Our Team</h2>
</div>
<div class="container u__spacing team py-0">
<div class="row justify-content-center">
{% assign sortedTeam = site.team | sort: 'title' %}
{%- for teammate in sortedTeam -%}
{% include team-teaser.html %}
{% endfor %}
</div>
<!-- <div class="text-center">
<a href="{{ '/' | relative_url }}team/" class="btn btn-lg btn-primary">View All</a>
</div> -->
</div>
</article>
</section>
<section id="jobs" class="u__vspacing s__light-splatter pb-0 target-cynosure">
<article class="u__container u__spacing jobs">
<div class="row">
<div class="col-md-3 col-lg-4">
<h2 class="h1">Join Us</h2>
</div>
<div class="col-md-9 col-lg-8">
<p class="lead pb-4">Are you interested in volunteering or proposing a role? <br/><a href="https://docs.google.com/forms/d/e/1FAIpQLSfAYK-onTssVu_UZ70brJ5euSNcSUV7JLZ2mYNZb_rHoE4vBw/viewform">Send us a message!</a></p>
<ul class="list-unstyled jobs__list">
</ul>
</div>
</div>
</article>
</section>