modif css

2020-01-20 11:51:20 +01:00
parent 7ca69e1549
commit b81be5ec03
178 changed files with 14005 additions and 187 deletions
@@ -0,0 +1,33 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+
+{% block header %}
+  <header>
+    <h1>
+      <a href="/">{{site.title}}</a>
+    </h1>
+  </header>
+{% endblock %}
+
+{% block body %}
+    <section class="body-wrapper" id="item_list">
+      <div id="icone_list">
+        <button class="hamburger hamburger--slider is-active" type="button">
+          <span class="hamburger-box">
+            <span class="hamburger-inner"></span>
+          </span>
+        </button>
+      </div>
+
+      {% block item %}
+          {% for child in collection %}
+              {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
+          {% endfor %}
+      {% endblock %}
+    </section>
+
+    {% block aside %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}
+
+{% endblock %}
@@ -0,0 +1,5 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    {{ page.content|raw }}
+{% endblock %}
@@ -0,0 +1,12 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+	<div id="error">
+		<div>
+			<h1>{{ 'PLUGIN_ERROR.ERROR'|t }} {{ page.header.http_response_code }}</h1>
+			<p>
+				{{ page.content|raw }}
+			</p>
+		</div>
+	</div>
+{% endblock %}
@@ -0,0 +1,32 @@
+{% extends "forms/field.html.twig" %}
+
+{% block label %}
+{% endblock %}
+
+{% block input %}
+    {% set id = field.id|default(field.name) ~ '-' ~ key %}
+    <div class="{{ form_field_wrapper_classes ?: 'form-input-wrapper' }} {{ field.size }} {{ field.wrapper_classes }}">
+        <label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
+        <input
+            {# required attribute structures #}
+            name="{{ (scope ~ field.name)|fieldName }}"
+            value="{{ value|join(', ') }}"
+            type="checkbox"
+            {% if value == true %} checked="checked" {% endif %}
+
+            {# input attribute structures #}
+            {% block input_attributes %}
+                id="{{ id|e }}"
+                {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                {% if field.style is defined %}style="{{ field.style|e }}" {% endif %}
+                {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                {% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
+                {% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
+                {% if required %}required="required"{% endif %}
+            {% endblock %}
+            />
+            <i class="form-icon"></i>
+            {{ field.label|t|e }} {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
+        </label>
+    </div>
+{% endblock %}
@@ -0,0 +1,44 @@
+{% extends "forms/field.html.twig" %}
+
+{% set originalValue = value %}
+{% set value = (value is null ? field.default : value) %}
+{% if field.use == 'keys' and field.default %}
+    {% set value = field.default|merge(value) %}
+{% endif %}
+
+{% block global_attributes %}
+    {{ parent() }}
+    data-grav-keys="{{ field.use == 'keys' ? 'true' : 'false' }}"
+    data-grav-field-name="{{ (scope ~ field.name)|fieldName }}"
+{% endblock %}
+
+{% block input %}
+    {% for key, text in field.options %}
+
+        {% set id = field.id|default(field.name) ~ '-' ~ key %}
+        {% set name = field.use == 'keys' ? key : id %}
+        {% set val = field.use == 'keys' ? '1' : key %}
+        {% set checked = (field.use == 'keys' ? value[key] : key in value) %}
+        {% set help = (key in field.help_options|keys ? field.help_options[key] : false) %}
+
+        <div class="checkboxes {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
+            <label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
+            <input type="checkbox"
+                   id="{{ id|e }}"
+                   value="{{ val|e }}"
+                   name="{{ (scope ~ field.name)|fieldName ~ '[' ~ name ~ ']' }}"
+                   {% if checked %}checked="checked"{% endif %}
+                   {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                   {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+
+            >
+                <i class="form-icon"></i>
+                {% if help %}
+                    <span class="hint--bottom" data-hint="{{ help|t|e('html_attr') }}">{{ text|t|e }}</span>
+                {% else %}
+                    {{ text|t|e }}
+                {% endif %}
+            </label>
+        </div>
+    {% endfor %}
+{% endblock %}
@@ -0,0 +1,26 @@
+{% extends "forms/field.html.twig" %}
+
+{% set originalValue = value %}
+{% set value = (value is null ? field.default : value) %}
+
+{% block input %}
+    {% for key, text in field.options %}
+        {% set id = field.id|default(field.name) ~ '-' ~ key %}
+
+        <div class="radio {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
+            <label class="{{ form_field_radio_classes }}" for="{{ id|e }}">
+            <input type="radio"
+                   value="{{ key|e }}"
+                   id="{{ id|e }}"
+                   name="{{ (scope ~ field.name)|fieldName }}"
+                   {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                   {% if key == value %}checked="checked" {% endif %}
+                   {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                   {% if required %}required="required"{% endif %}
+            />
+            <i class="form-icon"></i>
+            {% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}
+            </label>
+        </div>
+    {% endfor %}
+{% endblock %}
@@ -0,0 +1,3 @@
+{% set form_field_checkbox_classes = 'form-switch' %}
+{% extends "forms/fields/checkbox/checkbox.html.twig" %}
+
@@ -0,0 +1,39 @@
+{% extends 'partials/base.html.twig' %}
+{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
+{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
+{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
+{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
+{% set hero_image_name = page.header.hero_image %}
+
+{% block hero %}
+    {% if hero_image_name %}
+        {% set hero_image = page.media[hero_image_name] %}
+        {% set content %}
+            <h1>{{ page.title }}</h1>
+            <h2>{{ page.header.subtitle }}</h2>
+            {% include 'partials/blog/date.html.twig' %}
+            {% include 'partials/blog/taxonomy.html.twig' %}
+        {% endset %}
+        {% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
+
+    {% endif %}
+{% endblock %}
+
+{% block body %}
+<section id="body-wrapper" class="section blog-listing">
+    <section class="container {{ grid_size }}">
+
+        {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
+            {% include 'partials/breadcrumbs.html.twig' %}
+        {% endif %}
+
+        {% embed 'partials/layout.html.twig' %}
+            {% block item %}
+                {% include 'partials/blog-item.html.twig' %}
+            {% endblock %}
+
+        {% endembed %}
+
+    </section>
+</section>
+{% endblock %}
@@ -0,0 +1,22 @@
+{% macro nav_loop(page) %}
+  {% import _self as macros %}
+  {% for p in page.children.visible %}
+    {% set active_page = (p.active or p.activeChild) ? ' class="active"' : '' %}
+    {% if p.children.visible.count > 0 %}
+      <li>
+        <a href="{{ p.url }}"{{ active_page }}>
+          {{ p.menu }}
+        </a>
+        <ul>
+          {{ macros.nav_loop(p) }}
+        </ul>
+      </li>
+    {% else %}
+      <li>
+        <a href="{{ p.url }}"{{ active_page }}>
+          {{ p.menu }}
+        </a>
+      </li>
+    {% endif %}
+  {% endfor %}
+{% endmacro %}
@@ -0,0 +1,65 @@
+{% extends 'partials/base.html.twig' %}
+
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
+
+{% import _self as macro %}
+
+{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
+
+{% block javascripts %}
+    {% if show_onpage_menu %}
+        {% do assets.add('theme://js/singlepagenav.min.js') %}
+    {% endif %}
+    {{ parent() }}
+{% endblock %}
+
+{% block bottom %}
+    {{ parent() }}
+    {% if show_onpage_menu %}
+        <script>
+        // singlePageNav initialization & configuration
+        $('ul.navigation').singlePageNav({
+            offset: $('#header').outerHeight(),
+            filter: ':not(.external)',
+            updateHash: true,
+            currentClass: 'active'
+        });
+        </script>
+    {% endif %}
+{% endblock %}
+
+{% block header_navigation %}
+<!-- test -->
+    {% if show_onpage_menu %}
+        <ul class="navigation">
+        {% for module in page.collection() if module.header.visible is not same as(false) %}
+            {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
+            <li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
+        {% endfor %}
+        {% for mitem in site.menu %}
+            <li>
+                <a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
+                    {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
+                    {{ mitem.text }}
+                </a>
+            </li>
+        {% endfor %}
+        </ul>
+    {% else %}
+        {{  parent() }}
+    {% endif %}
+{% endblock %}
+
+{% block hero %}
+    {% for module in page.collection() if module.template == 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}
+    {% for module in page.collection() if module.template != 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}
@@ -0,0 +1,30 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12'  %}
+<section class="section modular-features {{ page.header.class}}">
+        <section class="container {{ grid_size }}">
+            <div class="frame-box">
+
+                {{ content|raw }}
+
+                <div class="columns">
+                {% for feature in page.header.features %}
+                   <div class="column {{ columns }}">
+                      {% if feature.url %}<a href="{{feature.url}}">{% endif %}
+                      <div class="feature-icon">
+                         <i class="fa fa-fw {{ feature.icon }}"></i>
+                         {% if feature.header %}
+                            <h6>{{ feature.header }}</h6>
+                         {% endif %}
+                      </div>
+                      {% if feature.url %}</a>{% endif %}
+                      <div class="feature-content">
+                         {% if feature.text %}
+                         <p>{{ feature.text }}</p>
+                         {% endif %}
+                      </div>
+                   </div>
+                {% endfor %}
+                </div>
+            </div>
+        </section>
+</section>
@@ -0,0 +1,4 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
+
+{% include 'partials/hero.html.twig' %}
@@ -0,0 +1,23 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set image = page.media.images|first %}
+
+<section class="section modular-text {{ page.header.class}} bg-gray">
+    <section class="container {{ grid_size }}">
+        <div class="columns {{ page.header.image_align|default('align-right') }}">
+            {% if image %}
+            <div class="column col-6 col-md-12">
+                {{ content|raw }}
+            </div>
+            <div class="column col-6 col-md-12">
+                {% if image %}
+                    {{ image.html|raw }}
+                {% endif %}
+            </div>
+            {% else %}
+            <div class="column col-12">
+                {{ content|raw }}
+            </div>
+            {% endif %}
+        </div>
+    </section>
+</section>
@@ -0,0 +1,59 @@
+{% set body_classes = body_class(['header-fixed', 'header-animated', 'header-dark', 'header-transparent', 'sticky-footer']) %}
+{% set grid_size = theme_var('grid-size') %}
+{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
+
+<!DOCTYPE html>
+<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
+<head>
+{% block head %}
+    <meta charset="utf-8" />
+    <title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'partials/metadata.html.twig' %}
+
+    <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
+    <link rel="canonical" href="{{ page.url(true, true) }}" />
+
+    {% block stylesheets %}
+        {% do assets.addCss('theme://css/hamburgers.css') %}
+        {% do assets.addCss('theme://css-compiled/theme'~compress) %}
+    {% endblock %}
+    {{ assets.css()|raw }}
+
+    {% block javascripts %}
+        {% do assets.addJs('theme://js/jquery-3.4.1.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/jquery.lazy.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+    {% endblock %}
+
+    {{ assets.js()|raw }}
+
+{% endblock head %}
+</head>
+<body id="top" class="{{ header.title|hyphenize }}">
+    {% block header %}
+    {% endblock %}
+    <section id="start">
+      {% block body %}
+        <div class="body-center" id="text_figli">
+
+            {% block content %}
+
+          {% endblock %}
+        </section>
+
+        {% block aside %}
+          {% include 'partials/sidebar.html.twig' %}
+        {% endblock %}
+
+      {% endblock %}
+    </section>
+
+{% block bottom %}
+    {{ assets.js('bottom')|raw }}
+{% endblock %}
+
+</body>
+</html>
@@ -0,0 +1,18 @@
+<div class="content-title">
+  {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+  <div>
+    {% include 'partials/blog/taxonomy.html.twig'  %}
+    {% include 'partials/blog/date.html.twig' %}
+  </div>
+
+</div>
+
+<div class="e-content">
+  {{ page.content|raw }}
+</div>
+
+<div class="card-image">
+{% for image in page.media.images %}
+    <img class="lazy" data-src="{{image.url}}" alt="images">
+{% endfor %}
+</div>
@@ -0,0 +1,42 @@
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'-', 'é':'e', ',':'',':':'','.':'','(':'',')':'','?':'', "’": '','ê':'e' }) }}{% endmacro %}
+
+{% import _self as macro %}
+
+{% set image = page.media.images|first %}
+
+{% if image %}
+<!-- card projet -->
+  <div class="card">
+    <div id="{{ page.folder }}" class="card-image">
+      <a href="{{ page.url }}">
+
+        <div class="card-header">
+          {% if page.header.title %}
+          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+          {% endif %}
+          {% if page.header.taxonomy.tag %}
+          {% include 'partials/blog/taxonomy.html.twig' %}
+          {% endif %}
+
+          {% if page.header.date %}
+          {% include 'partials/blog/date.html.twig' %}
+          {% endif %}
+        </div>
+        <img class="lazy" data-src="{{image.url}}" alt="Projet">
+      </a>
+    </div>
+  </div>
+ {% else %}
+ <!-- card commanditaire -->
+ <div class="card">
+   <div id="{{ page.folder }}" class="card-image">
+     <!-- <a href="{{ page.url }}"> -->
+       <div class="card-title">
+         {% if page.header.title %}
+          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+         {% endif %}
+       </div>
+     <!-- </a> -->
+   </div>
+ </div>
+{% endif %}
@@ -0,0 +1,6 @@
+<span>&#x2022;</span>
+<span class="blog-date">
+    <time class="dt-published" datetime="{{ page.date|date("Y") }}">
+      {{ page.date|date("Y") }}
+    </time>
+</span>
@@ -0,0 +1,32 @@
+<div class="other_projets">
+  <h3>Les autres projets <span class="{{page.parent.title|lower}}">{{page.parent.title|lower}}s</span></h3>
+  {% set collection_random = page.parent.collection|slice(1,4) %}
+
+  {% for item in collection_random %}
+    {% if item.title == page.title == false %}
+      <div class="card">
+        <div class="card-images">
+          <a href="{{item.url}}">
+          {% for image in item.media.images|slice(0,1) %}
+            {{ image.html }}
+          {% endfor %}
+          </a>
+        </div>
+        <div class="card-header">
+            {% if item.header.title %}
+              {% include 'partials/blog/title.html.twig' with { 'page': item } %}
+            {% endif %}
+            {% if item.header.taxonomy.tag %}
+            <!-- <span>&#x2022;</span> -->
+              {% include 'partials/blog/taxonomy.html.twig' with { 'page': item } %}
+            {% endif %}
+            {% if item.header.date %}
+            <!-- <span>&#x2022;</span> -->
+              {% include 'partials/blog/date.html.twig' with { 'page': item } %}
+            {% endif %}
+
+        </div>
+      </div>
+    {% endif %}
+  {% endfor %}
+</div>
@@ -0,0 +1,8 @@
+<div class="p-summary e-content">
+    {% if page.summary != page.content %}
+        {{ page.summary|raw }}
+    {% else %}
+        {{ page.content|raw }}
+    {% endif %}
+</div>
+
@@ -0,0 +1,8 @@
+{% if page.taxonomy.tag %}
+<span>&#x2022;</span>
+<span class="tags">
+    {% for tag in page.taxonomy.tag %}
+      {{ tag }}
+    {% endfor %}
+</span>
+{% endif %}
@@ -0,0 +1,12 @@
+{% set title_level = title_level ?: 'h2' %}
+
+{% if page.header.link %}
+    <{{ title_level }}>
+        {% if page.header.continue_link is not same as(false) %}
+        <a href="{{ page.url }}"><i></i></a>
+        {% endif %}
+        {{ page.title }}
+    </{{ title_level }}>
+{% else %}
+    <{{ title_level }}>{{ page.title }}</{{ title_level }}>
+{% endif %}
@@ -0,0 +1,2 @@
+<footer class="section bg-gray">
+</section>
@@ -0,0 +1,6 @@
+{% if form.message %}
+  {% set inline_errors = form.inline_errors is not null ? form.inline_errors : config.plugins.form.inline_errors(false) %}
+  {% set status_mapping = {'success':'green', 'error': 'red', 'warning': 'yellow'} %}
+  {% set message = inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
+    <div class="toast toast-{{ form.status }} {{ status_mapping[form.status] ?: 'green' }} mt-2 mb-2">{{ message|raw }}</div>
+{% endif %}
@@ -0,0 +1,7 @@
+<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url({{ hero_image.url }});"{% endif %}>
+    <div class="image-overlay"></div>
+    <section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
+        {{ content|raw }}
+    </section>
+    <i id="to-start" class="pulse fa fa-angle-down"></i>
+</section>
@@ -0,0 +1,11 @@
+    <div id="item" class="column">
+        {% block item %}{% endblock %}
+    </div>
+
+    {% block footer %}
+      {% include 'partials/blog/other_projets.html.twig' %}
+    {% endblock %}
+
+    {% block aside %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}
@@ -0,0 +1,9 @@
+{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
+<a href="{{ home_url }}" class="navbar-brand mr-10">
+{% if logo %}
+  {% set logo_file = (logo|first).name %}
+  <img src="{{ url('theme://images/logo/' ~ logo_file)  }}" alt="{{ site.name }}" />
+{% else %}
+  {% include('@images/grav-logo.svg') %}
+{% endif %}
+</a>
@@ -0,0 +1,17 @@
+{% set type_mapping = {'info':'success', 'error': 'error', 'warning': 'warning'} %}
+{% set icon_mapping = {'info':'checkmark', 'error':'wrong', 'warning':'information'} %}
+
+{% if grav.messages.all %}
+    <div id="messages">
+    {% for message in grav.messages.fetch %}
+
+        {% set scope = message.scope|e %}
+        {% set type = type_mapping[scope] %}
+        {% set icon = icon_mapping[scope] %}
+
+        <div class="toast toast-{{ type }} {{ scope }}">
+            <i class="icon dripicons-{{ icon }}"></i> {{ message.message|raw }}
+        </div>
+    {% endfor %}
+    </div>
+{% endif %}
@@ -0,0 +1,6 @@
+{% import 'macros/macros.html.twig' as macros %}
+
+<ul {{ tree ? 'class="tree"' : '' }}>
+    {{ macros.nav_loop(pages) }}
+</ul>
+
@@ -0,0 +1,15 @@
+<ul class="related-pages menu">
+    {% for related_path, score in related_pages %}
+        {% set related = grav['pages'].get(related_path) %}
+        {% if related %}
+            <li class="menu-item">
+                {% if config.plugins.relatedpages.show_score %}
+                    <div class="menu-badge">
+                        <span class="label lable-primary">{{ score }}</span>
+                    </div>
+                {% endif %}
+                <a href="{{ related.url }}" title="{{ related.title }}">{{ related.title }}</a>
+            </li>
+        {% endif %}
+    {% endfor %}
+</ul>
@@ -0,0 +1,15 @@
+<div class="sidebar-right">
+  <div id="icone_list">
+    <button class="hamburger hamburger--slider" type="button">
+      <span class="hamburger-box">
+        <span class="hamburger-inner"></span>
+      </span>
+    </button>
+  </div>
+
+  <div class="list-projets close">
+    <div class="container">
+      {% include 'partials/taxonomylist.html.twig' with { 'taxonomy':'category'} %}
+    </div>
+  </div>
+</div>
@@ -0,0 +1,26 @@
+{% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
+
+{% macro pageLinkName(text) %}
+  {{ text|lower|replace({' ':'_', 'é':'e'}) }}
+{% endmacro %}
+
+{% import _self as macro %}
+
+{% for tax,value in taxlist[taxonomy] %}
+  <ul>
+    <span class="cat">{{ tax }}</span>
+
+    {% set options = { items: {'@taxonomy': {'category': tax} } } %}
+    {% set my_collection = page.collection(options) %}
+
+    {% for i in my_collection %}
+    {% if i.media.images|first %}
+      <li class="{{i.parent.folder}}">
+        <a id="{{i.parent.folder}}" href="{{i.url}}">{{i.title}}</a>
+        {% set image = page.media.images|first %}
+      </li>
+      {% endif %}
+    {% endfor %}
+
+  </ul>
+{% endfor %}
@@ -0,0 +1,19 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block header %}
+  <header>
+    <h1>
+      <a href="/">{{site.title}} &#x2022; </a><a class="{{page.parent.title|lower}}" href="{{page.parent.url|lower}}">{{page.parent.title|lower}}</a>
+    </h1>
+  </header>
+{% endblock %}
+
+{% block body %}
+  <section id="body-wrapper">
+        {% embed 'partials/layout.html.twig' %}
+            {% block item %}
+                {% include 'partials/blog-item.html.twig' %}
+            {% endblock %}
+        {% endembed %}
+  </section>
+{% endblock %}