Move all files to workshop-tailwind-css/demo/florida-drupalcamp/

workshop-tailwind-css/demo/florida-drupalcamp/templates/includes/home/intro-text.html.twig

@@ -0,0 +1,5 @@
+<div class="max-w-3xl px-4 py-8 mx-auto text-center">
+    <p class="text-xl leading-loose lg:text-3xl text-blue-dark">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
+
+    <a class="inline-block px-4 py-3 mt-8 text-xl transition-colors duration-200 ease-in-out border-2 lg:px-5 lg:py-4 lg:text-3xl text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark hover:text-white focus:text-white" href="#0">Learn more</a>
+</div>

workshop-tailwind-css/demo/florida-drupalcamp/templates/includes/home/sponsors.html.twig

@@ -0,0 +1,30 @@
+<div class="px-4 mx-auto mt-10 mb-10 max-w-screen-xl">
+    <h2 class="sr-only">Sponsors</h2>
+
+    <div>
+        {% include 'includes/sponsor-list.html.twig' with {
+            title: 'Platinum Sponsors',
+            type: 'platinum',
+        } only %}
+
+        {% include 'includes/sponsor-list.html.twig' with {
+            title: 'Gold Sponsors',
+            type: 'gold',
+        } only %}
+
+        {% include 'includes/sponsor-list.html.twig' with {
+            title: 'Silver Sponsors',
+            type: 'silver',
+        } only %}
+
+        {% include 'includes/sponsor-list.html.twig' with {
+            title: 'Bronze Sponsors',
+            type: 'bronze',
+        } only %}
+
+        {% include 'includes/sponsor-list.html.twig' with {
+            title: 'In Kind Sponsors',
+            type: 'in_kind',
+        } only %}
+    </div>
+</div>

workshop-tailwind-css/demo/florida-drupalcamp/templates/includes/home/video.html.twig

@@ -0,0 +1,11 @@
+<div class="relative flex items-center justify-center px-4 mx-auto max-w-screen-2xl">
+    <video class="w-full opacity-60" poster="https://www.fldrupal.camp/sites/all/themes/fldc17/images/video-poster.jpg" preload="auto">
+        <source src="https://www.fldrupal.camp/sites/default/files/FLDC17%20Promo-high.mp4" type="video/mp4">
+    </video>
+
+    <img class="absolute w-96" src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/logo-general.svg" alt="Florida Drupalcamp Logo">
+
+    <img class="absolute w-24 h-auto left-32 top-48" src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/stars-1.svg" alt="">
+    <img class="absolute w-24 h-auto top-32 right-48" src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/stars-2.svg" alt="">
+    <img class="absolute w-20 h-auto right-80 bottom-32" src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/stars-3.svg" alt="">
+</div>

workshop-tailwind-css/demo/florida-drupalcamp/templates/includes/navbar.html.twig

@@ -0,0 +1,30 @@
+<div class="sticky top-0 z-30 px-4 mx-auto bg-white max-w-screen-2xl">
+    <div class="grid h-full grid-cols-2 gap-4">
+        <div>
+            <a class="absolute" href="#0">
+                <img class="relative z-20 w-auto h-20 md:h-24" src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/header-logo-general.svg">
+            </a>
+        </div>
+        <div class="flex items-center justify-end h-full">
+            <button class="my-4 lg:hidden" type="button" aria-label="Toggle menu">
+                <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+                </svg>
+            </button>
+
+            <ul class="justify-end hidden h-full md:flex">
+                {% for menu_item in menu_items.findAll() %}
+                    {% set linkClasses = [
+                        'block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark',
+                        menu_item.is_active ? 'text-white bg-blue'
+                    ] %}
+                    <li>
+                        <a class="{{ linkClasses|join(' ')|trim }}" href="#0">
+                            {{ menu_item.title }}
+                        </a>
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>

workshop-tailwind-css/demo/florida-drupalcamp/templates/includes/sponsor-list.html.twig

@@ -0,0 +1,27 @@
+{% set titleClasses = [
+    'text-5xl font-display',
+    type == 'bronze' ? 'text-bronze',
+    type == 'gold' ? 'text-gold',
+    type == 'in_kind' ? 'text-blue-dark',
+    type == 'platinum' ? 'text-platinum',
+    type == 'silver' ? 'text-silver',
+] %}
+
+<div class="mt-10 text-center">
+    <h2 class="{{ titleClasses|join(' ')|trim }}">{{ title }}</h2>
+
+    <div class="mt-6">
+        <ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
+            {% for sponsor in sponsors.findByType(type) %}
+            <li class="w-full mt-2 ml-2 sm:w-auto">
+                <a class="flex flex-col items-center justify-center p-4 sm:w-64 sm:h-48 sm:bg-gray-light" href="#0">
+                    <span class="flex items-center h-full">
+                        <img class="block w-4/5 max-h-full mx-auto" src="{{ sponsor.logo_url }}" alt="">
+                    </span>
+                    <p class="sr-only">{{ sponsor.name }}</p>
+                </a>
+            </li>
+            {% endfor %}
+        </ul>
+    </div>
+</div>