From c190684600888b93f69b31d9ec860c1e08b31bf6 Mon Sep 17 00:00:00 2001 From: Simon C Date: Wed, 28 Feb 2024 23:07:49 +0100 Subject: [PATCH] feat: Avancement du jour --- .gitignore | 3 +- README.md | 18 ++++- assets/styles/footer.scss | 39 ++++++++-- assets/styles/header.scss | 94 +++++++++++++++++++++++- assets/styles/style.scss | 33 ++++++++- content/_index.html | 8 -- content/_index.md | 10 +++ content/a-propos.html | 8 -- content/a-propos.md | 12 +++ content/engagements.html | 8 -- content/engagements.md | 12 +++ content/mentions-legales.md | 50 ++++++++----- content/ou-nous-trouver.html | 7 -- content/ou-nous-trouver.md | 12 +++ layouts/_default/baseof.html | 5 +- layouts/page/simple.html | 2 +- layouts/partials/en_tete.html | 25 +++++-- layouts/partials/menu.html | 7 ++ layouts/partials/pied_de_page.html | 15 ++-- static/images/tabler/brand-facebook.svg | 1 + static/images/tabler/brand-instagram.svg | 1 + static/images/tabler/mail-heart.svg | 1 + 22 files changed, 293 insertions(+), 78 deletions(-) delete mode 100644 content/_index.html create mode 100644 content/_index.md delete mode 100644 content/a-propos.html create mode 100644 content/a-propos.md delete mode 100644 content/engagements.html create mode 100644 content/engagements.md delete mode 100644 content/ou-nous-trouver.html create mode 100644 content/ou-nous-trouver.md create mode 100644 layouts/partials/menu.html create mode 100644 static/images/tabler/brand-facebook.svg create mode 100644 static/images/tabler/brand-instagram.svg create mode 100644 static/images/tabler/mail-heart.svg diff --git a/.gitignore b/.gitignore index 7891948..2bfe624 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ .hugo_build.lock -resources \ No newline at end of file +resources +public diff --git a/README.md b/README.md index 8eab35a..ae8c1ec 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Il utilise un générateur de site statique ([Hugo](https://gohugo.io/)) permett ## Mettre à jour le site -Pour la mise à jour vous, devez vous connecter sur la forge logiciel de RésiLien. Puis éditer les fichiers en ligne. +Pour la mise à jour vous, devez vous connecter sur la [forge logiciel](https://git.resilien.fr) de RésiLien. Puis éditer les fichiers en ligne. ## Les environnements @@ -15,3 +15,19 @@ Actuellement il y a 3 environnements : - développement, permettant d'afficher le site web localement et d'avancer dans le développement - [staging](https://staging.takubeh.fr), permettant d'afficher l'avancement du développement - [production](https://takubeh.fr) qui est le site officiel + +## Instagram + +Nous aimerions importer des images d'instagram directement sur le site internet + +https://github.com/instaloader/instaloader permet de télécharger le profile public + +``` +cd static +instaloader -F takubehkombucha +cd takubehkombucha +unxz *.xz +``` +https://codepen.io/GeorgePark/pen/VXrwOP + +https://github.com/alrayyes/instagram-hugo-demo-theme diff --git a/assets/styles/footer.scss b/assets/styles/footer.scss index 3e9c318..d87209d 100644 --- a/assets/styles/footer.scss +++ b/assets/styles/footer.scss @@ -1,14 +1,37 @@ -.footer, .footer .content { +.footer { min-height: inherit; width: inherit; + + .container { + align-items: center; + justify-content: space-between; + width: 100%; + margin: 1rem; + font-family: 'Tox Typewriter'; + font-weight: normal; + font-style: normal; + + div a { + margin-left: .5rem; + } + } + + img { + display: inline; + vertical-align: middle; + } + + p { + padding: 0; + } } -.footer p { - padding: 0; -} +@media screen and (max-width: 1024px) { + .footer .container { + flex-direction: column-reverse; -.footer a { - font-family: 'Tox Typewriter'; - font-weight: normal; - font-style: normal; + p { + margin-top: .5rem; + } + } } diff --git a/assets/styles/header.scss b/assets/styles/header.scss index 4a6b1d9..4331281 100644 --- a/assets/styles/header.scss +++ b/assets/styles/header.scss @@ -2,10 +2,37 @@ height: var(--header-height); /* background-image: url(https://source.unsplash.com/random/1080x720/?Kombucha); */ background-image: url(/images/fond.webp); - background-repeat: none; + background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; + position: relative; + + a { + text-decoration: none + } + + .title { + padding: calc(var(--h1-size) / 4 / 2); + background-color: var(--color-red3); + color: var(--color-white); + line-height: .5; + text-align: right; + font-size: calc(var(--h1-size) / 2); + font-family: 'Tox Typewriter'; + font-weight: normal; + font-style: normal; + margin-bottom: 2rem; + + small { + color: var(--color-yellow2); + font-size: calc(var(--h1-size) / 2 / 2); + } + } +} + +.home .header { + height: var(--header-home-height); .title { padding: calc(var(--h1-size) / 4); @@ -13,6 +40,11 @@ color: var(--color-white); line-height: .5; text-align: right; + font-size: var(--h1-size); + font-family: 'Tox Typewriter'; + font-weight: normal; + font-style: normal; + margin-bottom: 0; small { color: var(--color-yellow2); @@ -20,3 +52,63 @@ } } } + +.menu { + position: absolute; + bottom: .6rem; + font-family: 'Tox Typewriter'; + + a { + margin: .6rem; + padding: .6rem; + font-size: 1rem; + } + + h1 { + font-size: 1rem; + margin: 0; + padding: 0; + } + + a.active { + text-decoration: underline; + } +} + +@media screen and (max-width: 480px) { + + .header .menu { + bottom: .3rem; + a { + margin: .3rem; + padding: .3rem; + font-size: .8rem; + } + + h1 { + font-size: .8rem; + } + } +} + +@media screen and (max-height: 480px) and (orientation: landscape) { + .home .header { + height: 80vh; + } + .header { + height: 40vh; + } + + .header .menu { + bottom: .3rem; + a { + margin: .3rem; + padding: .3rem; + font-size: .8rem; + } + + h1 { + font-size: .8rem; + } + } +} \ No newline at end of file diff --git a/assets/styles/style.scss b/assets/styles/style.scss index 4cb966b..b9fb2c8 100644 --- a/assets/styles/style.scss +++ b/assets/styles/style.scss @@ -5,10 +5,20 @@ font-size: 17px; } +h1, h2, h3, h4, h5 { + line-height: 1; +} + h1, h2, h3, h4, h5, figure, p, ol, ul { margin: 0; } +h1 { + text-align: center; + padding: 2rem; + font-size: 2rem; +} + /* ol, ul { list-style: none; padding-inline: 0; @@ -42,13 +52,14 @@ body { --color-black: black; --gutter: 4rem; - --header-height: 60vh; + --header-home-height: 60vh; + --header-height: 40vh; --bottle-width: 100px; --bottle-height: 300px; } -.-white { --color: var(--color-black); --bg-color: var(--color-white) } +.-white { --color: var(--color-black); --bg-color: var(--color-white); a { color: var(--color-black) }} .-green1 { --color: var(--color-white); --bg-color: var(--color-green1) } .-green2 { --color: var(--color-white); --bg-color: var(--color-green2) } .-green3 { --color: var(--color-white); --bg-color: var(--color-green3) } @@ -212,7 +223,7 @@ h1, h2, h3, h4, h5, .scribe, blockquote { } h1 { font-size: var(--h1-size) } -h2 { font-size: var(--h2-size); padding-bottom: 3rem; } +h2 { font-size: var(--h2-size); padding-top: 1.5rem; padding-bottom: 1.5rem; line-height: 1; } h3 { font-size: var(--h3-size) } h4 { font-size: var(--h4-size) } h5 { font-size: var(--h5-size) } @@ -306,7 +317,8 @@ Les media query permettent d'adapter le design selon la largeur des appareils : --h3-size: 1rem; --h4-size: .75rem; --h5-size: .5rem; - --header-height: 50vh; + --header-home-height: 50vh; + --header-height: 30vh; --gutter: 1rem; --bottle-width: 50px; --bottle-height: 150px; @@ -314,3 +326,16 @@ Les media query permettent d'adapter le design selon la largeur des appareils : h2 { text-align: center } .boxes { flex-wrap: wrap } } + +p:empty, p:-moz-only-whitespace { + display:none; +} + +.simple { + max-width: 800px; + margin: 0 auto; + padding: 1rem; + + --h1-size: 4rem; + --h2-size: 2rem; +} diff --git a/content/_index.html b/content/_index.html deleted file mode 100644 index 4400d15..0000000 --- a/content/_index.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -type: 'single' ---- - -{{< takubeh_kombucha >}} -{{< gamme >}} -{{< kombucha_en_fut >}} -{{< instagram >}} diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..8205c25 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,10 @@ +--- +# SEO : pour les moteurs de recherche +title: Takubeh - Kombucha +description: "Takubeh Kombucha, cette boisson fermentée à base de thé, peu sucrée, subtilement acidulée et naturellement pétillante, est produite de façon artisanale et écoresponsable dans un atelier dans le Pilat. Une gamme variée: Thé vert ou thé noir, chai rooibos chanvre eucalyptus citronnelle hibiscus vanille" +--- + +{{< takubeh_kombucha >}} +{{< gamme >}} + + diff --git a/content/a-propos.html b/content/a-propos.html deleted file mode 100644 index bc2eb23..0000000 --- a/content/a-propos.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: À propos -description: [A COMPLETER PAR TAKUBEH] ---- - -{{< fondateurs >}} -{{< histoire >}} -{{< identite >}} diff --git a/content/a-propos.md b/content/a-propos.md new file mode 100644 index 0000000..2e54293 --- /dev/null +++ b/content/a-propos.md @@ -0,0 +1,12 @@ +--- +# SEO : pour les moteurs de recherche +title: À propos +description: Takubeh est une marque dont les valeurs sont portées par Greg et Murielle, un couple engagé dans des luttes liées à l’écologie et l’humain. Ils partagent leur passion dans des lieux comme les boutiques, magasins, bars, cafés et restaurants, mais aussi des evenements comme festivals, foires, salons. +# Gestion du menu +menus: main +weight: 30 +--- + +{{< fondateurs >}} + +{{< identite >}} diff --git a/content/engagements.html b/content/engagements.html deleted file mode 100644 index f967254..0000000 --- a/content/engagements.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: Engagements -description: [A COMPLETER PAR TAKUBEH] ---- - -{{< philosophie >}} -{{< engagement >}} -{{< consigne >}} diff --git a/content/engagements.md b/content/engagements.md new file mode 100644 index 0000000..d73fc26 --- /dev/null +++ b/content/engagements.md @@ -0,0 +1,12 @@ +--- +# SEO : pour les moteurs de recherche +title: Engagements +description: La philosophie de Takubeh réside dans la volonté proposer un kombucha de qualité tout en essayant de réduire au maximum son impact environnemental. Ont été décidé dès le début le choix du bio, la consigne des bouteilles (partenaire Rebooteille), le compostage, le processus mécanisé de la production. +# Gestion du menu +menus: main +weight: 20 +--- + +{{< philosophie >}} +{{< engagement >}} + diff --git a/content/mentions-legales.md b/content/mentions-legales.md index 1c2ab58..52bfc70 100644 --- a/content/mentions-legales.md +++ b/content/mentions-legales.md @@ -1,6 +1,10 @@ --- -title: RésiLien, Mentions légales -description: Les mentions légales de RésiLien +# SEO : pour les moteurs de recherche +title: Mentions légales du site Takubeh - Kombucha +description: Vous retrouverez l'ensemble des mentions légales du site Takubeh - Kombucha ainsi que son hébergeur. +# Gestion du menu +menus: footer +# template layout: simple --- @@ -8,25 +12,37 @@ layout: simple ## Édition du site web -Édité par Weko +Le site WEB https://takubeh.fr est édité par la SAS Takubeh. -### Weko +- Siège social : 18 Route Du Gouffre d'Enfer 42100 Saint-Étienne +- SIRET : 881 969 430 00019 +- Code APE : 11.07B (Production de boissons rafraîchissantes) +- TVA Intracommunautaire : FR17 881 969 430 -Simon Constans - Weko -Entrepreneur titulaire d’un contrat CAPE au sein de la Coopérative d’Activités et d’Emploi CAP Services. -Siège social : 11 rue Duphot 69003 Lyon -Site Web : weko.io -SIRET : 402 636 757 00039 -Code APE : 8299Z -TVA Intracommunautaire : FR32 402 636 757 +## Développement et Maintenance + +Le site WEB https://takubeh.fr a été réalisé de façon éco-responsable par Weko, pour un numérique responsable de proximité, une marque de la Coopérative d’Activité et d’Emploi CAP Services. + +- Siège social : 11 rue Duphot 69003 Lyon +- Site Web : https://weko.io +- SIRET : 402 636 757 00039 +- Code APE : 82.99Z (Autres activités de soutien aux entreprises n.c.a.) +- TVA Intracommunautaire : FR32 402 636 757 ## Hébergement -Services et données actives hébergés sur micro-ordinateurs dans les locaux de Weko à Crémeaux (42). -Siège social : 11 rue Duphot 69003 Lyon +Le site WEB https://takubeh.fr est hébergé avec sobriété par RésiLien une marque de la Coopérative d’Activité et d’Emploi CAP Services. -Service de VPN et de surveillance des services à usage interne pour l'infrastructure décentralisée de RésiLien hébergé par [Hetzner](https://hetzner.com/) -Siège social : Hetzner Online GmbH, Industriestr. 25, 91710 Gunzenhausen, Allemagne +- Siège social : 11 rue Duphot 69003 Lyon +- Site Web : https://resilien.fr +- SIRET : 402 636 757 00039 +- Code APE : 82.99Z (Autres activités de soutien aux entreprises n.c.a.) +- TVA Intracommunautaire : FR32 402 636 757 -Sauvegardes des données chiffrées par mot de passe hébergées par [Scaleway](https://www.scaleway.fr). -Siège social : Scaleway, 8 rue de la Ville l’Evêque, 75008 Paris, France +## Liens hypertextes + +Les liens hypertextes mis en œuvre en direction d’autres sites WEB ne sauraient engager la responsabilité de Takubeh, car nous n’exerçons aucun contrôle sur le contenu des sites auxquels ces liens renvoient. + +## Cookie + +Ce site n’installe aucun cookie, c’est pourquoi il n’y a aucun bandeau spécifique. Nous respectons la vie privée de nos visiteurs. diff --git a/content/ou-nous-trouver.html b/content/ou-nous-trouver.html deleted file mode 100644 index 21e76b0..0000000 --- a/content/ou-nous-trouver.html +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: Où nous trouver ? -description: [A COMPLETER PAR TAKUBEH] ---- - -{{< reseau >}} -{{< points_de_vente >}} \ No newline at end of file diff --git a/content/ou-nous-trouver.md b/content/ou-nous-trouver.md new file mode 100644 index 0000000..f938e8e --- /dev/null +++ b/content/ou-nous-trouver.md @@ -0,0 +1,12 @@ +--- +draft: true +# SEO : pour les moteurs de recherche +title: Où nous trouver ? +description: Takubeh kombucha est distribué en Rhône-Alpes en bouteille en verre et fût inox de manière locale à Saint-Etienne, Roanne et dans toute la Loire, le Pilat, à Lyon, Villefranche-sur-Saône et dans le Rhône, à Macon et en Saône-et-Loire, dans l’Ain, à Vienne et en l’Isère, à Annonay et en l’Ardèche. +# Gestion du menu +menus: main +weight: 10 +--- + +{{< reseau >}} +{{< points_de_vente >}} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 89d2619..229cb1d 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -4,7 +4,8 @@ - Takubeh - Kombucha + {{ .Title }} + {{ with .OutputFormats.Get "RSS" }}{{ end }} @@ -14,7 +15,7 @@ {{ if ne hugo.Environment "production" }}{{ end }} {{ partial "styles.html" . }} - + {{ partial "en_tete.html" . }} {{ block "main" . }}{{ end }} diff --git a/layouts/page/simple.html b/layouts/page/simple.html index 5b9ca41..6f8d952 100644 --- a/layouts/page/simple.html +++ b/layouts/page/simple.html @@ -1,5 +1,5 @@ {{ define "main" }} -
+
{{ .Content }}
{{ end }} diff --git a/layouts/partials/en_tete.html b/layouts/partials/en_tete.html index de82101..34df04f 100644 --- a/layouts/partials/en_tete.html +++ b/layouts/partials/en_tete.html @@ -1,7 +1,22 @@
- {{ $tag := cond .IsHome "h1" "div" }} - {{ printf "<%s class=\"title\">" $tag | safeHTML }} - Takubeh
- Kombucha - {{ printf "" $tag | safeHTML }} + + {{ $tag := cond .IsHome "h1" "div" }} + {{ printf "<%s class=\"title\">" $tag | safeHTML }} + Takubeh
+ Kombucha + {{ printf "" $tag | safeHTML }} +
+ {{ with site.Menus.main }} + + {{ end }}
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html new file mode 100644 index 0000000..a35b76d --- /dev/null +++ b/layouts/partials/menu.html @@ -0,0 +1,7 @@ +{{ with site.Menus.main }} + +{{ end }} diff --git a/layouts/partials/pied_de_page.html b/layouts/partials/pied_de_page.html index 602a3a0..4179ddc 100644 --- a/layouts/partials/pied_de_page.html +++ b/layouts/partials/pied_de_page.html @@ -1,10 +1,11 @@ diff --git a/static/images/tabler/brand-facebook.svg b/static/images/tabler/brand-facebook.svg new file mode 100644 index 0000000..f50afee --- /dev/null +++ b/static/images/tabler/brand-facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/tabler/brand-instagram.svg b/static/images/tabler/brand-instagram.svg new file mode 100644 index 0000000..fa09716 --- /dev/null +++ b/static/images/tabler/brand-instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/tabler/mail-heart.svg b/static/images/tabler/mail-heart.svg new file mode 100644 index 0000000..01059f4 --- /dev/null +++ b/static/images/tabler/mail-heart.svg @@ -0,0 +1 @@ + \ No newline at end of file