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

Edit website structure

Browse source
This commit is contained in:
Paul Nicoué 2022-07-21 17:20:07 +02:00
parent 2b79d762b3
commit 5921d2fafe
19 changed files with 104 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

32
public/assets/build/main.css
View file

File diff suppressed because one or more lines are too long

22
public/assets/css/main.scss
View file

@ -80,23 +80,23 @@ body {
// HEADER // HEADER
// ---------------------------------------------------------------------------- // ----------------------------------------------------------------------------
// Header bar // Sidebar
.header-bar { .sidebar {
position: fixed; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding: var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding); padding: var(--sidebar-vertical-padding) var(--sidebar-horizontal-padding);
overflow-y: auto; overflow-y: auto;
background-color: transparent; background-color: transparent;
transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out;
.header-bar__nav { .sidebar__nav {
.header-bar__nav-item { .sidebar__nav-item {
+ .header-bar__nav-item { + .sidebar__nav-item {
margin: 0.75rem 0 0 0; margin: 0.75rem 0 0 0;
} }
} }
@ -107,7 +107,7 @@ body {
} }
} }
.header-bar__social { .sidebar__social {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 1rem 0 0 0; margin: 1rem 0 0 0;
@ -135,14 +135,14 @@ body {
&:hover { &:hover {
background-color: var(--transparent-white); background-color: var(--transparent-white);
.header-bar__nav { .sidebar__nav {
a { a {
color: var(--black); color: var(--black);
} }
} }
.header-bar__social { .sidebar__social {
svg { svg {
fill: var(--black); fill: var(--black);
@ -157,12 +157,12 @@ body {
// Home section // Home section
.home-section { .exhibitions-section {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
} }
.home-section__iframe { .exhibitions-section__iframe {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

4
public/assets/css/partials/variables.scss
View file

@ -26,8 +26,8 @@
// Dimensions // Dimensions
--icon-size: 2rem; --icon-size: 2rem;
--header-bar-vertical-padding: 1rem; --sidebar-vertical-padding: 1rem;
--header-bar-horizontal-padding: 1rem; --sidebar-horizontal-padding: 1rem;
// Colors // Colors

6
site/blueprints/pages/home.yml → site/blueprints/pages/exhibitions.yml
View file

@ -1,7 +1,7 @@
title: title:
en: Home en: Home
fr: Accueil fr: Accueil
icon: home icon: list-bullet
status: status:
draft: true draft: true
listed: true listed: true
@ -17,5 +17,5 @@ options:
delete: false delete: false
duplicate: false duplicate: false
tabs: tabs:
content: tabs/home_content content: tabs/exhibitions_content
seo: tabs/home_seo seo: tabs/exhibitions_seo

2
site/blueprints/pages/gallery.yml
View file

@ -1,7 +1,7 @@
title: title:
en: Gallery en: Gallery
fr: Galerie fr: Galerie
icon: file-image icon: images
status: status:
draft: true draft: true
listed: true listed: true

0
site/blueprints/sections/site_content_contact.yml → site/blueprints/sections/exhibitions_content_contact.yml
View file

11
site/blueprints/sections/home_content_exhibitions.yml → site/blueprints/sections/exhibitions_content_exhibitions.yml
View file

@ -3,17 +3,6 @@ headline:
fr: Expositions fr: Expositions
type: fields type: fields
fields: fields:
featured_exhibition:
label:
en: Featured exhibition
fr: Exposition mise en avant
type: select
options: query
query:
fetch: page.exhibitions.toStructure
text: '{{ structureItem.url }}'
value: '{{ structureItem.url }}'
width: 1/2
exhibitions: exhibitions:
label: label:
en: Exhibitions en: Exhibitions

0
site/blueprints/sections/home_seo_metadata.yml → site/blueprints/sections/exhibitions_seo_metadata.yml
View file

7
site/blueprints/sections/site_content_pages.yml
View file

@ -3,13 +3,14 @@ headline:
fr: Pages fr: Pages
type: pages type: pages
templates: templates:
- home - exhibitions
- about
- gallery - gallery
sortBy: title desc sortBy: title desc
create: false create: false
layout: cardlets layout: cards
size: small
image: image:
ratio: 1/1
cover: true cover: true
query: page.images.template('image').first query: page.images.template('image').first
back: white back: white

9
site/blueprints/tabs/exhibitions_content.yml Normal file
View file

@ -0,0 +1,9 @@
label:
en: Content
fr: Contenu
icon: text
sections:
exhibitions: sections/exhibitions_content_exhibitions
contact: sections/exhibitions_content_contact

2
site/blueprints/tabs/home_seo.yml → site/blueprints/tabs/exhibitions_seo.yml
View file

@ -3,4 +3,4 @@ label:
fr: Référencement fr: Référencement
icon: search icon: search
sections: sections:
seo_basic_meta: sections/home_seo_metadata seo_basic_meta: sections/exhibitions_seo_metadata

7
site/blueprints/tabs/home_content.yml
View file

@ -1,7 +0,0 @@
label:
en: Content
fr: Contenu
icon: text
sections:
exhibitions: sections/home_content_exhibitions

1
site/blueprints/tabs/site_content.yml
View file

@ -4,4 +4,3 @@ label:
icon: home icon: home
sections: sections:
pages: sections/site_content_pages pages: sections/site_content_pages
contact: sections/site_content_contact

1
site/config/config.php
View file

@ -2,6 +2,7 @@
return [ return [
// Kirby configuration settings // Kirby configuration settings
'home' => 'gallery',
'panel' => [ 'panel' => [
'language' => 'fr', 'language' => 'fr',
'css' => 'assets/build/panel.css' 'css' => 'assets/build/panel.css'

8
site/controllers/home.php → site/controllers/exhibitions.php
View file

@ -10,7 +10,13 @@ return function ($page) {
$exhibition['title'] = str_replace(['http://', 'https://', 'www.'], '', $exhibition['url']); $exhibition['title'] = str_replace(['http://', 'https://', 'www.'], '', $exhibition['url']);
} }
// Get contact fields content
$email = $page->email();
$instagram = $page->instagram();
return [ return [
'exhibitions' => $exhibitions 'exhibitions' => $exhibitions,
'email' => $email,
'instagram' => $instagram
]; ];
}; };

43
site/templates/base.twig
View file

@ -38,54 +38,13 @@
{% block header %} {% block header %}
<header> <header>
<div></div>
<div class="header-bar">
<nav class="header-bar__nav" aria-label="Menu">
{% if exhibitions is not empty %}
<ul class="header-bar__nav-menu">
{% for exhibition in exhibitions %}
<li class="header-bar__nav-item">
{% if exhibition.external_link == false %}
<a href="{{ exhibition.url }}" target="iframe">{{ exhibition.title }}</a>
{% elseif exhibition.external_link == true %}
<a href="{{ exhibition.url }}" target="_blank">{{ exhibition.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
<div class="header-bar__social">
<a class="header-bar__gallery-button" href="#" target="_self" aria-label="Show {{ site.title }}'s image gallery">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M17.25 29.15H36.8l-6.35-8.55-5.15 6.75L21.9 23ZM10 38V4h34v34Zm3-3h28V7H13Zm-9 9V10h3v31h31v3Zm9-9V7v28Z"/>
</svg>
</a>
<a class="header-bar__email-button" href="mailto:{{ site.email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M4 40V8h40v32Zm20-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v2.75Z"/>
</svg>
</a>
</div>
</div>
</header> </header>
{% endblock %} {% endblock %}
{% block main %} {% block main %}
{% endblock %} {% endblock %}
{% block footer %}
<footer>
<div class="footer-bar">
</div>
</footer>
{% endblock %}
</body> </body>
</html> </html>

47
site/templates/exhibitions.twig Normal file
View file

@ -0,0 +1,47 @@
{% extends "base.twig" %}
{% block header %}
<header>
<div class="sidebar">
<nav class="sidebar__nav" aria-label="Menu">
{% if exhibitions is not empty %}
<ul class="sidebar__nav-menu">
{% for exhibition in exhibitions %}
<li class="sidebar__nav-item">
{% if exhibition.external_link == false %}
<a href="{{ exhibition.url }}" target="iframe">{{ exhibition.title }}</a>
{% elseif exhibition.external_link == true %}
<a href="{{ exhibition.url }}" target="_blank">{{ exhibition.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
<div class="sidebar__social">
<a class="sidebar__gallery-button" href="#" target="_self" aria-label="Show {{ site.title }}'s image gallery">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M17.25 29.15H36.8l-6.35-8.55-5.15 6.75L21.9 23ZM10 38V4h34v34Zm3-3h28V7H13Zm-9 9V10h3v31h31v3Zm9-9V7v28Z"/>
</svg>
</a>
<a class="sidebar__email-button" href="mailto:{{ email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M4 40V8h40v32Zm20-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v2.75Z"/>
</svg>
</a>
</div>
</div>
</header>
{% endblock %}
{% block main %}
<main>
<section class="home-section">
<iframe class="home-section__iframe" src="{{ page.featured_exhibition }}" name="iframe"></iframe>
</section>
</main>
{% endblock %}

1
site/templates/gallery.twig Normal file
View file

@ -0,0 +1 @@
{% extends "base.twig" %}

11
site/templates/home.twig
View file

@ -1,11 +0,0 @@
{% extends "base.twig" %}
{% block main %}
<main>
<section class="home-section">
<iframe class="home-section__iframe" src="{{ page.featured_exhibition }}" name="iframe"></iframe>
</section>
</main>
{% endblock %}