Visitar URL original
added nextrequest page and branding. · postcode/postcode-site@d3a32e5 · GitHub
Skip to content

Commit d3a32e5

Browse files
andyhullandyhull
committed
added nextrequest page and branding.
1 parent 4fd169b commit d3a32e5

7 files changed

Lines changed: 252 additions & 41 deletions

File tree

‎postcode/static/content/nextrequest.pdf‎

342 KB
Binary file not shown.

‎postcode/static/css/custom.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -345,7 +345,7 @@ a.rt_link:active {color: #E57755;}
345345
}
346346

347347
.recordtrac .video{
348-
margin: 3.5em 0em 2.5em;
348+
margin: 1.5em 0em 2.5em;
349349
}
350350
.modal-content{
351351
padding: 30px 50px 50px 50px;

‎postcode/templates/base.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<li class="dropdown">
4949
<a href="http://getbootstrap.com/examples/navbar-fixed-top/#" class="dropdown-toggle" data-toggle="dropdown">PRODUCTS <span class="caret"></span></a>
5050
<ul class="dropdown-menu" role="menu">
51-
<li><a href="/recordtrac">RecordTrac</a></li>
51+
<li><a href="/nextrequest">NextRequest</a></li>
5252
<li><a href="/promptly">Promptly</a></li>
5353
<li><a href="/products/cityvoice" target="_blank">CityVoice</a></li>
5454
</ul>

‎postcode/templates/nextrequest.html‎

Lines changed: 236 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,236 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<!--For JS disabled: delay and then redirect -->
5-
<meta http-equiv="refresh" content="1; url=/recordtrac">
6-
<script type="text/javascript">
7-
var _gaq = _gaq || [];
8-
_gaq.push(['_setAccount', '{{ ga_tracking_code }}']);
9-
_gaq.push(['_trackPageview']);
10-
_gaq.push(function(){
11-
window.location = "/recordtrac";}, 250);
12-
13-
(function() {
14-
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
15-
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
16-
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
17-
})();
18-
19-
</script>
20-
</head>
21-
22-
<body>
23-
</body>
24-
25-
</html>
1+
{% extends "base.html" %}
2+
3+
{% block content %}
4+
5+
<div class="recordtrac">
6+
<div class="jumbotron white_back no-bottom">
7+
<div class="container">
8+
9+
<div class="row shim_nav shim_RT">
10+
<div class="col-lg-6 col-lg-offset-1 shim_top">
11+
<div class="row shim_top">
12+
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2">
13+
<img class="img-responsive" src="{{ url_for('static', filename='images/recordtrac_logo_notext.png') }}" alt="recordtrac logo">
14+
</div>
15+
<div class="ol-sm-10 col-md-10 col-lg-10">
16+
<h1>NextRequest</h1>
17+
<h3>Open Public Records</h3>
18+
<button type="button" class="btn btn-danger no-top" onclick="window.open('/recordtrac_signup', '_blank')">REQUEST DEMO</button>
19+
<h5>
20+
<a href="/products/nextrequest" target="_blank" class="banner">PRODUCT SHEET (PDF)</a>&nbsp;&nbsp;<span class="glyphicon glyphicon-save"></span>
21+
</h5>
22+
</div>
23+
</div>
24+
</div>
25+
<div class="col-lg-4" style="padding-left: .75em;">
26+
<img class="img-responsive" style="display: inline;" src="{{ url_for('static', filename='images/generic_request.png') }}" alt="recordtrac">
27+
</div>
28+
</div>
29+
</div>
30+
</div>
31+
32+
<div id="more" class="jumbotron white_back video">
33+
<div class="container">
34+
<div class="row">
35+
<div class="col-lg-8 col-lg-offset-2">
36+
<iframe src="//fast.wistia.net/embed/iframe/ykqdie3no0?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="700" height="422"></iframe><script src="//fast.wistia.net/assets/external/iframe-api-v1.js"></script>
37+
<a href="//fast.wistia.net/embed/iframe/ykqdie3no0?popover=true" class="wistia-popover[height=478,playerColor=4ae0c9,width=800] title rt_link">Watch Video</a>
38+
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"></script>
39+
</div>
40+
</div>
41+
</div>
42+
</div>
43+
<div id ="features" class="jumbotron">
44+
<div class="container">
45+
<div class="row" style="margin-top: 1em; margin-bottom: 3em;">
46+
<div class="col-lg-12" style="text-align: center;">
47+
<div class="title_tag">FEATURES</div>
48+
</div>
49+
</div>
50+
<div class="row" style="margin-top: 1em; margin-bottom: 2em;">
51+
<div class="col-lg-5 col-lg-offset-1">
52+
<div class="feature_text">
53+
<h2 class="title color">Open records</h2>
54+
<h4 class="title">Next-gen open government</h4>
55+
<p class="left" style="padding-top: .75em;"> Eliminate duplicate requests. Anyone &dash; requestor, agency, community member &dash; can review current or past requests by keyword, status or department.</p>
56+
</div>
57+
</div>
58+
<div class="col-lg-6" style="padding-left: .75em;">
59+
<img class="img-responsive shadow" style="display: inline;" src="{{ url_for('static', filename='images/review_requests.png') }}" alt="review requests">
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
<div class="jumbotron white_back">
65+
<div class="container">
66+
<div class="row" style="margin-top: 1em; margin-bottom: 2em;">
67+
<div class="col-lg-6 col-lg-offset-0">
68+
<img class="img-responsive shadow" style="display: inline;" src="{{ url_for('static', filename='images/manage_requests.png') }}" alt="track requests">
69+
</div>
70+
<div class="col-lg-5">
71+
<div class="feature_text">
72+
<h2 class="title color">Manage responses</h2>
73+
<h4 class="title">Streamline Business Process</h4>
74+
<p class="right" style="padding-top: .75em;">Reduce the time spent on requests. Staff can respond to requests through a simple interface - allowing them to respond quickly with relevant information. </p>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
</div>
80+
<div class="jumbotron">
81+
<div class="container">
82+
<div class="row" style="margin-top: 1em; margin-bottom: 2em;">
83+
<div class="col-lg-5 col-lg-offset-1">
84+
<div class="feature_text">
85+
<h2 class="title color">Measure response</h2>
86+
<h4 class="title">Better allocate resources and effort.</h4>
87+
<p class="left" style="padding-top: .75em;">Review response data for easy management. See total requests as well as average response time by department.</p>
88+
</div>
89+
</div>
90+
<div class="col-lg-6">
91+
<img class="img-responsive shadow" style="display: inline;" src="{{ url_for('static', filename='images/request_metrics.png') }}" alt="track requests">
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
<div class="jumbotron white_back">
97+
<div class="container">
98+
<div class="row" style="margin-top: 1em; margin-bottom: 2em;">
99+
<div class="col-lg-6 col-lg-offset-0">
100+
<img class="img-responsive shadow" style="display: inline;" src="{{ url_for('static', filename='images/track_requests.png') }}" alt="track requests">
101+
</div>
102+
<div class="col-lg-5">
103+
<div class="feature_text">
104+
<h2 class="title color">Track and trace requests</h2>
105+
<h4 class="title">Reduce fines from late responses</h4>
106+
<p class="right" style="padding-top: .75em;">Track dates, requester, government point of contact, and correspondence. Sign up to receive email updates about a specific request.</p>
107+
</div>
108+
</div>
109+
</div>
110+
</div>
111+
</div>
112+
113+
<div class="jumbotron">
114+
<div class="container">
115+
<div class="row" style="margin-top: 1em; margin-bottom: 2em;">
116+
<div class="col-lg-6">
117+
<div class="feature_text">
118+
<h2 class="title color">Make requests online</h2>
119+
<h4 class="title">Digitize and streamline from the start</h4>
120+
<p style="padding-top: .75em;">Individuals can make requests directed at specific departments and leave their contact information for follow up.</p>
121+
</div>
122+
</div>
123+
<div class="col-lg-6">
124+
<img class="img-responsive" style="display: inline;" src="{{ url_for('static', filename='images/make_requests.png') }}" alt="make requests">
125+
<a class="citation_grey" href="http://www.flickr.com/photos/33863004@N00/2941708345/in/photolist-5tX2pp-5tZ8Zx-5upUic-5upWbH-5uq1kk-5uuou1-5uuqPC-5uuuuS-5uuxfL-5wnRkp-5wsdaS-5AfDaD-5FofAp-5FsvUN-5FswHs-5FsyK7-5HNkXV-5QtixY-5QLfy1-5TPuuB-5TPuwH-5TPuxP-5TPuyB-5TPuzt-5TTQ4q-5TTQ9q-5Xpuee-5Xpunn-5Xpuve-5Xpwax-5XtHrb-5XtHJY-5XtHTq-5XtJaL-5XtJcY-5XtKSh-61aUXV-61aV1k-61aV3K-61aV7p-61aVcx-61f8yA-61f8Bs-65c4wT-66nicm-67FESo-68uuaG-68BGWc-68BHaH-68BHuR-68BHzM">source:flickr.com, marcopako;</a> <a class="citation_grey" href="http://creativecommons.org/licenses/by-sa/2.0/">CC by 2.0</a>
126+
</div>
127+
</div>
128+
</div>
129+
</div>
130+
131+
132+
133+
<div id="in_use" class="jumbotron" style="background: url(static/images/oakland.jpg);">
134+
<div class="container">
135+
<div class="row" style="margin-top: 1em; margin-bottom: 3em;">
136+
<div class="col-lg-12" style="text-align: center;">
137+
<div class="title_tag">IN USE</div>
138+
</div>
139+
</div>
140+
<div class="row" style="margin-top: .5em; margin-bottom: 1em;">
141+
<div class="col-lg-6 col-lg-offset-6">
142+
<div class="white_back">
143+
<h2 class="title">Oakland, CA</h2>
144+
<p>RecordTrac has helped the City of Oakland process over 2,000 public requests across all city departments in its first year of use. It also helped the City save hundreds of thousands of dollars compared with their previous solution.</p>
145+
<h2 class=" title shim shim_top"><em>“The RecordTrac application is so much better than the cumbersome old system, it's really a tremendous difference. It saves me time, mostly from the far more nimble interface... the public end-users also find it much easier to work with.”</em></h2>
146+
<h4 class=" title " >Jim Bondi<br>City of Oakland</h4>
147+
<h2 style="font-size: 1.75em; padding-top: 1.5em;"><a class="title rt_link" href="http://records.oaklandnet.com/landing" target="_blank">See it in Action</a></h2>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
<div style="text-align: right;">
153+
<a class="citation" href="http://www.flickr.com/photos/32802092@N00/3472913945/in/photolist-6hTAjD-6hXHjb-6hXJjo-6jHAH1-6tiUQt-6tiVKv-6to42w-6to5yW-6wy9t3-6MK4dd-79GBQd-7cTDfS-7obAJG-7rLt4f-7ww6v8-8h1VDy-8gXFoc-8h1WHm-8gXEW8-8gXEzn-8gXEEZ-8gXFc6-8h1W4b-8gXF1X-8h1VJW-8gXERe-8h1WNU-8gXFik-8gXF7c-aGBmiX-eTgkCv-eTgkXk-eTgnfz-eTgmXt-eTgmCt-eTgk2x-eTsLwh-eTsKeC-eTsHB1-aGAcdP-hMk4Vd-dZ74pK-aHx9xV-ekopUz-7WDb14-dDZQ4v-a5JMad-a5FV2X-a5JMHU-a5JM69-a5FV9g">source:flickr.com, eoringle;</a> <a class="citation" href="http://creativecommons.org/licenses/by/2.0/">CC by 2.0</a>
154+
</div>
155+
</div>
156+
<div id="in_the_news" class="jumbotron" style="background: #F4F4F4;">
157+
<div class="container">
158+
<div class="row" style="margin-top: 1em; margin-bottom: 3em;">
159+
<div class="col-lg-12" style="text-align: center;">
160+
<div class="title_tag">NEWS</div>
161+
</div>
162+
</div>
163+
<div class="row" style="margin-top: 1em; margin-bottom: 2.5em;">
164+
<div class="col-lg-3 news-item">
165+
<div>
166+
<p>"Civic App of the Year (2013)"</p>
167+
<a href="http://awards.govfresh.com/2013-govfresh-awards/" target="_blank"><img class="img-responsive shim" style="display: inline;" src="{{ url_for('static', filename='images/govfresh.png') }}" alt="govfresh logo"></a>
168+
</div>
169+
</div>
170+
<div class="col-lg-3 news-item ">
171+
<div>
172+
<p>"...goals have included increasing efficiency and becoming more transparent and RecordTrac does both."</p>
173+
<a href="http://oaklandlocal.com/2013/10/oaktech-citys-new-recordtrac-app-launches-built-by-code-for-america-fellows/" target="_blank"><img class="img-responsive shim" style="display: inline;" src="{{ url_for('static', filename='images/oakland_local.png') }}" alt="Oakland Local logo"></a>
174+
</div>
175+
</div>
176+
<div class="col-lg-3 news-item">
177+
<div>
178+
<p>"'It's access to information.'"</p>
179+
<a href="http://arstechnica.com/business/2013/03/urban-activists-hack-their-way-towards-open-government/" target="_blank"><img class="img-responsive shim" style="display: inline;" src="{{ url_for('static', filename='images/ars-technica-logo.png') }}" alt="ars-technica logo"></a>
180+
</div>
181+
</div>
182+
<div class="col-lg-3 news-item">
183+
<div>
184+
<p>"[RecordTrac] addresses citizens’ expectations of a government that responds quickly to their needs."</p>
185+
<a href="http://oaklandnorth.net/2013/10/02/oakland-code-for-america-unveil-public-records-program/" target="_blank"><img class="img-responsive shim" style="display: inline;" src="{{ url_for('static', filename='images/oaklandnorth_logo.png') }}" alt="Oakland North logo"></a>
186+
</div>
187+
</div>
188+
</div>
189+
<div class="row">
190+
<p><small>* coverage for RecordTrac</small></p>
191+
</div>
192+
</div>
193+
</div>
194+
<div id="newrecordtrac" class="newRT">
195+
<div class="container">
196+
<div class="row">
197+
<div class="col-lg-offset-1 col-md-6 col-lg-5">
198+
<h2>Lead the way on public records requests.</h2>
199+
<div class="signup-footer">
200+
<img class="signup-logo" width="20px" src="{{ url_for('static', filename='images/recordtrac_logo_wht_inverse.png') }}" alt="recordtrac logo">
201+
<p>Welcome to <span style="font-family:'Montserrat', sans-serif; font-weight: 800;">NextRequest</span></p>
202+
</div>
203+
</div>
204+
<div class="rtform col-md-6 col-lg-6">
205+
<h4><em>Sign up for a free custom pilot.</em></h4>
206+
<form action="" method="post" name="signup" class="form-group">
207+
{{form.hidden_tag()}}
208+
<div class="form-group">
209+
<p>Email:</p>
210+
{{form.email(class="form-control")}}
211+
{% for error in form.errors.email %}
212+
<span style="color: red;">[{{error}}]</span>
213+
{% endfor %}<br>
214+
</div>
215+
<div class="form-group">
216+
<p>Name:</p>
217+
{{form.name(class="form-control")}}
218+
</div>
219+
<div class="form-group">
220+
{% for error in form.recaptcha.errors %}
221+
<div class="recaptcha-error">
222+
{{ error }}
223+
</div>
224+
{% endfor %}
225+
<div class="areyouhuman">
226+
{{ form.recaptcha(class="form-control") }}
227+
</div>
228+
</div>
229+
<input id="rt-signup" type="submit" value="GET PILOT" class="btn btn-success no-top rt-signup"></p>
230+
</form>
231+
</div>
232+
</div>
233+
</div>
234+
</div>
235+
</div>
236+
{% endblock content %}

‎postcode/templates/recordtrac-confirm.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,11 @@
66
<div class="container">
77
<div class="row">
88
<div class="col-lg-offset-1 col-md-6 col-lg-6">
9-
<h4>Thanks for getting in touch with us about <a href='/recordtrac'>RecordTrac</a>!</h4><p>We're leading the way on public records requests and are excited you're interested in joining us. We'll follow up with you shortly to set up a customized pilot for your organization.</p>&nbsp;<p>If you have any questions don't hesitate to call or send us an email.<br><strong>tel:</strong> (844) 767-8263<br><strong>email:</strong> <a href='mailto:recordtrac@postcode.io'>recordtrac@postcode.io</a></p>
9+
<h4>Thanks for getting in touch with us about <a href='/nextrequest'>NextRequest</a>!</h4><p>We're leading the way on public records requests and are excited you're interested in joining us. We'll follow up with you shortly to set up a customized pilot for your organization.</p>&nbsp;<p>If you have any questions don't hesitate to call or send us an email.<br><strong>tel:</strong> (844) 767-8263<br><strong>email:</strong> <a href='mailto:nextrequest@postcode.io'>nextrequest@postcode.io</a></p>
1010
<div class="signup-footer">
11-
<img class="signup-logo" width="20px" src="{{ url_for('static', filename='images/recordtrac_logo_wht_inverse.png') }}" alt="recordtrac logo">
12-
<p>Welcome to the new <span style="font-family:'Montserrat', sans-serif; font-weight: 800;">RecordTrac</span></p>
13-
<div><a class="btn btn-success" href='/recordtrac'><< Back</a></div>
11+
<img class="signup-logo" width="20px" src="{{ url_for('static', filename='images/recordtrac_logo_wht_inverse.png') }}" alt="nextrequest logo">
12+
<p>Welcome to <span style="font-family:'Montserrat', sans-serif; font-weight: 800;">NextRequest</span></p>
13+
<div><a class="btn btn-success" href='/nextrequest'><< Back</a></div>
1414
</div>
1515
</div>
1616
</div>

‎postcode/templates/recordtrac_signup.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232

3333
<div id="intro" class="span4">
3434
<!--Sidebar content-->
35-
<a href="http://www.recordtrac.com"><img src="{{ url_for('static', filename='images/recordtrac_logo_nomargin_whttxt.png') }}" width="350px" alt="RecordTrac"/></a>
35+
<a href="http://www.postcode.io/nextrequest"><img src="{{ url_for('static', filename='images/recordtrac_logo_nomargin_whttxt.png') }}" width="350px" alt="RecordTrac"/></a>
3636
<p class="lead">
3737
NextRequest is a new web application that helps agencies manage and respond to public records requests. It also gives the public a quick, easy way to submit public records requests.
3838
</p>

0 commit comments

Comments
 (0)