Add Raw Crystal banner

crystal-lang · Nov 12, 2020 · a3ed003 · a3ed003
1 parent 4ca15d2
commit a3ed003
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 0 deletions.
diff --git a/_assets/css/_home.scss b/_assets/css/_home.scss
@@ -292,3 +292,65 @@
     }
   }
 }
+
+.top-banner {
+  background: #828282;
+
+  a {
+    color: $white;
+
+    line-height: 60px;
+    padding: 0;
+    height: 120px;
+
+    display: flex;
+    flex-flow: column;
+    flex-wrap: nowrap;
+  }
+
+  .tb-register {
+    background: #9d9d9d;
+    font-family: "Roboto Mono", monospace;
+    font-size: 1.3rem;
+    font-style: italic;
+    padding: 0 1rem;
+    text-align: center;
+  }
+
+  .tb-title {
+    font-size: 1.15rem;
+    padding: 0 0.5em;
+    text-align: center;
+  }
+
+  .tb-thin {
+    font-weight: 200;
+  }
+
+  .tb-gap {
+    flex-grow: 1;
+  }
+
+  .tb-date {
+    font-size: .9rem;
+    padding: 0 0.5em;
+    display: none;
+  }
+}
+
+@media only screen and (min-width: 841px) {
+  .top-banner {
+    a {
+      flex-flow: row;
+      height: 60px;
+    }
+
+    .tb-title {
+      text-align: left;
+    }
+
+    .tb-date {
+      display: flex;
+    }
+  }
+}
diff --git a/_includes/banner.html b/_includes/banner.html
@@ -0,0 +1,8 @@
+<div class="top-banner">
+  <a href="https://www.eventbrite.co.uk/e/raw-crystal-2020-tickets-127439094763" target="_blank">
+    <span class="tb-title">RAW CRYSTAL<span class="tb-thin"> | 2020</span></span>
+    <span class="tb-gap"></span>
+    <span class="tb-date">Dec 11</span>
+    <span class="tb-register">REGISTER AT <em>Eventbrite</em></span>
+  </a>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -16,6 +16,7 @@
     <script src='https://code.jquery.com/jquery-3.1.1.min.js' type='text/javascript'></script>
   </head>
   <body>
+    {% include banner.html %}
     <div class="wrapper {{page.custom_body_classes | join: ' '}}">
       {% include nav.html %}
       {% unless page.layout == "install" %}