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

Sticky footer

Browse source
This commit is contained in:
Oliver Davies 2019-01-24 17:20:54 +00:00
parent e45c9e5927
commit b9a381a231
2 changed files with 26 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
source/css/utilities.css
View file

@ -7,8 +7,14 @@
.flex-col { flex-direction: column; }
.font-bold { font-weight: bold; }
.h-full { height: 100%; }
.items-center { align-items: center }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.mb-0 { margin-bottom: 0 !important; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.p-4 { padding: 1rem; }
.px-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.text-center { text-align: center; }
.text-lg { font-size: 1.2rem; }
.text-white { color: #FFFFFF; }

35
source/index.html.twig
View file

@ -42,30 +42,35 @@ layout: default
</nav>
</div>
</header>
<div>
<div class="region region-featured">
<div id="block-homepagehero" class="block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
<div class="flex flex-col flex-1 justify-center items-center bg-balloon bg-center bg-cover">
<div class="region">
<div id="block-homepagehero" class="px-12 py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="mx-4">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div>
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<p>DrupalCamp Bristol is returning in 2019.</p>
<p>Details coming soon!</p>
<p class="mb-0">Details coming soon!</p>
</div>
</div>
<div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div>
</div>
</div>
<footer role="contentinfo" class="bg-balloon bg-center bg-cover">
<div class="region region-footer">
<div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<p><span>DrupalCamp Bristol is a non-profit event brought to you by a team of volunteers from the<span> </span></span><a href="https://www.drupalbristol.co.uk">Bristol Drupal community</a></p>
<div>
<div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div>
<footer role="contentinfo" class="bg-balloon bg-center bg-cover">
<div class="region region-footer">
<div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<p><span>DrupalCamp Bristol is a non-profit event brought to you by a team of volunteers from the<span> </span></span><a href="https://www.drupalbristol.co.uk">Bristol Drupal community</a></p>
</div>
</div>
</div>
</div>
</footer>
</footer>
</div>
</div>
</body>
</html>