This commit is contained in:
Oliver Davies 2021-02-18 22:02:32 +00:00
commit 4a82640271
25 changed files with 1825 additions and 0 deletions

1045
build/tailwind.css Normal file

File diff suppressed because it is too large Load diff

278
index.html Normal file
View file

@ -0,0 +1,278 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tailwind CSS workshop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="stylesheet" href="build/tailwind.css" />
</head>
<body>
<div>
<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="index.html#0">
<img class="relative z-20 w-auto h-20 md:h-24" src="/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 lg:flex">
<li>
<a class="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" href="index.html#0">
Conference
</a>
</li>
<li>
<a class="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" href="index.html#0">
Sponsors
</a>
</li>
<li>
<a class="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" href="index.html#0">
Community
</a>
</li>
<li>
<a class="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" href="index.html#0">
FAQ
</a>
</li>
<li>
<a class="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 text-white bg-blue" href="index.html#0">
Register
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="relative flex items-center justify-center px-4 mx-auto max-w-screen-2xl">
<video class="w-full opacity-60" poster="/sites/all/themes/fldc17/images/video-poster.jpg" preload="auto">
<source src="/sites/default/files/FLDC17%20Promo-high.mp4" type="video/mp4">
</video>
<img class="absolute w-96" src="/sites/all/themes/fldc17/images/logo-general.svg" alt="Florida Drupalcamp Logo">
<img class="absolute w-24 h-auto left-32 top-48" src="/sites/all/themes/fldc17/images/stars-1.svg" alt="">
<img class="absolute w-24 h-auto top-32 right-48" src="/sites/all/themes/fldc17/images/stars-2.svg" alt="">
<img class="absolute w-20 h-auto right-80 bottom-32" src="/sites/all/themes/fldc17/images/stars-3.svg" alt="">
</div>
<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="index.html#0">Learn more</a>
</div>
<div class="px-4 mx-auto mt-10 mb-10 max-w-screen-xl">
<h2 class="sr-only">Sponsors</h2>
<div>
<div class="mt-10 text-center">
<h2 class="text-5xl font-display text-platinum">Platinum Sponsors</h2>
<div class="mt-6">
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/ddev1000.png" alt="">
</span>
<p class="sr-only">DDEV</p>
</a>
</li>
</ul>
</div>
</div>
<div class="mt-10 text-center">
<h2 class="text-5xl font-display text-gold">Gold Sponsors</h2>
<div class="mt-6">
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Acquia_no_tagline.png" alt="">
</span>
<p class="sr-only">Acquia</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/palantir-logo_0.png" alt="">
</span>
<p class="sr-only">Palantir.net</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/dcont-logo-v1-stacked-black-01.png" alt="">
</span>
<p class="sr-only">Drupal Contractors, by esteemed</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/lullabot.jpg" alt="">
</span>
<p class="sr-only">Lullabot</p>
</a>
</li>
</ul>
</div>
</div>
<div class="mt-10 text-center">
<h2 class="text-5xl font-display text-silver">Silver Sponsors</h2>
<div class="mt-6">
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/florida-realtors-logo.png" alt="">
</span>
<p class="sr-only">Florida Realtors Association</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/DrupalEasy%20CMYK%20Layered_0.png" alt="">
</span>
<p class="sr-only">DrupalEasy</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/SpecbeeLogo-800x800.png" alt="">
</span>
<p class="sr-only">Specbee</p>
</a>
</li>
</ul>
</div>
</div>
<div class="mt-10 text-center">
<h2 class="text-5xl font-display text-bronze">Bronze Sponsors</h2>
<div class="mt-6">
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/logo_devPanel_800x800_3.png" alt="">
</span>
<p class="sr-only">devPanel</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Promet_Logo_Master-04.png" alt="">
</span>
<p class="sr-only">Promet Source</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/hotsauce_logo.png" alt="">
</span>
<p class="sr-only">Hot Sauce</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/CLoud-NYNE-Design.jpg" alt="">
</span>
<p class="sr-only">CLoud NYNE Design</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Bluehorn%20Digital%20Logo%20-%204C.png" alt="">
</span>
<p class="sr-only">Bluehorn Digital</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/newlogo-webops_New%20logo%20-black%20fist%20tagline.png" alt="">
</span>
<p class="sr-only">Pantheon</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/DesignHammer%20%281%29.png" alt="">
</span>
<p class="sr-only">DesignHammer</p>
</a>
</li>
</ul>
</div>
</div>
<div class="mt-10 text-center">
<h2 class="text-5xl font-display text-blue-dark">In Kind Sponsors</h2>
<div class="mt-6">
<ul class="flex flex-wrap justify-center mx-auto -mt-2 -ml-2">
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/twd-square-logo.png" alt="">
</span>
<p class="sr-only">The Weekly Drop</p>
</a>
</li>
<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="index.html#0">
<span class="flex items-center h-full">
<img class="block w-4/5 max-h-full mx-auto" src="/sites/default/files/styles/medium/public/Kanopi_Logo_Horiz_RGB.png" alt="">
</span>
<p class="sr-only">Kanopi Studios</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="py-10 bg-blue-dark">
<div class="px-4 mx-auto max-w-screen-2xl">
<p class="text-white">A clone of the <a class="underline" href="">DrupalCamp Florida website</a>, built by <a class="underline" href="https://www.oliverdavies.uk">Oliver Davies</a>, for his Tailwind CSS training workshop.</p>
</div>
</footer>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 32 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 154 KiB

View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16.306px" height="23.25px" viewBox="0 0 16.306 23.25" enable-background="new 0 0 16.306 23.25" xml:space="preserve">
<path fill="#2F94D1" d="M16.306,17.081c-5.521,0.357-5.811,0.646-6.169,6.169c-0.356-5.522-0.647-5.812-6.169-6.169
c5.521-0.357,5.812-0.648,6.169-6.17C10.495,16.435,10.784,16.724,16.306,17.081"/>
<path fill="#2F94D1" d="M7.045,8.3c-3.153,0.204-3.318,0.37-3.522,3.522C3.318,8.67,3.152,8.504,0,8.3
c3.152-0.204,3.318-0.37,3.523-3.521C3.727,7.93,3.892,8.096,7.045,8.3"/>
<path fill="#2F94D1" d="M10.258,1.083c0,0.598-0.483,1.082-1.082,1.082c-0.598,0-1.083-0.484-1.083-1.082
C8.093,0.484,8.578,0,9.176,0C9.774,0,10.258,0.484,10.258,1.083"/>
<path fill="#CFECFB" d="M4.966,21.892c0,0.6-0.484,1.084-1.083,1.084c-0.598,0-1.082-0.484-1.082-1.084
c0-0.598,0.484-1.082,1.082-1.082C4.482,20.81,4.966,21.294,4.966,21.892"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="27.286px" height="29.972px" viewBox="0 0 27.286 29.972" enable-background="new 0 0 27.286 29.972" xml:space="preserve">
<path fill="#CFECFB" d="M20.228,22.32c-6.85,0.442-7.209,0.805-7.652,7.651c-0.444-6.849-0.804-7.209-7.653-7.651
c6.849-0.441,7.209-0.805,7.653-7.651C13.019,21.516,13.378,21.877,20.228,22.32"/>
<path fill="#2F94D1" d="M8.739,11.428c-3.911,0.254-4.116,0.458-4.369,4.369C4.116,11.886,3.911,11.682,0,11.428
c3.911-0.254,4.116-0.459,4.37-4.369C4.623,10.969,4.828,11.174,8.739,11.428"/>
<path fill="#2F94D1" d="M27.286,6.057c-5.421,0.352-5.705,0.636-6.056,6.057c-0.351-5.42-0.635-5.705-6.056-6.057
C20.595,5.705,20.879,5.42,21.229,0C21.58,5.42,21.865,5.705,27.286,6.057"/>
<path fill="#2F94D1" d="M12.725,2.475c0,0.742-0.602,1.344-1.343,1.344c-0.742,0-1.344-0.602-1.344-1.344
c0-0.74,0.602-1.343,1.344-1.343C12.123,1.132,12.725,1.734,12.725,2.475"/>
<path fill="#2F94D1" d="M6.16,28.287c0,0.742-0.602,1.344-1.343,1.344c-0.742,0-1.343-0.602-1.343-1.344
c0-0.74,0.601-1.345,1.343-1.345C5.558,26.945,6.16,27.547,6.16,28.287"/>
<path fill="#2F94D1" d="M23.02,17.246c0,0.742-0.602,1.344-1.343,1.344c-0.742,0-1.343-0.602-1.343-1.344
c0-0.74,0.601-1.344,1.343-1.344C22.418,15.904,23.02,16.506,23.02,17.246"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="27.285px" height="29.973px" viewBox="0 0 27.285 29.973" enable-background="new 0 0 27.285 29.973" xml:space="preserve">
<path fill="#2F94D1" d="M20.228,22.32c-6.851,0.443-7.209,0.804-7.651,7.652c-0.443-6.849-0.805-7.209-7.652-7.652
c6.85-0.443,7.209-0.803,7.652-7.652C13.019,21.518,13.377,21.877,20.228,22.32"/>
<path fill="#CFECFB" d="M8.738,11.428c-3.91,0.253-4.115,0.459-4.369,4.369C4.115,11.887,3.91,11.681,0,11.428
c3.91-0.254,4.115-0.459,4.369-4.37C4.621,10.969,4.826,11.174,8.738,11.428"/>
<path fill="#2F94D1" d="M27.285,6.057c-5.42,0.351-5.705,0.636-6.059,6.056c-0.352-5.42-0.635-5.705-6.056-6.056
C20.592,5.705,20.875,5.421,21.227,0C21.58,5.421,21.865,5.705,27.285,6.057"/>
<path fill="#2F94D1" d="M12.725,2.476c0,0.741-0.604,1.343-1.344,1.343c-0.741,0-1.344-0.602-1.344-1.343
c0-0.742,0.603-1.343,1.344-1.343C12.121,1.133,12.725,1.734,12.725,2.476"/>
<path fill="#2F94D1" d="M6.16,28.289c0,0.741-0.603,1.343-1.345,1.343c-0.739,0-1.343-0.602-1.343-1.343
c0-0.742,0.604-1.343,1.343-1.343C5.558,26.945,6.16,27.546,6.16,28.289"/>
<path fill="#CFECFB" d="M23.02,17.248c0,0.741-0.604,1.343-1.344,1.343s-1.344-0.602-1.344-1.343c0-0.742,0.604-1.344,1.344-1.344
C22.416,15.903,23.02,16.505,23.02,17.248"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB