adding a simple tout until the conferecne is done

Author: Phil Hawksworth

package.json

@@ -17,7 +17,7 @@
     "build:css": "postcss src/css/tailwind.css -o dist/css/styles.css",
     "watch:html": "ELEVENTY_ENV=dev eleventy --watch --quiet",
     "watch:css": "postcss src/css/tailwind.css -o dist/css/styles.css --watch",
-    "serve": "live-server dist --quiet --port=8090",
+    "serve": "npx live-server dist --quiet --port=8090",
     "start": "npm-run-all --parallel watch:html watch:css serve",
     "clean": "rm -rf dist"
   },

src/site/css/ticker.css

@@ -8,7 +8,7 @@
 }
 
 .logos-ticker-fade {
-  background: linear-gradient(to right, rgba(14, 24, 42, 1) 0%, rgba(14, 24, 42, .01) 20%, rgba(14, 24, 42, .01) 80%, rgba(14, 24, 42, 1) 100%);
+  background: linear-gradient(to right, rgba(22, 26, 43, 1) 0%, rgba(22, 26, 43, .01) 20%, rgba(22, 26, 43, .01) 80%, rgba(22, 26, 43, 1) 100%);
   height: 100%;
   left: 0;
   position: absolute;

src/site/img/conf-2021-tout.png

@@ -5,18 +5,33 @@ layout: layouts/base.njk
 
 {% import "components/ticker.njk" as ticker %}
 {% import "components/section-heading.njk" as section %}
+{% import "components/zinger-cta.njk" as zinger %}
 
 <section class="mt-16">
   <p class="w-1/2">Comprehensive guide for building Jamstack sites and home of the global Jamstack community.</p>
   <h1 class="hero-text">The modern way to&nbsp;build <img src="/img/svg/websites-and-apps.svg" width="545" height="88" alt="Websites and Apps" class="inline-block mr-2 hero-text-img"> that delivers better performance</h1>
   <a href="/community" class="cta">Join the global community</a>
 </section>
 
-<section class="mb-20 p-0">
+<section class="mb-10 p-0">
   {{ ticker.icons() }}
   {{ ticker.main() }}
 </section>
 
+<section class="mb-10">
+  <a href="https://jamstackconf.com" class="border-2 border-white block rounded-xl shadow-lg text-center ">
+    <img src="/img/conf-2021-tout.png" alt="Jamstack Conf 2021" class="rounded-xl w-2/3 mx-auto my-8">
+    <p class="font-bold text-3xl my-0">
+      October 6-7, 2021
+    </p>
+    <p class="font-bold text-lg md:text-xl mb-10 w-2/3 md:w-1/2 mx-auto">
+      Join 20,000+ web developers to learn how it started, how it's going, and what's next!
+    </p>
+  </a>
+</section>
+
+
+
 <section class="mb-20">
   <h2>Why Jamstack</h2>
   <p class="w-2/3 mb-12">
@@ -25,6 +40,8 @@ layout: layouts/base.njk
 
   {{ section.icons() }}
 
+
+
   {{ section.benefit(
       "Better Performance",
       "#pink_lightning",

src/site/index.njk

@@ -21,7 +21,8 @@ module.exports = {
           500: "#DF4A1F",
         },
         blue : {
-          900: '#0E182A', // old
+          //900: '#0E182A', // old
+          900: '#161a2b', // old
           800: '#252D3B', // old
           300: '#718096', // old
           200: '#CBD5E0', // old