diff --git a/app/assets/images/logo-white-notext.png b/app/assets/images/logo-white-notext.png new file mode 100644 index 0000000000..bfd590c621 Binary files /dev/null and b/app/assets/images/logo-white-notext.png differ diff --git a/app/assets/stylesheets/darkswarm/home_tagline.css.sass b/app/assets/stylesheets/darkswarm/home_tagline.css.sass index f531e21703..bc9760f03b 100644 --- a/app/assets/stylesheets/darkswarm/home_tagline.css.sass +++ b/app/assets/stylesheets/darkswarm/home_tagline.css.sass @@ -1,5 +1,6 @@ @import branding @import mixins +@import variables // Styling for brand intro / tagline on homepage @@ -8,13 +9,11 @@ height: 300px @media all and (min-width: 768px) height: 500px - &:before + &:before content: "" @include fullbg background-color: $ofn-grey background-image: url("/assets/home/home.jpg") - -webkit-filter: brightness(0.6) contrast(80%) - filter: brightness(0.6) contrast(80%) position: fixed left: 0 right: 0 @@ -24,8 +23,18 @@ height: 100% h1 - margin-top: 6rem @media all and (min-width: 768px) - margin-top: 12rem + margin-top: 5.5rem img max-width: 80% + margin-bottom: 3rem + + a.button + font-weight: bold + text-transform: uppercase + background: rgba(0, 0, 0, 0.3) + border: 3px solid #fff + text-shadow: none + &:hover + background: rgba(0, 0, 0, 0.6) + color: #fff diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index a28f76819d..b61bfb8c38 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -6,9 +6,12 @@ .small-12.text-center.columns %h1 / TODO: Rohan - logo asset & width is content manageable: - %img{src: "/assets/logo-color.png", srcset: "/assets/logo-color.svg", width: "350", height: "121", title: "Open Food Network Australia"} + -# TODO: SVGify + %img{src: "/assets/logo-white-notext.png", width: "250", title: "Open Food Network Australia"} + %br/ + %a.button.primary{href: "/shops"} + Shop now - .ng-cloak #panes = render partial: "home/cta1"