From 1e7491e0d9f39ac6d49e4078cf445ca69e71020a Mon Sep 17 00:00:00 2001
From: Maarten Billemont <lhunath@lyndir.com>
Date: Tue, 6 Apr 2021 09:36:36 -0400
Subject: [PATCH] Point to spectre.app

---
 _includes/header.html |  3 +++
 _sass/_layout.scss    | 24 +++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/_includes/header.html b/_includes/header.html
index dcfa44d9..ab589678 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,3 +1,6 @@
+<div id="spectre">
+    <p>Master Password is evolving. Our next generation of privacy-first digital security is called <a href="https://spectre.app">Spectre</a>.</p>
+</div>
 <header class="{{ page.header }}">
     <nav>
         <a href="{% link index.html %}" data-hero="main">Master Password</a>
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index fcf78e64..3bcab045 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -82,6 +82,28 @@ nav {
         }
     }
 }
+#spectre {
+    display:                flex;
+    align-items:            center;
+    justify-content:        center;
+    height:                 2em;
+    transition:             all .38s ease-in 0s;
+    background:             #0E3345 url("https://spectre.app/images/iphone.png") no-repeat 107% 53%;
+    color:                  #41A0A0;
+    border-bottom:          1px solid #173D50;
+
+    &:hover {
+        height:             5em;
+    }
+
+    p {
+        margin:             0;
+    }
+
+    a, a:link, a:visited, a:hover {
+        color:              #F0FFFF;
+    }
+}
 header, section {
     width:                  100%;
 }
@@ -131,7 +153,7 @@ header {
         text-align:         center;
     }
     nav:first-child {
-        position:           fixed;
+        position:           absolute;
         padding:            0 20px;
         margin:             0;
         left:               0;