add calendar button

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "madisonlinux",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "madisonlinux",
-      "version": "0.0.1",
+      "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
         "ejs": "3.1.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "madisonlinux",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Website for upcoming Linux install party in Madison WI",
   "keywords": [
     "web",

styles/01-layout.scss

@@ -62,6 +62,12 @@ img {
     }
 }
 
+.btn {
+    padding: .4em .65em;
+    text-decoration: none;
+    border-radius: 4px;
+}
+
 .img-container {
     overflow-x: auto;
     max-width: 100%;

styles/02-colors.scss

@@ -4,14 +4,32 @@ body {
     background: linear-gradient(90deg, rgba(19, 65, 123, 1) 0%, rgba(25, 74, 136, 1) 50%, rgba(19, 65, 123, 1) 100%);
 }
 
-a, a:link, a:visited {
+a,
+a:link,
+a:visited {
     color: #fff;
+
+    &:hover {
+        color: #fff3ba;
+    }
 }
 
 blockquote {
     border-left: 5px solid #fff;
 }
 
+.btn,
+a.btn {
+    background-color: #fff;
+    color: #000;
+    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, .65);
+
+    &:hover {
+        background-color: #fff3ba;
+        color: #000;
+    }
+}
+
 .nav_links {
     background-color: #fff;
     color: #13417B;
@@ -26,4 +44,4 @@ blockquote {
             color: #fff;
         }
     }
-}
+}

views/head.ejs

@@ -14,7 +14,7 @@
 <link rel="canonical" href="<%= page.canonical%>"/>
 <% } %>
 <link rel="shortcut icon" href="/assets/svg/favicon.svg">
-<link rel="stylesheet" href="/assets/css/styles.css?v4">
+<link rel="stylesheet" href="/assets/css/styles.css?v5">
 <script nonce="<%= cspNonce %>">
     document.addEventListener("DOMContentLoaded", function() {
         document.body.classList.remove('preload');

views/index.ejs

@@ -51,6 +51,9 @@
         <p>
             Come meet us at Sector67:<br/>56 Corry St, Madison, WI 53704
         </p>
+        <p>
+            <a class="btn" href="/event.ics">🗓️ Add to Calendar</a>
+        </p>
         <p>
             If you have additional questions about the event, email me at <a href="mailto:endof10@cory.sanin.dev">endof10@cory.sanin.dev</a>
         </p>