opdavies/florida-drupalcamp-tailwindcss
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add Register Now button

Browse source 
Fixes #2
This commit is contained in:
Oliver Davies 2020-12-27 04:03:37 +00:00
parent d7d778096e
commit b047ea3e4e
2 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
tailwind.config.js
View file

@ -12,8 +12,11 @@ module.exports = {
} }
}, },
colors: { colors: {
'hit-pink': '#FBA786',
blue: colors.lightBlue, blue: colors.lightBlue,
gray: colors.trueGray dandelion: '#FFDC67',
gray: colors.trueGray,
white: '#ffffff'
}, },
fontFamily: { fontFamily: {
display: ['Bebas Neue', 'Arial Narrow', 'Arial', 'sans-serif'] display: ['Bebas Neue', 'Arial Narrow', 'Arial', 'sans-serif']

13
templates/includes/home/header.html.twig
View file

@ -1,5 +1,16 @@
<div class="relative flex flex-col items-center justify-center" style="height: 700px"> <div>
<div class="relative w-full flex flex-col items-center justify-center" style="height: 700px">
<img class="h-full w-full object-cover object-center" src="/images/auditorium_blur-tablet_narrow.jpg" alt=""> <img class="h-full w-full object-cover object-center" src="/images/auditorium_blur-tablet_narrow.jpg" alt="">
<div class="absolute inset-0 bg-blue-600 opacity-60 z-10"></div> <div class="absolute inset-0 bg-blue-600 opacity-60 z-10"></div>
<img class="absolute h-4/6 z-10" src="/images/2020-logo.svg" alt=""> <img class="absolute h-4/6 z-10" src="/images/2020-logo.svg" alt="">
</div> </div>
<div class="-mt-12 flex flex-col items-center lg:-mt-16">
<a class="py-5 px-6 flex items-center space-x-4 font-display relative text-4xl z-10 text-white bg-gradient-to-r from-dandelion to-hit-pink sm:text-5xl" href="#0">
<span>Register now</span>
<span>
<svg class="w-8 h-8" 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="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
</span>
</a>
</div>
</div>