diff --git a/src/UnisonShare/AppDocument.elm b/src/UnisonShare/AppDocument.elm index 76f28e77..27a3d962 100644 --- a/src/UnisonShare/AppDocument.elm +++ b/src/UnisonShare/AppDocument.elm @@ -1,12 +1,13 @@ module UnisonShare.AppDocument exposing (AppDocument, appDocument, map, view, withModal) import Browser exposing (Document) -import Html exposing (Html, div) +import Html exposing (Html, div, text) import Html.Attributes exposing (class, id) import Maybe.Extra as MaybeE import UI import UI.PageHeader as PageHeader exposing (PageHeader) import UnisonShare.AppHeader as AppHeader exposing (AppHeader, AppHeaderContext) +import UnisonShare.Link as Link @@ -89,7 +90,14 @@ map toMsgB { pageId, title, appHeader, pageHeader, page, modal } = viewAnnouncement : Maybe (Html msg) viewAnnouncement = - Nothing + Just + (div [ id "announcement" ] + [ div [ class "announcement_content" ] + [ text "We're thrilled to announce that" + , Link.view "🎉 Unison 1.0 is here!" (Link.link "https://unison-lang.org/unison-1-0") + ] + ] + ) view : AppHeaderContext msg -> AppDocument msg -> Document msg diff --git a/src/css/unison-share/app.css b/src/css/unison-share/app.css index 314e7316..13208d2b 100644 --- a/src/css/unison-share/app.css +++ b/src/css/unison-share/app.css @@ -18,9 +18,14 @@ body:has(#modal-overlay) { } #announcement { - --c-color_announcement_background: var(--color-green-4); - --c-color_announcement_text: var(--color-green-1); - --u-color_interactive: var(--color-green-0); + --c-color_announcement_background: linear-gradient( + -45deg, + var(--color-orange-4), + var(--color-purple-5) + ); + --c-color_announcement_text: var(--color-purple-2); + --u-color_interactive: var(--color-blue-1); + border-bottom: 2px solid var(--color-purple-4); display: flex; grid-area: announcement; @@ -41,7 +46,7 @@ body:has(#modal-overlay) { gap: 0.75rem; & a:not(.button):hover { - color: var(--color-pink-0); + color: var(--color-blue-2); } } }