Apply various FixaMinGata cobrand changes

* Add video to home page
* Add "social buttons" to home page
* Add new FixaMinGata logos
* Center postcodeForm

5 files changed, 129 insertions, 0 deletions

diff --git a/templates/web/fixamingata/index-steps.html b/templates/web/fixamingata/index-steps.html
new file mode 100644
index 000000000..05e80379f
--- /dev/null
+++ b/templates/web/fixamingata/index-steps.html
@@ -0,0 +1,43 @@
+<h2>[% loc('How to report a problem') %]</h2>
+
+<ol class="big-numbers">
+[% IF c.cobrand.moniker == 'fixmybarangay' %]
+    <li>Text <span class="promo-big">FMB LUZ</span> or <span class="promo-big">FMB BSN</span> followed by your report to
+        <ul id="promo-list">
+            <li>
+                <span class="promo-bigger">391-FMB</span> (391362) SMART short code
+            </li>
+            <li>
+                <span class="promo-bigger">0908&nbsp;896&nbsp;8278</span> for all networks
+            </li>
+        </ul>
+        <div class="promo-example">
+            For example:<br/>
+            <div>
+            FMB   LUZ   Busted streetlamp, P. Cabantan St., Pole # 12345, near Sto. Antonio Chapel
+            </div>
+        </div>
+    </li>
+    <li>Or visit the Barangay Center in person</li>
+    <li>Staff? <a href="/auth">Sign in</a> and click on the map!
+[% ELSE %]
+    <li>[% question %]</li>
+    <li>[% loc('Locate the problem on a map of the area') %]</li>
+    <li>[% loc('Enter details of the problem') %]</li>
+    [% IF c.cobrand.is_council %]
+        <li>Confirm the report and [% c.cobrand.council_name %] will investigate</li>
+    [% ELSIF c.cobrand.moniker == 'zurich' %]
+    [% ELSE %]
+        <li>[% loc('We send it to the council on your behalf') %]</li>
+    [% END %]
+[% END %]
+</ol>
+
+[% IF c.cobrand.moniker != 'emptyhomes' %]
+<section class="full-width">
+[% INCLUDE "front/stats.html" %]
+[% TRY %][% INCLUDE "front/tips.html" %][% CATCH file %][% END %]
+</section>
+[% END %]
+
+<div style="height: 329px; padding-top: 20px;"><div style="position: absolute; width: 581px;"><iframe width="581" height="329" src="//www.youtube.com/embed/hXfNPqOnp9o" frameborder="0" allowfullscreen></iframe></div></div>
diff --git a/templates/web/fixamingata/index.html b/templates/web/fixamingata/index.html
new file mode 100644
index 000000000..aa81378c6
--- /dev/null
+++ b/templates/web/fixamingata/index.html
@@ -0,0 +1,84 @@
+[%# Assumes fixmystreet cobrand is using FMS map template - for bonus points preload all the right map elements. %]
+[% map_js = BLOCK %]
+<script>
+yepnope.addPrefix( 'preload', function ( resource ) {
+    resource.noexec = true;
+    return resource;
+});
+Modernizr.load({
+    load: [
+        "preload![% version('/js/OpenLayers.fixmystreet.js') %]",
+        "preload![% version('/js/map-OpenLayers.js') %]",
+        "preload![% version('/js/map-bing-ol.js') %]",
+        "preload![% version('/js/jquery.ba-hashchange.min.js') %]"
+    ]
+});
+</script>
+[% END %]
+
+[% pre_container_extra = PROCESS 'around/postcode_form.html' %]
+[% INCLUDE 'header.html', title = '', bodyclass = 'frontpage fullwidthpage' %]
+
+[% IF error %]
+    <p class="form-error">[% error %]</p>
+[% END %]
+
+[% IF c.cobrand.moniker == 'bromley' %]
+<p>This is primarily for reporting physical problems that can be fixed
+like graffiti, cleansing issues or road defects. To report other
+kinds of problems like missed bins use our
+<a href="http://www.bromley.gov.uk/report">online report it forms</a>.
+</p>
+[% END %]
+
+<div class="tablewrapper">
+    <div id="front-howto">
+        [% INCLUDE 'index-steps.html' %]
+    </div>
+
+    [%
+        recent_photos = c.cobrand.recent_photos('front', 5);
+    %]
+
+    <div id="front-recently">
+      <div id="fb-root"></div>
+      <script>(function(d, s, id) {
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) return;
+        js = d.createElement(s); js.id = id;
+        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
+        fjs.parentNode.insertBefore(js, fjs);
+        }(document, 'script', 'facebook-jssdk'));</script>
+        <link rel="canonical" href="https://plus.google.com/105025269316032228481" />
+        <div style="height: 50px; position: relative;"><div class="fb-like" data-href="https://www.facebook.com/fixamingata" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true" style="float: left;"></div>&nbsp;&nbsp;&nbsp;<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><div style="float: left; padding-left: 20px; padding-top: 2px;"><g:plusone></g:plusone></div></div>
+        [% IF recent_photos.size %]
+        <h2>
+            [% IF c.cobrand.moniker == 'hart' %]
+                Recently reported
+            [% ELSE %]
+                [% loc('Recently reported problems') %]
+            [% END %]
+        </h2>
+
+        <section class="full-width">
+            <ul class="issue-list-a">
+            [% FOREACH problem IN recent_photos %]
+            [% INCLUDE 'report/_item.html', no_fixed = 1 %]
+            [% END %]
+            </ul>
+        </section>
+
+        <!-- [% IF c.cobrand.moniker != 'emptyhomes' %] -->
+        <!-- <section class="full-width"> -->
+        <!--   [% INCLUDE "front/stats.html" %] -->
+        <!--   [% TRY %][% INCLUDE "front/tips.html" %][% CATCH file %][% END %] -->
+        <!-- </section> -->
+        <!-- [% END %] -->
+
+        [% END %]
+    </div>
+</div>
+
+<!-- [% TRY %][% INCLUDE 'front/news.html' %][% CATCH file %][% END %] -->
+
+[% INCLUDE 'footer.html' pagefooter = 'yes' %]
diff --git a/web/cobrands/fixamingata/images/fms-logo.png b/web/cobrands/fixamingata/images/fms-logo.png
index 92634c173..314c81843 100644
--- a/web/cobrands/fixamingata/images/fms-logo.png
+++ b/web/cobrands/fixamingata/images/fms-logo.png
diff --git a/web/cobrands/fixamingata/images/sprite.png b/web/cobrands/fixamingata/images/sprite.png
index ebfd420b5..5946c4bbc 100644
--- a/web/cobrands/fixamingata/images/sprite.png
+++ b/web/cobrands/fixamingata/images/sprite.png
diff --git a/web/cobrands/fixamingata/layout.scss b/web/cobrands/fixamingata/layout.scss
index a50de3694..133fedc78 100644
--- a/web/cobrands/fixamingata/layout.scss
+++ b/web/cobrands/fixamingata/layout.scss
@@ -111,3 +111,5 @@ h3, h4 {
         }
     }
 }
+
+#postcodeForm { margin-left: -1em !important; margin-right: -1em !important; }