diff options
| -rw-r--r-- | templates/web/default/index-steps.html | 19 | ||||
| -rw-r--r-- | web/cobrands/fixmybarangay/base.scss | 27 |
2 files changed, 44 insertions, 2 deletions
diff --git a/templates/web/default/index-steps.html b/templates/web/default/index-steps.html index 8a83abf07..6fae921b7 100644 --- a/templates/web/default/index-steps.html +++ b/templates/web/default/index-steps.html @@ -2,8 +2,23 @@ <ol class="big-numbers"> [% IF c.cobrand.moniker == 'fixmybarangay' %] - <li>Text LUZ or BSN followed by your report to 12345</li> - <li>Visit the Barangay Center in person</li> + <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 896 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> diff --git a/web/cobrands/fixmybarangay/base.scss b/web/cobrands/fixmybarangay/base.scss index 3bea00881..6f31f223d 100644 --- a/web/cobrands/fixmybarangay/base.scss +++ b/web/cobrands/fixmybarangay/base.scss @@ -45,3 +45,30 @@ body.mappage .nav-wrapper div.nav-wrapper-2 { border-top: 0.25em solid $fmb_tab_yellow; @include background(linear-gradient($fmb_dark_blue, $fmb_base_blue 10%, $fmb_base_blue 90%, $fmb_dark_blue)); } + +ul#promo-list { + margin: 0.5em; + li { + list-style:none; + } +} +.promo-big, .promo-bigger { + font-size: 130%; + font-weight: bold; + padding: 0 0.2em; +} +.promo-bigger { + font-size: 150%; +} +.promo-example { + font-size: 90%; + font-style: italic; + border: 1px solid #aaa; + background-color:#f0ebe8; // pale tone of background image + padding: 0.666em; + margin: 1em 1em 1em 0; + div { + font-style: normal; + font-family: monospace; + } +} |