diff --git a/_includes/header.html b/_includes/header.html
index 54383d4..7bea72a 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -15,6 +15,7 @@
 <body>
 
     <header class="header">
+      <div class="loginButton"><a href="https://www.youtube.com/watch?v=DLzxrzFCyOs">Login</a></div>
         <a class="#header"><img src="{{ "assets/images/logo-green.png" | relative_url }}" alt="Zom.bi"></a>
         <h2 class="tagline show-for-medium">The friendly neighborhood tech community</h2>
         <ul class="header-subnav show-for-medium">
diff --git a/assets/css/index.css b/assets/css/index.css
index 282237b..b62b664 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -19,6 +19,19 @@ body {
     margin-bottom: 1rem;
 }
 
+.header .loginButton {
+    display:inline;
+    position:absolute;
+    top:10px;
+    right:10px;
+    font:10px sans-serif;
+}
+
+.header .loginButton a {
+    color: #1eb513;
+    text-shadow: 1px 1px 0 #333;
+}
+
 /* header menu hides on mobile screen, no padding needed anymore */
 @media screen and (max-width:39.99em) {
     .header {
