diff --git a/_includes/header.html b/_includes/header.html
index 09afd53..b0cc571 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -15,7 +15,8 @@
 <body>
 
     <header class="header">
-        <a class="#header"><img src="{{ "/assets/images/logo-green.png" | relative_url }}" alt="Zom.bi"></a>
+      <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">
           {% include menu.html %}
diff --git a/assets/css/index.css b/assets/css/index.css
index adf8cab..7b0de95 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 {
