diff options
| -rw-r--r-- | templates/web/borsetshire/around/postcode_form.html | 9 | ||||
| -rw-r--r-- | web/cobrands/borsetshire/base.scss | 41 | ||||
| -rw-r--r-- | web/cobrands/borsetshire/layout.scss | 8 |
3 files changed, 58 insertions, 0 deletions
diff --git a/templates/web/borsetshire/around/postcode_form.html b/templates/web/borsetshire/around/postcode_form.html index bb4accf26..4ad82dec6 100644 --- a/templates/web/borsetshire/around/postcode_form.html +++ b/templates/web/borsetshire/around/postcode_form.html @@ -1,3 +1,12 @@ +[% UNLESS c.user_exists %] +<div class="homepage-login-hint"> + <div class="container"> + <h2>Psssst… Want to see behind the curtain?</h2> + <p>Try out FixMyStreet as a customer service rep, a highways inspector, or a site administrator. <a href="/auth">Sign in</a> to begin!</p> + </div> +</div> +[% END %] + <div id="front-main"> <div id="front-main-container"> [% INCLUDE 'around/intro.html' %] diff --git a/web/cobrands/borsetshire/base.scss b/web/cobrands/borsetshire/base.scss index efd729545..f5113e0be 100644 --- a/web/cobrands/borsetshire/base.scss +++ b/web/cobrands/borsetshire/base.scss @@ -22,3 +22,44 @@ .site-header__fake-nav { display: none; } + +.homepage-login-hint { + padding: 1.5em 0; + background-color: rgb(0, 61, 101); + background-color: darken($color-borsetshire-blue, 20%); + color: #fff; + + .container { + position: relative; + + // Little arrow. + &:before { + content: ""; + display: block; + width: 0; + height: 0; + position: absolute; + border: 0.5em solid transparent; + border-top-width: 0; + border-bottom-color: darken($color-borsetshire-blue, 20%); + top: -1.5em; + right: 1em; + margin-top: -0.5em; + } + } + + h2 { + margin: 0; + font-size: 1.3em; + } + + p { + margin: 0.5em 0 0 0; + } + + a { + font-weight: bold; + color: inherit; + text-decoration: underline; + } +} diff --git a/web/cobrands/borsetshire/layout.scss b/web/cobrands/borsetshire/layout.scss index f4234d55f..6aa7f5801 100644 --- a/web/cobrands/borsetshire/layout.scss +++ b/web/cobrands/borsetshire/layout.scss @@ -46,3 +46,11 @@ margin: 0 0.5em 0 0; } } + +.homepage-login-hint { + .container { + &:before { + right: 16.4em; + } + } +} |