opdavies/dcbristol-2019-static
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add CTA buttons

Browse source 
Add buttons to PaperCall (session submissions) and Twitter.
This commit is contained in:
Oliver Davies 2019-03-20 23:19:08 +00:00
parent fa3bc889c1
commit ec88f7a3a1
3 changed files with 26 additions and 1 deletions

9
assets/css/app.css
View file

@ -1,5 +1,14 @@
@tailwind components;
.tw-button {
@apply inline-block uppercase font-bold text-lg mx-2 py-3 px-5 text-white no-underline bg-black !important;
&:hover,
&:focus {
@apply bg-green-600 text-white !important
}
}
.tw-bg-balloon {
background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
}

15
source/index.html.twig
View file

@ -1,5 +1,8 @@
---
twitter_url: https://twitter.com/drupalcampbris
papercall:
url: ~
twitter:
url: https://twitter.com/drupalcampbris
---
<!DOCTYPE html>
<html class="tw-h-full" lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# ">
@ -40,6 +43,16 @@ twitter_url: https://twitter.com/drupalcampbris
<br class="tw-hidden md:tw-inline"><strong>The Station</strong>, Silver St, BS1 2AG.
</p>
</div>
<div class="md:tw-flex md:tw-justify-center tw-mt-8 tw-leading-snug">
<a class="tw-button tw-bg-pink-600 tw-mb-4 md:tw-mb-0" href="{{ page.papercall.url }}">
Submit a session
</a>
<a class="tw-button tw-bg-purple-600" href="{{ page.twitter.url }}">
Follow us for updates
</a>
</div>
</div>
</div>
</div>

3
tailwind.config.js
View file

@ -7,6 +7,9 @@ module.exports = {
extend: {
colors: {
black: '#000',
'green-600': '#0fa877',
'pink-600': '#ec16a8',
'purple-600': '#b33ee9',
},
variants: {
textStyle: ['responsive', 'hover', 'focus', 'hocus'],