Add banner

myelin-ai · Feb 22, 2024 · 4d7294a · 4d7294a
1 parent 9cbc96e
commit 4d7294a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/sass/components/page-banner.scss b/sass/components/page-banner.scss
@@ -0,0 +1,15 @@
+.page-banner {
+  font-size: .8em;
+  font-weight: 600;
+  background-color: #E8CB68;
+  color: color-mix(in srgb, #E8CB68, #000 70%);
+  box-shadow: 1px 1px 2px color-mix(in srgb, #E8CB68, #000 20%);
+  text-align: center;
+  padding: .4em;
+  position: sticky;
+  top: 0;
+
+  @media (prefers-color-scheme: dark) {
+    box-shadow: 1px 1px 2px color-mix(in srgb, #E8CB68, #000 80%);
+  }
+}
diff --git a/sass/style.scss b/sass/style.scss
@@ -25,3 +25,4 @@
 @import 'components/landing-feature';
 @import 'components/landing-features';
 @import 'components/content-paragraph';
+@import 'components/page-banner.scss';
diff --git a/template.mustache b/template.mustache
@@ -16,6 +16,9 @@
     <title>{{title}}</title>
 </head>
 <body>
+  <aside class="page-banner">
+    The Myelin project is discontinued; we are no longer actively updating this website. Please do not contact us about this project.
+  </aside>
   <header class="page-header">
     <nav class="page-header-nav">
       <ul class="items">