Adds jsmn logo

Author: ryanmr

public/jsmn-logo.svg

@@ -1,4 +1,4 @@
-<header class="bg-jsmn-yellow shadow mb-8">
+<header class="bg-jsmn-yellow shadow">
   <nav
     class="container mx-auto p-2 max-w-3xl px-8 pt-2 flex justify-between items-center"
   >

src/includes/header.html

@@ -16,25 +16,20 @@
 ---
 
 <!-- primary content -->
-<div class="container mx-auto px-2 mb-10">
-  <div class="x-h-screen flex justify-center items-center">
-    <div>
-      <!-- <div
-        class="inline-block border-4 border-jsmn-yellow p-2 transform -rotate-25"
-      >
-        <span class="text-xl font-bold">Under Construction</span>
-      </div> -->
-      <div class="text-center">
-        <img
-          src="{{ site.baseUrl }}jsmn-logo.png"
-          alt="JavaScriptMN"
-          class="mx-auto"
-        />
-        <div class="text-4xl font-bold"><h1>JavaScriptMN</h1></div>
-        <p class="text-xl">
-          A monthly meetup for anyone interested in JavaScript and related
-          technologies in the Twin Cities.
-        </p>
+<div class="">
+  <div class="container mx-auto px-2 py-10 mb-10">
+    <div class="x-h-screen flex justify-center items-center">
+      <div>
+        <div class="text-center">
+          <div class="w-2/3 mx-auto">
+            <div class="pl-8 sm:pl-16">{% include "_logo.html" %}</div>
+          </div>
+          <div class="text-4xl font-bold"><h1>JavaScriptMN</h1></div>
+          <p class="text-xl">
+            A monthly meetup for anyone interested in JavaScript and related
+            technologies in the Twin Cities.
+          </p>
+        </div>
       </div>
     </div>
   </div>