Merge pull request #130 from unisoncomputing/one-oh-banner

Add announcement for 1.0

Author: hojberg

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

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);
     }
   }
 }