first mobile draft
This commit is contained in:
parent
2bd71bfc3f
commit
5a8c30f520
9 changed files with 410 additions and 9 deletions
|
|
@ -0,0 +1,297 @@
|
||||||
|
body {
|
||||||
|
color: #6c6c6c;
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin: 0;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
header {
|
||||||
|
background-size: cover;
|
||||||
|
height: 520px;
|
||||||
|
background-image: url(/chapelle.png);
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header > div {
|
||||||
|
padding-left: 60px;
|
||||||
|
color: #fff;
|
||||||
|
font-family: lexend, sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-title {
|
||||||
|
margin: 45px 0;
|
||||||
|
max-width: 760px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu ul {
|
||||||
|
list-style-type: none;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu a {
|
||||||
|
margin: 0.6em;
|
||||||
|
padding: 0 1.5em;
|
||||||
|
min-width: 220px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
color: #fff;
|
||||||
|
font-family: lexend, sans-serif;
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 24px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1240px) {
|
||||||
|
header > div {
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-title {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-subtitle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 750px) {
|
||||||
|
header {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-title {
|
||||||
|
font-size: 0.9em;
|
||||||
|
max-width: 310px;
|
||||||
|
margin-top: 0.7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Main */
|
||||||
|
main {
|
||||||
|
margin: 3.8em auto;
|
||||||
|
max-width: 1000px;
|
||||||
|
padding: 0 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concerts {
|
||||||
|
display: grid;
|
||||||
|
/*overflow: hidden;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-entry-small {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-entry {
|
||||||
|
margin: 0.8em 0;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 2fr 3fr 7fr 1fr;
|
||||||
|
|
||||||
|
gap: 1em;
|
||||||
|
border: 2px #000 solid;
|
||||||
|
border-radius: 20px;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-date {
|
||||||
|
padding: 0 0.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.2em;
|
||||||
|
color: #600303;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-date h4 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-cover {
|
||||||
|
flex-grow: 1;
|
||||||
|
/*height: 100%;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-cover > img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-overview {
|
||||||
|
flex-grow: 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-overview > h2,
|
||||||
|
.concert-overview > h4 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-overview > h3 {
|
||||||
|
min-height: 5.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-buttons {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1em;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-button {
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px #000 solid;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: #f3e2c8;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: lexend, sans-serif;
|
||||||
|
font-weight: 350;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 750px) {
|
||||||
|
main {
|
||||||
|
max-width: 90%;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-entry {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concerts {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-entry-small {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 3px;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #fff;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-entry-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 3fr 8fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-date {
|
||||||
|
color: #777;
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin: 15px 0 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
overflow: hidden;
|
||||||
|
width: 90%;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-cover {
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-overview {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-overview > a {
|
||||||
|
color: #da1e2c;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-buttons {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-button {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: #777;
|
||||||
|
margin: 0 5px 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concert-button > span {
|
||||||
|
text-decoration: underline;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle-overview {
|
||||||
|
color: #4e4e4e;
|
||||||
|
margin: 0.4em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-summary,
|
||||||
|
.single-artist {
|
||||||
|
margin-bottom: 5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-cover {
|
||||||
|
width: 250px;
|
||||||
|
float: right;
|
||||||
|
margin: 0 0 2em 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-artist-photo {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
float: right;
|
||||||
|
padding-top: 3em;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-artist-photo p {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview h2 {
|
||||||
|
color: #600303;
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
---
|
---
|
||||||
title: "Home page"
|
title: "Home page"
|
||||||
|
ConcertDate: "Test"
|
||||||
|
Summary: "I'm a summary"
|
||||||
|
Description: "I'm a desciption"
|
||||||
|
TicketsLink: "https://helloasso.com"
|
||||||
---
|
---
|
||||||
|
|
||||||
This line is from `content/_index.md`.
|
This line is from `content/_index.md`.
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,40 @@
|
||||||
---
|
---
|
||||||
title: "First post"
|
title: "Vols au dessus du volcan"
|
||||||
|
ConcertDate: "Samedi 8 nov. 2025 18:00"
|
||||||
|
Summary: "Une évoquation des voyages incessants d’Antoine de Saint-Exupéry et de sa femme Consuelo Suncín, marquée par les éruptions des volcans d’El Salvador de son enfance."
|
||||||
|
Description: "Isabelle Chemin - Musique & théatre"
|
||||||
|
TicketsLink: "https://www.helloasso.com/associations/association-des-amis-de-la-chapelle-victoria-de-grasse/evenements/tickets-vols-au-dessus-du-volcan"
|
||||||
---
|
---
|
||||||
|
|
||||||
This line is from `content/firstpost.md`.
|
**Saviez-vous qu’Antoine de Saint-Exupéry s’était marié à Nice ? Connaissez-vous son épouse, Consuelo Suncín, artiste peintre ? Et El Salvador, son pays d’origine ?**
|
||||||
|
|
||||||
[Go to home](/)
|
«Vols au dessus du Volcan» évoque les voyages incessants d’Antoine, et le caractère fantasque de Consuelo, marqué par les éruptions des volcans d’El Salvador durant son enfance. On y découvre la promesse réciproque d’un amour inconditionnel qui, au-delà de tous les tourments, perdurera et permettra en temps de guerre l’écriture d’un conte intemporel, Le Petit Prince. Ce spectacle concertant vous fera découvrir par un échange épistolaire authentique, une relation amoureuse tumultueuse de 14 ans. Leur véritable histoire débute par une rencontre rocambolesque en Argentine, et s’achèvera par la fin tragique du pilote en mission de guerre en 1944.
|
||||||
|
|
||||||
|
<!-- linebreak -->
|
||||||
|
|
||||||
|
Association Chemindessens
|
||||||
|
|
||||||
|
Depuis 2005, notre association, Chemindessens, est installée à Grasse, capitale mondiale des parfums, où Consuelo de St-Exupéry y avait acheté une maison en 1956. Décédée en 1979, nous avons organisé une commémoration de sa disparition au travers d’un événement culturel, plastique et musical soutenu par la ville de Grasse et l’ambassade d’El Salvador, pays d’origine de Consuelo. En 2021, l’édition des correspondances entre Antoine et Consuelo de St-Exupéry fut une révélation. Le lyrisme et la poésie de leurs échanges nous font voyager de Buenos Aires en Argentine, aux dunes du Sahara, en passant par New-York ou le Sud de la France.
|
||||||
|
|
||||||
|
L’idée de créer un spectacle autour de cette correspondance est née, pour donner voix à Consuelo et à Antoine. « Vols au-dessus du Volcan » évoque les voyages incessants d’Antoine, et le caractère de Consuelo, marqué par les éruptions des volcans d’El Salvador durant son enfance. On y découvre la promesse réciproque d’un amour inconditionnel qui au-delà de tous les tourments, perdurera et permettra en temps de guerre l’écriture d’un conte intemporel « Le Petit Prince ».
|
||||||
|
|
||||||
|
Depuis 2 autres OPUS ont été créés, pointant des époques particulières de leurs vies et fait de ce projet un triptyque, qui peut se programmer indépendamment ou ensemble.
|
||||||
|
|
||||||
|
<!-- linebreak -->
|
||||||
|
|
||||||
|
Les artistes
|
||||||
|
|
||||||
|
Isabelle Chemin : Artiste plasticienne, diplômée de l’École des Beaux-Arts de Bordeaux. Cheffe du projet.
|
||||||
|
|
||||||
|
Gus Portmann : Comédien, médaille d’or du conservatoire d’Antibes. Il tourne avec sa compagnie Andromède, et avec les Mots en Scène
|
||||||
|
|
||||||
|
Marybel Dessagnes : Pianiste, compositrice, directrice des études au conservatoire de Toulon.
|
||||||
|
|
||||||
|
<!-- linebreak -->
|
||||||
|
|
||||||
|
Liens utiles
|
||||||
|
|
||||||
|
- Isabelle Chemin: Instagram
|
||||||
|
- Page officiel vols volcan
|
||||||
|
- Page officiel du spectacle
|
||||||
|
- Page officiel de présentation de l’association Chemindessens
|
||||||
|
|
|
||||||
11
content/secpost.md
Normal file
11
content/secpost.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
title: "Second post"
|
||||||
|
ConcertDate: "Test"
|
||||||
|
Summary: "I'm a summary"
|
||||||
|
Description: "I'm a desciption"
|
||||||
|
TicketsLink: "https://helloasso.com"
|
||||||
|
---
|
||||||
|
|
||||||
|
This line is from `content/secpost.md`.
|
||||||
|
|
||||||
|
[Go to home](/)
|
||||||
|
|
@ -27,3 +27,6 @@ identifier = "contact"
|
||||||
name = "Contact"
|
name = "Contact"
|
||||||
url = "/contact/"
|
url = "/contact/"
|
||||||
weight = 10
|
weight = 10
|
||||||
|
|
||||||
|
[params]
|
||||||
|
subtitle = 'Actualité concerts, expositions, billeterie'
|
||||||
|
|
|
||||||
54
layouts/_default/home.html
Normal file
54
layouts/_default/home.html
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
<h2>Actualités</h2>
|
||||||
|
<div class="concerts">
|
||||||
|
{{ range site.RegularPages }}
|
||||||
|
<div class="concert-entry">
|
||||||
|
<p class="concert-date">{{ .Params.ConcertDate }}</p>
|
||||||
|
<div class="concert-cover">
|
||||||
|
<img src="/unk.jpg" alt="Unknown cover" />
|
||||||
|
</div>
|
||||||
|
<div class="concert-overview">
|
||||||
|
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
|
||||||
|
<h3>{{ .Summary }}</h3>
|
||||||
|
<h4>{{ .Description }}</h4>
|
||||||
|
</div>
|
||||||
|
<div class="concert-buttons">
|
||||||
|
<a class="concert-button" href="{{ .Params.TicketsLink }}"
|
||||||
|
>Billets</a
|
||||||
|
>
|
||||||
|
<a class="concert-button" href="{{ .RelPermalink }}"
|
||||||
|
>Infos</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="concert-entry-small">
|
||||||
|
<h4 class="concert-date">{{ .Params.ConcertDate }}</h4>
|
||||||
|
<img src="bar.png" class="separator" />
|
||||||
|
<div class="concert-entry-container">
|
||||||
|
<div class="concert-cover">
|
||||||
|
<img src="/unk.jpg" alt="Unknown cover" />
|
||||||
|
</div>
|
||||||
|
<div class="concert-overview">
|
||||||
|
<a href="{{ .RelPermalink }}"
|
||||||
|
><h3>{{ .LinkTitle }}</h3></a
|
||||||
|
>
|
||||||
|
<h4>{{ .Description }}</h4>
|
||||||
|
<p>{{ .Summary }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="bar.png" class="separator" />
|
||||||
|
<div class="concert-buttons">
|
||||||
|
<a class="concert-button" href="{{ .Params.TicketsLink }}">
|
||||||
|
<img src="billets.png" />
|
||||||
|
<span>Billets</span>
|
||||||
|
</a>
|
||||||
|
<a class="concert-button" href="{{ .RelPermalink }}">
|
||||||
|
<img src="info.png" />
|
||||||
|
<span>Infos</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
{{ define "main" }}
|
|
||||||
{{ .Content }}
|
|
||||||
<p>This line is from <code>layouts/index.html</code>.</p>
|
|
||||||
{{ end }}
|
|
||||||
|
|
@ -1,2 +1,5 @@
|
||||||
<h1>{{ site.Title }}</h1>
|
|
||||||
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
||||||
|
<div>
|
||||||
|
<h1 id="header-title">Les amis de la chapelle Victoria</h1>
|
||||||
|
<h2 id="header-subtitle">Actualité concerts, expositions, billeterie</h2>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
{{- $menuID := .menuID }}
|
{{- $menuID := .menuID }}
|
||||||
|
|
||||||
{{- with index site.Menus $menuID }}
|
{{- with index site.Menus $menuID }}
|
||||||
<nav>
|
<nav class="menu">
|
||||||
<ul>
|
<ul>
|
||||||
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue