Add gallery, about and error pages
This commit is contained in:
Paul Nicoué
parent
fab69b64a1
commit
d272a8752b
48 changed files with 1424 additions and 1138 deletions
|
|
@ -1,16 +1,16 @@
|
|||
title: Artwork
|
||||
accept:
|
||||
mime: image/jpeg, image/png, video/mp4
|
||||
mime: image/jpeg, image/png, video/mp4
|
||||
fields:
|
||||
alt_text:
|
||||
when:
|
||||
file_type: image
|
||||
label:
|
||||
en: Alternative text
|
||||
fr: Texte alternatif
|
||||
type: text
|
||||
caption:
|
||||
label:
|
||||
en: Caption
|
||||
fr: Légende
|
||||
type: text
|
||||
alt_text:
|
||||
when:
|
||||
file_type: image
|
||||
label:
|
||||
en: Alternative text
|
||||
fr: Texte alternatif
|
||||
type: text
|
||||
caption:
|
||||
label:
|
||||
en: Caption
|
||||
fr: Légende
|
||||
type: text
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
title: Favicon
|
||||
accept:
|
||||
mime: image/png
|
||||
mime: image/png
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
title: Image
|
||||
accept:
|
||||
mime: image/jpeg, image/png
|
||||
mime: image/jpeg, image/png
|
||||
fields:
|
||||
alt_text:
|
||||
label:
|
||||
en: Alternative text
|
||||
fr: Texte alternatif
|
||||
type: text
|
||||
caption:
|
||||
label:
|
||||
en: Caption
|
||||
fr: Légende
|
||||
type: text
|
||||
alt_text:
|
||||
label:
|
||||
en: Alternative text
|
||||
fr: Texte alternatif
|
||||
type: text
|
||||
caption:
|
||||
label:
|
||||
en: Caption
|
||||
fr: Légende
|
||||
type: text
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
title:
|
||||
en: About
|
||||
fr: À propos
|
||||
en: About
|
||||
fr: À propos
|
||||
icon: text
|
||||
status:
|
||||
draft: true
|
||||
unlisted: true
|
||||
draft: true
|
||||
unlisted: true
|
||||
options:
|
||||
changeSlug: false
|
||||
changeStatus: false
|
||||
changeTemplate: false
|
||||
changeTitle: false
|
||||
delete: false
|
||||
duplicate: false
|
||||
changeSlug: false
|
||||
changeStatus: false
|
||||
changeTemplate: false
|
||||
changeTitle: false
|
||||
delete: false
|
||||
duplicate: false
|
||||
tabs:
|
||||
content: tabs/about_content
|
||||
seo: tabs/about_seo
|
||||
content: tabs/about_content
|
||||
seo: tabs/about_seo
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
title:
|
||||
en: Error
|
||||
fr: Erreur
|
||||
en: Error
|
||||
fr: Erreur
|
||||
options:
|
||||
read: false
|
||||
read: false
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
title:
|
||||
en: Gallery
|
||||
fr: Galerie
|
||||
en: Gallery
|
||||
fr: Galerie
|
||||
icon: file-image
|
||||
status:
|
||||
draft: true
|
||||
listed: true
|
||||
draft: true
|
||||
listed: true
|
||||
tabs:
|
||||
content: tabs/gallery_content
|
||||
seo: tabs/gallery_seo
|
||||
content: tabs/gallery_content
|
||||
seo: tabs/gallery_seo
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
title:
|
||||
en: Home
|
||||
fr: Accueil
|
||||
en: Home
|
||||
fr: Accueil
|
||||
icon: home
|
||||
status:
|
||||
draft: true
|
||||
unlisted: true
|
||||
draft: true
|
||||
unlisted: true
|
||||
options:
|
||||
changeSlug: false
|
||||
changeStatus: false
|
||||
changeTemplate: false
|
||||
changeTitle: false
|
||||
delete: false
|
||||
duplicate: false
|
||||
changeSlug: false
|
||||
changeStatus: false
|
||||
changeTemplate: false
|
||||
changeTitle: false
|
||||
delete: false
|
||||
duplicate: false
|
||||
tabs:
|
||||
content: tabs/home_content
|
||||
seo: tabs/home_seo
|
||||
content: tabs/home_content
|
||||
seo: tabs/home_seo
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
type: fields
|
||||
fields:
|
||||
text:
|
||||
label:
|
||||
en: Presentation text
|
||||
fr: Texte de présentation
|
||||
type: textarea
|
||||
size: large
|
||||
required: true
|
||||
text:
|
||||
label:
|
||||
en: Presentation text
|
||||
fr: Texte de présentation
|
||||
type: textarea
|
||||
size: large
|
||||
required: true
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
headline:
|
||||
en: Artworks
|
||||
fr: Œuvres
|
||||
en: Artworks
|
||||
fr: Œuvres
|
||||
type: files
|
||||
template: artwork
|
||||
min: 1
|
||||
layout: cards
|
||||
size: small
|
||||
image:
|
||||
ratio: 1/1
|
||||
back: white
|
||||
ratio: 1/1
|
||||
back: white
|
||||
|
|
|
|||
|
|
@ -1,8 +1,17 @@
|
|||
type: fields
|
||||
fields:
|
||||
text:
|
||||
label:
|
||||
en: Introduction text
|
||||
fr: Texte d'introduction
|
||||
type: textarea
|
||||
size: medium
|
||||
text:
|
||||
label:
|
||||
en: Introduction text
|
||||
fr: Texte d'introduction
|
||||
type: textarea
|
||||
size: medium
|
||||
buttons:
|
||||
- bold
|
||||
- italic
|
||||
- '|'
|
||||
- link
|
||||
- email
|
||||
- '|'
|
||||
- ul
|
||||
- '|'
|
||||
|
|
|
|||
|
|
@ -1,55 +1,56 @@
|
|||
type: fields
|
||||
fields:
|
||||
meta_description:
|
||||
label: Description
|
||||
type: textarea
|
||||
size: small
|
||||
buttons: false
|
||||
# required: true
|
||||
help:
|
||||
en: "Short description of the page displayed by search engines and social networks (recommended maximum length: 160 characters)."
|
||||
fr: "Courte description de la page affichée par les moteurs de recherche et les réseaux sociaux (taille maximale conseillée : 160 caractères)."
|
||||
width: 3/4
|
||||
gap:
|
||||
type: gap
|
||||
width: 1/4
|
||||
meta_image:
|
||||
label: Image
|
||||
type: files
|
||||
layout: cardlets
|
||||
image:
|
||||
cover: true
|
||||
multiple: false
|
||||
# required: true
|
||||
help:
|
||||
en: "Image displayed by social networks (format: JPEG or PNG)."
|
||||
fr: "Image affichée par les réseaux sociaux (format : JPEG ou PNG)."
|
||||
width: 1/4
|
||||
# Hidden fields
|
||||
og_image:
|
||||
type: hidden
|
||||
default:
|
||||
og_type:
|
||||
type: hidden
|
||||
default: article
|
||||
twitter_image:
|
||||
type: hidden
|
||||
default:
|
||||
twitter_card_type:
|
||||
type: hidden
|
||||
default: summary_large_image
|
||||
robots_noindex:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_nofollow:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_noarchive:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_noimageindex:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_nosnippet:
|
||||
type: hidden
|
||||
default: default
|
||||
meta_description:
|
||||
label: Description
|
||||
type: textarea
|
||||
size: small
|
||||
buttons: false
|
||||
# required: true
|
||||
help:
|
||||
en: "Short description of the page displayed by search engines and social networks (recommended maximum length: 160 characters)."
|
||||
fr: "Courte description de la page affichée par les moteurs de recherche et les réseaux sociaux (taille maximale conseillée : 160 caractères)."
|
||||
width: 3/4
|
||||
gap:
|
||||
type: gap
|
||||
width: 1/4
|
||||
meta_image:
|
||||
label: Image
|
||||
type: files
|
||||
layout: cardlets
|
||||
image:
|
||||
cover: true
|
||||
back: white
|
||||
multiple: false
|
||||
# required: true
|
||||
help:
|
||||
en: "Image displayed by social networks (format: JPEG or PNG)."
|
||||
fr: "Image affichée par les réseaux sociaux (format : JPEG ou PNG)."
|
||||
width: 1/4
|
||||
# Hidden fields
|
||||
og_image:
|
||||
type: hidden
|
||||
default:
|
||||
og_type:
|
||||
type: hidden
|
||||
default: article
|
||||
twitter_image:
|
||||
type: hidden
|
||||
default:
|
||||
twitter_card_type:
|
||||
type: hidden
|
||||
default: summary_large_image
|
||||
robots_noindex:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_nofollow:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_noarchive:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_noimageindex:
|
||||
type: hidden
|
||||
default: default
|
||||
robots_nosnippet:
|
||||
type: hidden
|
||||
default: default
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
headline:
|
||||
en: Background image
|
||||
fr: Image de fond
|
||||
en: Background image
|
||||
fr: Image de fond
|
||||
type: files
|
||||
template: image
|
||||
min: 1
|
||||
|
|
@ -8,5 +8,5 @@ max: 1
|
|||
layout: cards
|
||||
size: medium
|
||||
image:
|
||||
ratio: 1/1
|
||||
back: white
|
||||
ratio: 1/1
|
||||
back: white
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
headline:
|
||||
en: Galleries
|
||||
fr: Galeries
|
||||
en: Galleries
|
||||
fr: Galeries
|
||||
type: pages
|
||||
template: gallery
|
||||
min: 1
|
||||
|
|
@ -8,6 +8,6 @@ max: 7
|
|||
layout: cards
|
||||
size: small
|
||||
image:
|
||||
ratio: 1/1
|
||||
cover: true
|
||||
back: white
|
||||
ratio: 1/1
|
||||
cover: true
|
||||
back: white
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
headline:
|
||||
en: Pages
|
||||
fr: Pages
|
||||
en: Pages
|
||||
fr: Pages
|
||||
type: pages
|
||||
templates:
|
||||
- home
|
||||
- about
|
||||
- home
|
||||
- about
|
||||
create: false
|
||||
layout: cardlets
|
||||
image:
|
||||
cover: true
|
||||
back: white
|
||||
cover: true
|
||||
back: white
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
type: fields
|
||||
fields:
|
||||
email:
|
||||
label:
|
||||
en: Email
|
||||
fr: Adresse e-mail
|
||||
type: email
|
||||
required: true
|
||||
width: 1/2
|
||||
gap:
|
||||
type: gap
|
||||
width: 1/2
|
||||
instagram:
|
||||
type: url
|
||||
label:
|
||||
en: Instagram account
|
||||
fr: Compte Instagram
|
||||
icon: instagram
|
||||
required: true
|
||||
width: 1/2
|
||||
email:
|
||||
label:
|
||||
en: Email
|
||||
fr: Adresse e-mail
|
||||
type: email
|
||||
required: true
|
||||
width: 1/2
|
||||
gap:
|
||||
type: gap
|
||||
width: 1/2
|
||||
instagram:
|
||||
type: url
|
||||
label:
|
||||
en: Instagram account
|
||||
fr: Compte Instagram
|
||||
icon: instagram
|
||||
required: true
|
||||
width: 1/2
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
type: fields
|
||||
fields:
|
||||
favicon:
|
||||
label: Favicon
|
||||
type: files
|
||||
template: favicon
|
||||
layout: cardlets
|
||||
multiple: false
|
||||
required: true
|
||||
help:
|
||||
en: "Image displayed on web browser tabs (file format: PNG)."
|
||||
fr: "Image affichée sur les onglets des navigateurs internet (format : PNG)."
|
||||
width: 1/4
|
||||
favicon:
|
||||
label: Favicon
|
||||
type: files
|
||||
template: favicon
|
||||
layout: cardlets
|
||||
multiple: false
|
||||
required: true
|
||||
help:
|
||||
en: "Image displayed on web browser tabs (file format: PNG)."
|
||||
fr: "Image affichée sur les onglets des navigateurs internet (format : PNG)."
|
||||
width: 1/4
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
title:
|
||||
en: Website
|
||||
fr: Site web
|
||||
en: Website
|
||||
fr: Site web
|
||||
tabs:
|
||||
content: tabs/site_content
|
||||
seo: tabs/site_informations
|
||||
analytics: tabs/site_analytics
|
||||
content: tabs/site_content
|
||||
seo: tabs/site_informations
|
||||
analytics: tabs/site_analytics
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
label:
|
||||
en: Content
|
||||
fr: Contenu
|
||||
en: Content
|
||||
fr: Contenu
|
||||
icon: text
|
||||
sections:
|
||||
presentation: sections/about_content_presentation
|
||||
presentation: sections/about_content_presentation
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
label:
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
icon: search
|
||||
sections:
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
label:
|
||||
en: Content
|
||||
fr: Contenu
|
||||
en: Content
|
||||
fr: Contenu
|
||||
icon: text
|
||||
sections:
|
||||
introduction: sections/gallery_content_introduction
|
||||
artworks: sections/gallery_content_artworks
|
||||
introduction: sections/gallery_content_introduction
|
||||
artworks: sections/gallery_content_artworks
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
label:
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
icon: search
|
||||
sections:
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
label:
|
||||
en: Content
|
||||
fr: Contenu
|
||||
en: Content
|
||||
fr: Contenu
|
||||
icon: text
|
||||
sections:
|
||||
background_image: sections/home_content_background_image
|
||||
background_image: sections/home_content_background_image
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
label:
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
en: SEO
|
||||
fr: Référencement
|
||||
icon: search
|
||||
sections:
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
seo_basic_meta: sections/generic_seo_metadata
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
label:
|
||||
en: Analytics
|
||||
fr: Audience
|
||||
en: Analytics
|
||||
fr: Audience
|
||||
icon: chart
|
||||
columns:
|
||||
- width: 1/4
|
||||
sticky: true
|
||||
sections:
|
||||
sidebar:
|
||||
type: matomo-sidebar
|
||||
link: false
|
||||
- width: 3/4
|
||||
sections:
|
||||
main:
|
||||
type: matomo-main
|
||||
- width: 1/4
|
||||
sticky: true
|
||||
sections:
|
||||
sidebar:
|
||||
type: matomo-sidebar
|
||||
link: false
|
||||
- width: 3/4
|
||||
sections:
|
||||
main:
|
||||
type: matomo-main
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
label:
|
||||
en: Website
|
||||
fr: Site web
|
||||
en: Website
|
||||
fr: Site web
|
||||
icon: home
|
||||
columns:
|
||||
- width: 1/4
|
||||
sticky: true
|
||||
sections:
|
||||
pages: sections/site_content_pages
|
||||
- width: 3/4
|
||||
sections:
|
||||
galleries: sections/site_content_galleries
|
||||
- width: 1/4
|
||||
sticky: true
|
||||
sections:
|
||||
pages: sections/site_content_pages
|
||||
- width: 3/4
|
||||
sections:
|
||||
galleries: sections/site_content_galleries
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
label: Informations
|
||||
icon: info
|
||||
sections:
|
||||
seo_favicon: sections/site_informations_favicon
|
||||
seo_informations: sections/site_informations_contact
|
||||
seo_favicon: sections/site_informations_favicon
|
||||
seo_informations: sections/site_informations_contact
|
||||
|
|
|
|||
|
|
@ -1,20 +1,18 @@
|
|||
title:
|
||||
en: Administrator
|
||||
fr: Administrateur·ice
|
||||
|
||||
en: Administrator
|
||||
fr: Administrateur·ice
|
||||
description:
|
||||
en: The Administrator has all rights
|
||||
fr: L'Administrateur·ice dispose de tous les droits
|
||||
|
||||
en: The Administrator has all rights
|
||||
fr: L'Administrateur·ice dispose de tous les droits
|
||||
sections:
|
||||
info:
|
||||
headline:
|
||||
en: Website
|
||||
fr: Site internet
|
||||
theme: none
|
||||
width: 1/2
|
||||
text:
|
||||
en: |
|
||||
(link: https://paulnicoue.com text: paulnicoue.com target: _blank)
|
||||
fr: |
|
||||
(link: https://www.paulnicoue.com text: paulnicoue.com target: _blank)
|
||||
info:
|
||||
headline:
|
||||
en: Website
|
||||
fr: Site internet
|
||||
theme: none
|
||||
width: 1/2
|
||||
text:
|
||||
en: |
|
||||
(link: https://paulnicoue.com text: paulnicoue.com target: _blank)
|
||||
fr: |
|
||||
(link: https://www.paulnicoue.com text: paulnicoue.com target: _blank)
|
||||
|
|
|
|||
|
|
@ -1,31 +1,29 @@
|
|||
title:
|
||||
en: Editor
|
||||
fr: Éditeur·ice
|
||||
|
||||
en: Editor
|
||||
fr: Éditeur·ice
|
||||
description:
|
||||
en: The Editor can create and edit pages
|
||||
fr: L'éditeur·ice peut créer et modifier des pages
|
||||
|
||||
en: The Editor can create and edit pages
|
||||
fr: L'éditeur·ice peut créer et modifier des pages
|
||||
permissions:
|
||||
access:
|
||||
settings: false
|
||||
languages:
|
||||
create: false
|
||||
delete: false
|
||||
site:
|
||||
changeTitle: false
|
||||
user:
|
||||
changeRole: false
|
||||
delete: false
|
||||
users:
|
||||
changeEmail: false
|
||||
changeLanguage: false
|
||||
changeName: false
|
||||
changePassword: false
|
||||
changeRole: false
|
||||
create: false
|
||||
delete: false
|
||||
update: false
|
||||
access:
|
||||
settings: false
|
||||
languages:
|
||||
create: false
|
||||
delete: false
|
||||
site:
|
||||
changeTitle: false
|
||||
user:
|
||||
changeRole: false
|
||||
delete: false
|
||||
users:
|
||||
changeEmail: false
|
||||
changeLanguage: false
|
||||
changeName: false
|
||||
changePassword: false
|
||||
changeRole: false
|
||||
create: false
|
||||
delete: false
|
||||
update: false
|
||||
|
||||
sections:
|
||||
info: false
|
||||
info: false
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ return [
|
|||
}
|
||||
}
|
||||
],
|
||||
// Thumbs
|
||||
// Thumbnails and srcsets presets
|
||||
'thumbs' => [
|
||||
'srcsets' => [
|
||||
'default' => [500, 1000, 1500]
|
||||
|
|
|
|||
16
site/templates/about.twig
Normal file
16
site/templates/about.twig
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% extends "base.twig" %}
|
||||
|
||||
{% block main %}
|
||||
<main>
|
||||
|
||||
<section class="about-section">
|
||||
|
||||
<article class="about">
|
||||
<h2 class="about__title">{{ page.title }}</h2>
|
||||
<div class="about__presentation">{{ page.text.kirbytext|raw }}</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
<link rel="icon" type="image/png" href="{{ site.favicon }}" />
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/minireset.min.css') }}"/>
|
||||
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css" />
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/style.min.css') }}"/>
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<div class="header-bar">
|
||||
|
||||
<div class="header-bar__logo" aria-hidden="true">
|
||||
<a class="header-bar__logo-link" href="{{ site.homePage.url }}" target="_self" aria-label="Accéder à la page d'accueil de {{ site.title }}" tabindex="-1">
|
||||
<a class="header-bar__logo-link" href="{{ site.homePage.url }}" target="_self" aria-label="Accéder à la page d'accueil de {{ site.title }}">
|
||||
<h1 class="header-bar__logo-title">{{ site.title }}</h1>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -73,6 +73,7 @@
|
|||
|
||||
{% block javascripts %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/circletype@2.3.0/dist/circletype.min.js"></script>
|
||||
<script src="https://cdn.plyr.io/3.6.12/plyr.polyfilled.js"></script>
|
||||
<script src="{{ asset('assets/js/app.js') }}"></script>
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
21
site/templates/error.twig
Normal file
21
site/templates/error.twig
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{% extends "base.twig" %}
|
||||
|
||||
{% block main %}
|
||||
<main>
|
||||
|
||||
<section class="error-section">
|
||||
<article class="error">
|
||||
<h2 class="error__title">Erreur {{ kirby.response.code }}</h2>
|
||||
{% if kirby.response.code == 404 %}
|
||||
<p class="error__message">La page que vous demandez n'existe pas...</p>
|
||||
{% else %}
|
||||
<p class="error__message">Une erreur est survenue...</p>
|
||||
{% endif %}
|
||||
<div class="error__button">
|
||||
<a href="{{ site.homePage.url }}" target="_self">Retourner à la page d'accueil</a>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
29
site/templates/gallery.twig
Normal file
29
site/templates/gallery.twig
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{% extends "base.twig" %}
|
||||
|
||||
{% block main %}
|
||||
<main>
|
||||
|
||||
<section class="gallery-section">
|
||||
|
||||
<article class="gallery">
|
||||
<h2 class="gallery__title">{{ page.title }}</h2>
|
||||
{% if page.text.isNotEmpty %}
|
||||
<div class="gallery__introduction">{{ page.text.kirbytext|raw }}</div>
|
||||
{% endif %}
|
||||
<div class="gallery__artworks">
|
||||
{% for file in page.files %}
|
||||
{% if file.type == 'image' %}
|
||||
<figure class="gallery__image">
|
||||
<img src="{{ file.url }}" srcset="{{ file.srcset() }}" alt="{{ file.alt_text }}">
|
||||
<figcaption>{{ file.caption }}</figcaption>
|
||||
</figure>
|
||||
{% elseif file.type == 'video' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block main %}
|
||||
<main>
|
||||
|
||||
<section class="home-section">
|
||||
|
||||
<div class="home">
|
||||
|
|
@ -23,5 +24,6 @@
|
|||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue