opdavies/cardiffbjj.co.uk
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Split into partials

Browse source
This commit is contained in:
Oliver Davies 2018-08-09 23:39:58 +01:00
parent d6b21edde9
commit 05a0d0e0ba
8 changed files with 27 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
source/_layouts/default.html.twig
View file

@ -8,28 +8,8 @@
</head>
<body class="text-black bg-grey-lightest font-sans text-sm sm:text-base">
<div id="root">
<div class="bg-grey-darkest text-white antialiased block pt-4 pb-10">
<div class="container mx-auto px-4 relative">
<div class="text-center text-4xl relative">
<img src="/assets/images/logo.png" alt="" class="w-16 sm:w-24 mb-3 sm:mb-4">
<p class="uppercase font-bold tracking-wide mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
<p class="uppercase font-bold tracking-wide text-3xl sm:text-5xl">Cardiff</p>
</div>
<mobile-nav></mobile-nav>
</div>
</div>
<div class="bg-red text-white hidden sm:block">
<div class="container mx-auto">
<nav class="sm:flex sm:justify-center text-center">
<a href="/" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '//' ? 'text-green' }}">Coaches</a>
<a href="/schedule" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/schedule' ? 'text-green' }}">Schedule</a>
<a href="/membership" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/membership' ? 'text-green' }}">Membership</a>
<a href="/contact" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/contact' ? 'text-green' }}">Contact</a>
</nav>
</div>
</div>
{% include 'layout/header' %}
{% include 'layout/main-menu' %}
<div class="container mx-auto px-4">
<div class="leading-normal pt-8 sm:pt-16 pb-16 sm:pb-24">

11
source/_partials/layout/header.html.twig Normal file
View file

@ -0,0 +1,11 @@
<div class="bg-grey-darkest text-white antialiased block pt-4 pb-10">
<div class="container mx-auto px-4 relative">
<div class="text-center text-4xl relative">
<img src="/assets/images/logo.png" alt="" class="w-16 sm:w-24 mb-3 sm:mb-4">
<p class="uppercase font-bold tracking-wide mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
<p class="uppercase font-bold tracking-wide text-3xl sm:text-5xl">Cardiff</p>
</div>
<mobile-nav></mobile-nav>
</div>
</div>

10
source/_partials/layout/main-menu.html.twig Normal file
View file

@ -0,0 +1,10 @@
<div class="bg-red text-white hidden sm:block">
<div class="container mx-auto">
<nav class="sm:flex sm:justify-center text-center">
<a href="/" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '//' ? 'text-green' }}">Coaches</a>
<a href="/schedule" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/schedule' ? 'text-green' }}">Schedule</a>
<a href="/membership" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/membership' ? 'text-green' }}">Membership</a>
<a href="/contact" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/contact' ? 'text-green' }}">Contact</a>
</nav>
</div>
</div>

0
source/_partials/class-list.html.twig → source/_partials/pages/classes/class-list.html.twig
View file

0
source/_partials/contact/form.html.twig → source/_partials/pages/contact/form.html.twig
View file

0
source/_partials/contact/map.html.twig → source/_partials/pages/contact/map.html.twig
View file

4
source/contact.html.twig
View file

@ -27,8 +27,8 @@ location: |
</div>
<div class="mx-4 overflow-hidden">
{% include 'contact/map' %}
{% include 'pages/contact/map' %}
</div>
</div>
{% include 'contact/form' %}
{% include 'pages/contact/form' %}

4
source/schedule.html.twig
View file

@ -116,7 +116,7 @@ classes:
<div class="w-full md:w-1/2 px-6 mb-8 md:mb-0">
<h2 class="uppercase text-center mb-2 tracking-wide">Adults</h2>
{% include 'class-list' with {
{% include 'pages/classes/class-list' with {
classes: page.classes,
type: 'adults',
} %}
@ -125,7 +125,7 @@ classes:
<div class="w-full md:w-1/2 px-6">
<h2 class="uppercase text-center mb-2 tracking-wide">Kids</h2>
{% include 'class-list' with {
{% include 'pages/classes/class-list' with {
classes: page.classes,
type: 'kids',
} %}