host/julienmonnerie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit HTML structure

Browse source
This commit is contained in:
Paul Nicoué 2022-11-23 14:55:44 +01:00
parent 5e4b34ee0d
commit 07bc24cd7b
8 changed files with 4671 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

49
site/templates/home.twig
View file

@ -1,22 +1,24 @@
{% extends "base.twig" %}
{% block header %}
<header>
{% block main %}
<main>
<div class="sidebar">
<nav class="sidebar__nav" aria-label="Menu">
<section class="home-section">
<nav class="navigation" aria-label="Menu">
{% if exhibitions is not empty %}
<ul class="sidebar__nav-menu">
<ul class="navigation__menu">
{% for exhibition in exhibitions %}
<li class="sidebar__nav-item">
<a class="sidebar__nav-link" href="{{ exhibition.url }}" target="_blank">{{ exhibition.title }}</a>
<li class="navigation__item">
<a class="navigation__link" href="{{ exhibition.url }}" target="_blank">{{ exhibition.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
<div class="sidebar__social">
<a class="sidebar__social-link" href="{{ instagram }}" target="_blank" aria-label="Go to {{ site.title }}'s Instagram profile">
<div class="social">
<a class="social__link" href="{{ instagram }}" target="_blank" aria-label="Go to {{ site.title }}'s Instagram profile">
<svg class="instagram-icon" aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="instagram-icon__gradient" gradientUnits="userSpaceOnUse" x1="328.27" x2="183.73" y1="508.05" y2="3.95">
@ -47,7 +49,7 @@
<circle class="instagram-icon__white-path" cx="346.81" cy="163.23" r="21.07"/>
</svg>
</a>
<a class="sidebar__social-link" href="mailto:{{ email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
<a class="social__link" href="mailto:{{ email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
<svg class="apple-mail-icon" aria-hidden="true" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="apple-mail-icon__gradient" gradientTransform="matrix(60 0 0 -60 4071 44901)" gradientUnits="userSpaceOnUse" x1="-67.0167" x2="-67.0167" y1="748.2662" y2="746.7667">
@ -68,24 +70,23 @@
</svg>
</a>
</div>
</div>
</header>
{% endblock %}
</section>
{% block main %}
<main>
<section class="slider-section">
<section class="slider-section splide" aria-label="{{ site.title }}'s artwork gallery">
<div class="splide__track">
<ul class="splide__list">
{% for image in images %}
<li class="splide__slide" data-logo-color="{{ image.logo_color }}">
<img class="splide__image" src="{{ image.url }}" srcset="{{ image.srcset() }}" alt="{{ image.alt_text }}">
</li>
{% endfor %}
</ul>
<div class="splide" aria-label="{{ site.title }}'s artwork gallery">
<div class="splide__track">
<ul class="splide__list">
{% for image in images %}
<li class="splide__slide" data-logo-color="{{ image.logo_color }}">
<img class="splide__image" src="{{ image.url }}" srcset="{{ image.srcset() }}" alt="{{ image.alt_text }}">
</li>
{% endfor %}
</ul>
</div>
</div>
</section>
</main>