Operationalise the visual brand 🙃
continuous-integration/drone/push Build is passing Details

This commit is contained in:
3wc 2021-04-24 21:23:33 +02:00
parent 0192ec4131
commit a507f5f969
1 changed files with 14 additions and 4 deletions

View File

@ -10,7 +10,7 @@ module Shared exposing
import Browser.Navigation exposing (Key)
import Html exposing (..)
import Html.Attributes exposing (class, href)
import Html.Attributes exposing (class, href, src, alt, width, height, style)
import Spa.Document exposing (Document)
import Spa.Generated.Route as Route
import Url exposing (Url)
@ -69,10 +69,20 @@ view { page, toMsg } model =
{ title = page.title
, body =
[ div [ class "bg-dark" ]
[ nav [ class "navbar navbar-expand-lg navbar-dark bg-primary sticky-top" ]
[ a [ class "navbar-brand", href (Route.toString Route.Top) ] [ text "abra apps" ]
[ nav
[ class "navbar navbar-expand-lg sticky-top font-weight-bold"
, style "background" "#ff4f88" ]
[ a [ class "navbar-brand text-dark", href (Route.toString Route.Top) ]
[ img
[ src "/logo.png"
, class "d-inline-block align-top mr-2"
, alt ""
, width 30
, height 30 ] []
, text "abra apps"
]
, ul [ class "navbar-nav" ]
[ li [ class "nav-tem" ] [ a [ class "nav-link", href (Route.toString Route.About) ] [ text "about" ] ]
[ li [ class "nav-tem" ] [ a [ class "nav-link text-dark", href (Route.toString Route.About) ] [ text "about" ] ]
]
]
, div [ class "container-fluid" ] page.body