-
Notifications
You must be signed in to change notification settings - Fork 1
/
old_index.html
228 lines (197 loc) · 9.47 KB
/
old_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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="home.css"/>
<link rel="stylesheet" type="text/css" href="modal.css"/>
<link rel="stylesheet" type="text/css" href="cards.css"/>
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup {
background: #fff;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
max-width: 740px;
margin: auto;
margin-bottom: 2%;
}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<title>Newport Data Project</title>
</head>
<!--/*When the page is done, get rid of the onload="openSidePop()" function call.*/-->
<body>
<div class="major-section" id="title-block">
<h1 id="title-text">Newport Data Project</h1>
<h2>an engine for grassroots innovation</h2>
<div class="horizontal-divider-orange"></div>
<div class="jump"><a href="#info">Start</a></div>
<!--<div id="privacy-link">-->
<!--<a href="javascript:void(0)" onclick="openBottomPop()">Privacy Policy</a>-->
<!--</div>-->
</div>
<div class="sub-section" id="info">
<span class="spacer"></span>
<div class="headcard"><h1>About</h1></div>
<div id="mainbox">
<div class="card">
<h2>The Project</h2>
<p>The mission of the Newport Data Project is to foster transparency, critical thinking,
data-based decision making, and innovative solutions by and for the community in Rhode
Island and beyond.</p>
</div>
<div class="card">
<h2>The Plan</h2>
<p>The project is just getting started. Learn more about our startup plans:</p>
<p><a href="https://docs.google.com/document/d/1QiE8-CgEUCfH_gUPrWlW871idLk1F0-5mfWXz3T2pec/edit?usp=sharing" target="_blank">Assembly Instructions</a></p>
<p><a href="https://trello.com/b/uGVX2kbH/project-assembly" target="_blank">Project Status</a></p>
</div>
<div class="card">
<h2>Get Involved</h2>
<p><a href="#join">Sign on</a> to the project</p>
<p>Follow on social media</p>
<p>Contribute on GitHub</p>
<a href="https://github.com/NewportDataProject/NewportDataProject.github.io/wiki/Data-Repositories">Browse datasets</a>
</div>
</div>
</div>
<div class="major-section" id="join">
<span class="spacer"></span>
<div class="headcard"><h1>Sign On</h1></div>
<p>Get plugged into the project.</p>
<p>Follow along as we build the project.</p>
<p>Bring your ideas and skills into the fold.</p>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//newportdataproject.us15.list-manage.com/subscribe/post?u=9f651121346428e043abfdff7&id=5aab5f6689"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div class="mc-field-group input-group">
<strong>Channels - </strong> <em>Select what team resources you want access to</em>
<ul>
<li><input type="checkbox" value="1" name="group[1135][1]" id="mce-group[1135]-1135-0"><label
for="mce-group[1135]-1135-0">Slack</label></li>
<li><input type="checkbox" value="2" name="group[1135][2]" id="mce-group[1135]-1135-1"><label
for="mce-group[1135]-1135-1">GitHub</label></li>
</ul>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
name="b_9f651121346428e043abfdff7_5aab5f6689"
tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe"
class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>(function ($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
<div class="footer"><span class="footer-link"><a href="mailto:hello@newportdataproject.org">Contact</a> <a
href="https://github.com/NewportDataProject">GitHub</a> <a
href="https://trello.com/newportdataproject">Trello</a>
<div class="dropdown">
<a class=>Social</a>
<div class="dropup-content">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
</div>
</div></span></div>
<!--Modal script-->
<script>
// Get the modal
var mcModal = document.getElementById('mcModal');
// Get the button that opens the modal
var mcBtn = document.getElementById("mcBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on the button, open the modal
mcBtn.onclick = function () {
mcModal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function () {
mcModal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function (event) {
if (event.target == mcModal) {
mcModal.style.display = "none";
}
}
</script>
<!--Privacy Policy-->
<!--<div id="privacy-popup" class="overlay">-->
<!--<a href="javascript:void(0)" class="closebtn" onclick="closeBottomPop()">×</a>-->
<!--<div class="overlay-content">-->
<!--<h1>Privacy Policy</h1>-->
<!--<p>This website uses Google Analytics to monitor traffic. Google Analytics is a web analysis service provided-->
<!--by Google. Google utilizes the data collected to track and examine the use of newportdataproject.org,-->
<!--to prepare reports on its activities and share them with other Google services.</p>-->
<!--<p>Google may use the data collected to contextualize and personalize the ads of its own advertising network.-->
<!--Personal data collected: Cookie and Usage Data. Place of processing: USA.-->
<!--</p>-->
<!--<p>The data will be used to </p>-->
<!--<p><a href="javascript:void(0)" onclick="closeBottomPop()">Got it.</a>-->
<!--</div>-->
<!--</div>-->
<!--/*The under construction popup code*/-->
<div id="load-popup" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeSidePop()">×</a>
<div class="overlay-content">
<h1>Hi There!</h1>
<p><em>This website isn't quite finished yet. There might be some missing content, ugly formatting, and broken
links. No matter what, things are going to be changing. But don't worry - since this is a community project,
you can help!</em></p>
<p><a href="javascript:void(0)" onclick="closeSidePop()">That's ok, show me what you've got!</a>
<a href="https://github.com/NewportDataProject/NewportDataProject.github.io" onclick="closeSidePop()">I want
to help!</a></p>
</div>
</div>
<script>
function openSidePop() {
document.getElementById("load-popup").style.width = "100%";
}
function closeSidePop() {
document.getElementById("load-popup").style.width = "0%";
}
function openBottomPop() {
document.getElementById("privacy-popup").style.width = "100%";
}
function closeBottomPop() {
document.getElementById("privacy-popup").style.width = "0%";
}
</script>
</body>
</html>