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

Merge branch 'buttons'

Browse source
This commit is contained in:
Oliver Davies 2019-03-27 09:34:59 +00:00
parent 235fbcfaaa 431c2c2ec4
commit 54548ce541
10 changed files with 71 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/css/app.css
View file

@ -1,7 +1,6 @@
@tailwind components;
.tw-bg-balloon {
background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
}
@import 'components/balloon.css';
@import 'components/button.css';
@tailwind utilities;

3
assets/css/components/balloon.css Normal file
View file

@ -0,0 +1,3 @@
.tw-bg-balloon {
background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
}

11
assets/css/components/button.css Normal file
View file

@ -0,0 +1,11 @@
.tw-button {
@apply block uppercase font-bold text-lg py-3 px-5 text-white no-underline bg-black !important;
@screen md {
@apply w-1/2 inline-flex items-center justify-center mx-2 !important
}
&:hover,
&:focus {
@apply bg-green-600 text-white !important
}
}

5
package.json
View file

@ -12,8 +12,9 @@
"laravel-mix": "^4.0.14"
},
"dependencies": {
"postcss-nested": "^4.1.2",
"tailwindcss": "^1.0.0-beta.3",
"tailwindcss-interaction-variants": "^1.0.0",
"tailwindcss-spaced-items": "^0.1.0",
"tailwindcss": "^1.0.0-beta.3"
"tailwindcss-spaced-items": "^0.1.0"
}
}

14
source/_includes/meta.html.twig Normal file
View file

@ -0,0 +1,14 @@
<meta charset="utf-8" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" />
<title>{{ site.title }}</title>
<link rel="stylesheet" href="/sites/default/files/css/css_3lBjB9LxWGvT5F_MnCGazkuov6eT9QNhKr0hGqtNWTk.css?osicsv" media="all" />
<link rel="stylesheet" href="/sites/default/files/css/css_Vn8-2iqzJuEPqXgw0OVLQPx82pcc6QVkRoP0hW2MEWs.css?osicsv" media="all" />
<link rel="stylesheet" href="/dist/app.css" media="all" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins:400,600,700" media="all" />
<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->

3
source/_includes/update-text.html.twig Normal file
View file

@ -0,0 +1,3 @@
<div class="tw-bg-black tw-font-bold tw-text-lg tw-text-white tw-text-center tw-p-4 tw-uppercase">
{{ page.update_text }}
</div>

48
source/index.html.twig
View file

@ -1,25 +1,15 @@
---
twitter_url: https://twitter.com/drupalcampbris
papercall:
url: https://www.papercall.io/drupalcamp-bristol-2019
twitter:
url: https://twitter.com/drupalcampbris
update_text: Session submissions are now open!
---
<!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# ">
<head>
<meta charset="utf-8" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" />
<title>{{ site.title }}</title>
<link rel="stylesheet" href="/sites/default/files/css/css_3lBjB9LxWGvT5F_MnCGazkuov6eT9QNhKr0hGqtNWTk.css?osicsv" media="all" />
<link rel="stylesheet" href="/sites/default/files/css/css_Vn8-2iqzJuEPqXgw0OVLQPx82pcc6QVkRoP0hW2MEWs.css?osicsv" media="all" />
<link rel="stylesheet" href="/dist/app.css" media="all" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins:400,600,700" media="all" />
<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->
{% include 'meta' %}
</head>
<body class="path-frontpage tw-h-full">
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
@ -28,9 +18,9 @@ twitter_url: https://twitter.com/drupalcampbris
{% include 'banner' %}
<div class="tw-flex tw-flex-col tw-flex-1 tw-bg-balloon tw-bg-center tw-bg-cover">
<div class="region tw-px-12 tw-my-16 lg:tw-my-24">
<div id="block-homepagehero" class="tw-my-6 md:tw-py-16 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="tw-mx-4">
<div class="region tw-px-12">
<div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="tw-mx-16">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div>
<div class="tw-leading-normal tw--mx-6 md:tw--mx-20 tw-spaced-y-4 clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
@ -39,19 +29,25 @@ twitter_url: https://twitter.com/drupalcampbris
<br class="tw-hidden md:tw-inline">on <strong>June 28th 2019</strong> at
<br class="tw-hidden md:tw-inline"><strong>The Station</strong>, Silver St, BS1 2AG.
</p>
<p>Session submissions opening soon!</p>
<p>
<a href="{{ page.twitter_url }}" class="tw-font-bold tw-text-black tw-no-underline focus:tw-outline-none hocus:tw-underline">Follow us on Twitter</a> to get updates!
</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
</a>
</div>
</div>
</div>
</div>
<div>
<div class="tw-bg-black tw-font-bold tw-text-lg tw-text-white tw-text-center tw-p-4 tw-uppercase">
Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div>
{% if page.update_text %}
{% include 'update-text' %}
{% endif %}
{% include 'footer' %}
</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'],

1
webpack.mix.js
View file

@ -3,4 +3,5 @@ let mix = require('laravel-mix')
mix.disableNotifications()
.postCss('assets/css/app.css', 'source/dist', [
require('tailwindcss')(),
require('postcss-nested')(),
])

10
yarn.lock
View file

@ -4804,6 +4804,14 @@ postcss-nested@^4.1.1:
postcss "^7.0.6"
postcss-selector-parser "^5.0.0-rc.4"
postcss-nested@^4.1.2:
version "4.1.2"
resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.1.2.tgz#8e0570f736bfb4be5136e31901bf2380b819a561"
integrity sha512-9bQFr2TezohU3KRSu9f6sfecXmf/x6RXDedl8CHF6fyuyVW7UqgNMRdWMHZQWuFY6Xqs2NYk+Fj4Z4vSOf7PQg==
dependencies:
postcss "^7.0.14"
postcss-selector-parser "^5.0.0"
postcss-normalize-charset@^4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4"
@ -4991,7 +4999,7 @@ postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.9:
source-map "^0.6.1"
supports-color "^5.4.0"
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.13, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
version "7.0.14"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.14.tgz#4527ed6b1ca0d82c53ce5ec1a2041c2346bbd6e5"
integrity sha512-NsbD6XUUMZvBxtQAJuWDJeeC4QFsmWsfozWxCJPWf3M55K9iu2iMDaKqyoOdTJ1R4usBXuxlVFAIo8rZPQD4Bg==