aboutsummaryrefslogtreecommitdiffstats
path: root/templates/web/default/static
diff options
context:
space:
mode:
Diffstat (limited to 'templates/web/default/static')
-rw-r--r--templates/web/default/static/about.html9
-rw-r--r--templates/web/default/static/fun.html35
-rwxr-xr-xtemplates/web/default/static/iphone.html52
-rw-r--r--templates/web/default/static/posters.html43
4 files changed, 139 insertions, 0 deletions
diff --git a/templates/web/default/static/about.html b/templates/web/default/static/about.html
new file mode 100644
index 000000000..9c319f051
--- /dev/null
+++ b/templates/web/default/static/about.html
@@ -0,0 +1,9 @@
+[% INCLUDE 'header.html', title => loc('About us') %]
+
+<h1>[% loc('About us') %]</h1>
+
+<h2>FixMyStreet.com</h2>
+
+[%# FIXME - put in blurb here %]
+
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/default/static/fun.html b/templates/web/default/static/fun.html
new file mode 100644
index 000000000..abe9d4028
--- /dev/null
+++ b/templates/web/default/static/fun.html
@@ -0,0 +1,35 @@
+[% INCLUDE header.html
+ title = 'Weird and Wonderful reports'
+%]
+
+<h1>Weird and Wonderful reports</h1>
+
+<p>Here are some of the best or strangest reports we&rsquo;ve seen on FixMyStreet.
+They&rsquo;ve all been fixed, and in one case could have saved lives!
+Do let us know if you find any more.</p>
+
+<ul style='list-style-type: none; margin:0; padding:0'>
+
+<li><img src='http://www.fixmystreet.com/photo?id=9468' align='right' hspace=8>
+ <h2>Dumped Piano (right)</h2>
+ <p>The reporter of this problem summed it up with their report,
+ which consisted solely of the one character &ldquo;!&rdquo;. &mdash;
+ <a href='http://www.fixmystreet.com/report/9468'>Problem report</a>
+
+<li><h2>Mad Seagull</h2>
+ <p>&ldquo;A seagull is attacking various cars within this road. He starts at around 05:45 every morning and continues until around 19:30. This causes a lot of noisy banging and wakes up children.&rdquo; &mdash;
+ <a href='http://www.fixmystreet.com/report/2722'>Problem report</a>
+
+<li><img src='http://www.fixmystreet.com/photo?id=6553' align='right' hspace=8>
+ <h2>Boxes full of cheese dumped (right)</h2>
+ <p>&ldquo;About a dozen boxes full of mozzarella cheese have been dumped opposite 3 rufford street. if it warms up we could have nasty road topping problem (seriously there is a lot of cheese)&rdquo; &mdash;
+ <a href='http://www.fixmystreet.com/report/6553'>Problem report</a>
+
+<li><h2>Dangerous Nivea Billboard</h2>
+ <p>&ldquo;The Nivea 'Oxygen is a wonderful thing' billboard here has a device on it releasing bubbles and foam. This is blowing into the road which is both distracting and dangerous to drivers. A large ball of foam hit my windscreen unexpectedly and nearly caused me to have an accident&rdquo; &mdash;
+ <a href='http://www.fixmystreet.com/report/7552'>Problem report</a>
+
+</ul>
+
+[% INCLUDE footer.html %]
+
diff --git a/templates/web/default/static/iphone.html b/templates/web/default/static/iphone.html
new file mode 100755
index 000000000..8f7992713
--- /dev/null
+++ b/templates/web/default/static/iphone.html
@@ -0,0 +1,52 @@
+[% INCLUDE header.html
+ title = 'FixMyStreet for iPhone screenshots'
+%]
+
+<h1>iPhone simulator simulator</h1>
+
+[%
+ SET screens = [
+ [ "iphone-1start.png", 'Click the image to progress through the flow of using the iPhone FixMyStreet application.
+ <br>When launched, the user&rsquo;s location automatically gets fetched&hellip;' ],
+ [ "iphone-2locfound.png", 'They want to take a photo.' ],
+ [ "iphone-pickpicture1.png", 'The simulator doesn&rsquo;t have a camera, so we&rsquo;re taken to the photo albums. Let&rsquo;s pick Hawaii.' ],
+ [ "iphone-pickpicture2.png", 'That red clouds photo looks nice.' ],
+ [ "iphone-pickpicture3.png", 'After any moving or scaling we want, we select the photo.' ],
+ [ "iphone-3picture.png", 'Okay, now we need to edit the summary of the report.' ],
+ [ "iphone-editsummary.png", 'Enter some text.' ],
+ [ "iphone-editsummary2.png", 'And done.' ],
+ [ "iphone-4subject.png", 'I haven&rsquo;t entered all my details yet, so that&rsquo;s next.' ],
+ [ "iphone-5details.png", 'Your details are remembered so you only have to enter them once.' ],
+ [ "iphone-6emailkeyboard.png", 'The iPhone has different keyboards, this is the email one.' ],
+ [ "iphone-5details.png", 'Right, we need to enter a name.' ],
+ [ "iphone-editname.png", 'Slightly different keyboard to the email one.' ],
+ [ "iphone-detailsdone.png", 'Okay, details entered.' ],
+ [ "iphone-allready.png", 'That&rsquo;s everything, hit Report!' ],
+ [ "iphone-7uploading.png", 'Uploading&hellip;' ],
+ [ "iphone-8response.png", 'The simulator always thinks it&rsquo;s in the US, which FixMyStreet won&rsquo;t like very much.' ],
+ [ "iphone-allready.png", 'Ah well, let&rsquo;s read the About page instead' ],
+ [ "iphone-9about.png", 'Donate? :)' ],
+];
+%]
+
+<script type="text/javascript">
+document.write('<style type="text/css">.vv { display: none; }</style>');
+function show(a) {
+ if (a==[% screens.size %]) b = 1;
+ else b = a+1;
+ document.getElementById('d' + a).style.display='none';
+ document.getElementById('d' + b).style.display='block';
+}
+</script>
+
+[% FOR screen IN screens %]
+
+ <div id='d[% loop.count %]'[% " class='vv'" IF NOT loop.first %]>
+ <p>[% screen.1 %]</p>
+ <p align='center'><a onclick='show([% loop.count %]);return false' href='#d[% loop.count + 1 %]'><img src='[% screen.0 %]' width=414 border=0 height=770></a></p>
+ </div>
+
+[% END %]
+
+[% INCLUDE footer.html %]
+
diff --git a/templates/web/default/static/posters.html b/templates/web/default/static/posters.html
new file mode 100644
index 000000000..77abbb5fc
--- /dev/null
+++ b/templates/web/default/static/posters.html
@@ -0,0 +1,43 @@
+[% INCLUDE header.html
+ title = 'Publicity material'
+%]
+
+[%
+ badge = '<a href="http://www.fixmystreet.com/"> <img align="left" hspace="5" src="http://www.fixmystreet.com/i/fms-badge.jpeg" alt="FixMyStreet - report, view or discuss local problems" border="0"></a>'
+%]
+
+<h1>Publicity Material</h1>
+
+<div style='float:left; width:50%'>
+ <p>Copy and paste the text below to add this badge to your site:</p>
+ [% badge %]
+ <textarea onclick="this.select()" cols=37 rows=5>[% badge | html %]</textarea>
+ <p><small>(thanks to Lincolnshire Council for the image)</small></p>
+</div>
+
+<div style='float:right; width:47%'>
+ <p>Here are some posters and flyers you can use to publicise FixMyStreet:</p>
+ <img hspace="5" src="/posters/poster.png" alt='Example poster'>
+ <h2>Posters</h2>
+ <ul>
+ <li><a href='/posters/fixmystreet-poster-a4.pdf'>A4, colour</a>
+ <li><a href='/posters/fixmystreet-poster-a4-bw.pdf'>A4, black and white</a>
+ <li><a href='/posters/fixmystreet-poster-a4-bw-low-ink.pdf'>A4, black and white, low ink</a>
+ <li><a href='/posters/fixmystreet-poster-a4-bw-outlined.pdf'>A4, black and white, outlined</a>
+ </ul>
+ <h2>Posters with tags</h2>
+ <ul>
+ <li><a href='/posters/fixmystreet-poster-tags.pdf'>A4, colour</a>
+ <li><a href='/posters/fixmystreet-poster-tags-bw.pdf'>A4, black and white</a>
+ <li><a href='/posters/fixmystreet-poster-tags-bw-low-ink.pdf'>A4, black and white, low ink</a>
+ <li><a href='/posters/fixmystreet-poster-tags-only.pdf'>A4, tags only</a>
+ </ul>
+ <h2>Flyers</h2>
+ <ul>
+ <li><a href='/posters/fixmystreet-flyers-colour.pdf'>4 x A6, colour</a>
+ <li><a href='/posters/fixmystreet-flyers-bw-outlined.pdf'>4 x A6, black and white, outlined</a>
+ <li><a href='/posters/fixmystreet-flyers-bw-low-ink.pdf'>4 x A6, black and white, low ink</a>
+ </ul>
+</div>
+
+[% INCLUDE footer.html %]