commit fc5c2f497269e3eb5f3864109cc38360a44f3285 Author: Simon C Date: Fri Feb 2 12:39:18 2024 +0100 initialisation du site diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7891948 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.hugo_build.lock +resources \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..8eab35a --- /dev/null +++ b/README.md @@ -0,0 +1,17 @@ +# Source du site web Takubeh + +Le site web de Takubeh a été créé de façon éco-responsable par l'association RésiLien pour présenter la coopérative Takubeh. + +Il utilise un générateur de site statique ([Hugo](https://gohugo.io/)) permettant un faible impact énergétique. + +## 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. + +## Les environnements + +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 diff --git a/assets/fonts/ToxTypewriter.woff b/assets/fonts/ToxTypewriter.woff new file mode 100644 index 0000000..c5b1d55 Binary files /dev/null and b/assets/fonts/ToxTypewriter.woff differ diff --git a/assets/fonts/ToxTypewriter.woff2 b/assets/fonts/ToxTypewriter.woff2 new file mode 100644 index 0000000..fcfa9b9 Binary files /dev/null and b/assets/fonts/ToxTypewriter.woff2 differ diff --git a/assets/styles/main.scss b/assets/styles/main.scss new file mode 100644 index 0000000..1abdbb4 --- /dev/null +++ b/assets/styles/main.scss @@ -0,0 +1,2 @@ +@import "reset.scss"; +@import "style.scss"; \ No newline at end of file diff --git a/assets/styles/reset.scss b/assets/styles/reset.scss new file mode 100644 index 0000000..514d045 --- /dev/null +++ b/assets/styles/reset.scss @@ -0,0 +1,274 @@ +/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* +Document +======== +*/ + +/** +Use a better box model (opinionated). +*/ + +*, +::before, +::after { + box-sizing: border-box; +} + +html { + /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ + font-family: + system-ui, + 'Segoe UI', + Roboto, + Helvetica, + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji'; + line-height: 1.15; /* 1. Correct the line height in all browsers. */ + -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ + -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ + tab-size: 4; /* 3 */ +} + +/* +Sections +======== +*/ + +body { + margin: 0; /* Remove the margin in all browsers. */ +} + +/* +Grouping content +================ +*/ + +/** +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ +} + +/* +Text-level semantics +==================== +*/ + +/** +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr[title] { + text-decoration: underline dotted; +} + +/** +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Consolas, + 'Liberation Mono', + Menlo, + monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/** +Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +Tabular data +============ +*/ + +/** +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ +} + +/* +Forms +===== +*/ + +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +/** +Remove the inner border and padding in Firefox. +*/ + +::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** +Restore the focus styles unset by the previous rule. +*/ + +:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** +Remove the additional ':invalid' styles in Firefox. +See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/** +Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. +*/ + +legend { + padding: 0; +} + +/** +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/** +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/** +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to 'inherit' in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* +Interactive +=========== +*/ + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} diff --git a/assets/styles/style.scss b/assets/styles/style.scss new file mode 100644 index 0000000..0071cba --- /dev/null +++ b/assets/styles/style.scss @@ -0,0 +1,353 @@ +/* RESET */ + +:root { + line-height: 1.25; + font-size: 17px; +} + +h1, h2, h3, h4, h5, figure, p, ol, ul { + margin: 0; +} + +/* ol, ul { + list-style: none; + padding-inline: 0; +} */ + +img { + display: block; + max-inline-size: 100%; +} + +/* COLOR */ + +body { + --color-white: white; + --color-green1: #739761; + --color-green2: #3a7f44; + --color-green3: #336f5f; + --color-green4: #3f6463; + --color-green5: #92c83e; + --color-red1: #d43e45; + --color-red2: #69282f; + --color-red3: #f36561; + --color-yellow1: #d39734; + --color-yellow2: #fac247; + --color-yellow3: #dac161; + --color-orange1: #d88250; + --color-orange2: #bb5c46; + --color-blue1: #3ea1da; + --color-blue2: #154f8e; + --color-blue3: #002830; + --color-black: black; + + --gutter: 4rem; + --header-height: 90vh; + + --bottle-width: 100px; + --bottle-height: 300px; +} + +.-white { --color: var(--color-black); --bg-color: var(--color-white) } +.-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) } +.-green4 { --color: var(--color-white); --bg-color: var(--color-green4) } +.-green5 { --color: var(--color-white); --bg-color: var(--color-green5) } +.-red1 { --color: var(--color-white); --bg-color: var(--color-red1) } +.-red2 { --color: var(--color-white); --bg-color: var(--color-red2) } +.-red3 { --color: var(--color-white); --bg-color: var(--color-red3) } +.-yellow1 { --color: var(--color-white); --bg-color: var(--color-yellow1) } +.-yellow2 { --color: var(--color-white); --bg-color: var(--color-yellow2) } +.-yellow3 { --color: var(--color-white); --bg-color: var(--color-yellow3) } +.-orange1 { --color: var(--color-white); --bg-color: var(--color-orange1) } +.-orange2 { --color: var(--color-white); --bg-color: var(--color-orange2) } +.-blue1 { --color: var(--color-white); --bg-color: var(--color-blue1) } +.-blue2 { --color: var(--color-white); --bg-color: var(--color-blue2) } +.-blue3 { --color: var(--color-white); --bg-color: var(--color-blue3) } +.-black { --color: var(--color-white); --bg-color: var(--color-black) } + + +.color { + background-color: var(--bg-color); + color: var(--color); +} + +/* FONTS */ + +@font-face { + font-family: 'Tox Typewriter'; + src: url('../fonts/ToxTypewriter.woff2') format('woff2'), + url('../fonts/ToxTypewriter.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +/* DESIGN */ + +.header { + height: var(--header-height); + /* background-image: url(https://source.unsplash.com/random/1080x720/?Kombucha); */ + background-image: url(../images/fond.webp); + background-repeat: none; + background-size: cover; + background-position: center; + text-align: center; +} + +.header h1 { + padding: calc(var(--h1-size) / 4); + background-color: var(--color-red3); + color: var(--color-white); + line-height: .5; + text-align: right; +} +.header h1 small { + color: var(--color-yellow2); + font-size: calc(var(--h1-size) / 2); +} + +.container, header, footer { + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} + +.container { + align-items: stretch; +} + +.-c2 > div { + width: 50%; +} + +.-c2 > div.picture { + width: 45%; +} + +.-c2 > div.content { + width: 55%; +} + +.content { + padding: var(--gutter); + width: 100%; +} + +.boxes { + display: flex; + justify-content: center; + gap: var(--gutter); +} + +.tag { + text-align: center; + margin: 0 auto 2rem; + width: fit-content; +} +.tag h3 { + padding: 0.5rem 1.5rem; + width: fit-content; + margin: 0 auto; +} + +.picture { + position: relative; + padding: 3rem; + color: var(--color-white); +} + +.picture img { + object-fit: cover; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} + +.footer, .footer .content { + min-height: inherit; + width: inherit; +} + +.footer p { + padding: 0; +} + +.footer a { + font-family: 'Tox Typewriter'; + font-weight: normal; + font-style: normal; +} + +.gamme h2 { text-align: center } +.gamme .boxes { flex-wrap: wrap; gap: calc(var(--gutter) * 2) var(--gutter); max-width: 1400px; margin: 0 auto; } +.gamme .box { + width: calc(33% - var(--gutter) + 1rem); + display: flex; + align-items: center; + max-width: 500px; +} +.gamme img { + width: var(--bottle-width); + height: var(--bottle-height); + display: inline-block; +} +.gamme .detail { + --detail-gutter: 1rem; + width: calc(100% - (var(--bottle-width) + var(--detail-gutter))); + display: inline-block; + margin-left: var(--detail-gutter); +} +.gamme .title { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 1rem; + margin-bottom: 1rem; + flex-wrap: wrap; +} +.gamme .title h3, .gamme .title h4, .gamme .detail p { display: inline; margin: 0; margin: 0 } +.gamme h3 { + padding: .1rem .5rem; + font-size: 1.2rem; +} +.gamme h4 { + font-size: .8rem; +} + +.ombre { + text-shadow: 2px 2px 4px #444,-2px -2px 4px #444,-2px 2px 4px #444,2px -2px 4px #444; +} + +/* GENERAL */ + +body { + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + font-weight: 300; + --h1-size: 8rem; + --h2-size: 4rem; + --h3-size: 2rem; + --h4-size: 1.5rem; + --h5-size: 1.1rem; +} + +a { color: var(--color-white); } + +h1, h2, h3, h4, h5, .scribe, blockquote { + font-family: 'Tox Typewriter'; + font-weight: normal; + font-style: normal; +} + +h1 { font-size: var(--h1-size) } +h2 { font-size: var(--h2-size); padding-bottom: 3rem; } +h3 { font-size: var(--h3-size) } +h4 { font-size: var(--h4-size) } +h5 { font-size: var(--h5-size) } + +p, ul { padding-bottom: 1.5rem; } + +strong { + font-weight: bold; +} + +blockquote { + text-align: right; + font-size: 1.2rem; + border-right: 3px solid white; + padding-right: 1rem; + margin: 1rem 1rem 1rem 0; +} + +.center { text-align: center } +.flower { list-style: none; padding: 0 } +.flower li { + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.5,12A3.5,3.5 0 0,0 22,8.5A6.5,6.5 0 0,0 15.5,2A3.5,3.5 0 0,0 12,5.5A3.5,3.5 0 0,0 8.5,2A6.5,6.5 0 0,0 2,8.5A3.5,3.5 0 0,0 5.5,12A3.5,3.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A3.5,3.5 0 0,0 12,18.5A3.5,3.5 0 0,0 15.5,22A6.5,6.5 0 0,0 22,15.5A3.5,3.5 0 0,0 18.5,12M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5A2.5,2.5 0 0,1 14.5,12Z'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E") no-repeat left top; + background-size: 1rem; + padding: 0 0 .5rem 1.5rem; +} + +/* MOBILE + +Les media query permettent d'adapter le design selon la largeur des appareils : + 320px — 480px: Mobile devices + 481px — 768px: iPads, Tablets + 769px — 1024px: Small screens, laptops + 1025px — 1200px: Desktops, large screens + 1201px and more —  Extra large screens, TV +*/ +@media screen and (max-width: 1200px) { + body { + /* background-color: yellow; */ + --h1-size: 7rem; + --h2-size: 3.5rem; + --h3-size: 1.75rem; + --h4-size: 1.5rem; + --h5-size: 1.1rem; + --gutter: 3rem; + } +} +@media screen and (max-width: 1024px) { + body { + /* background-color: green; */ + --h1-size: 6rem; + --h2-size: 3rem; + --h3-size: 1.5rem; + --h4-size: .75rem; + --h5-size: .5rem; + --gutter: 2rem; + } + .gamme .box { + width: calc(50% - var(--gutter) / 2); + } +} +@media screen and (max-width: 768px) { + body { + /* background-color: red; */ + --h1-size: 5rem; + --h2-size: 2.5rem; + --h3-size: 1.75rem; + --h4-size: 1.5rem; + --h5-size: 1.1rem; + --gutter: 1.5rem; + + + --bottle-width: 75px; + --bottle-height: 225px; + } + .gamme .box { + width: 100%; + } + .container { flex-wrap: wrap ;} + .container .picture { min-height: 80vh; } + .container .picture { order: 2 } + .container .content { order: 1 } + .-c2 > div, .-c2 > div.picture, .-c2 > div.content { + width: 100%; + } +} +@media screen and (max-width: 480px) { + body { + /* background-color: blue; */ + --h1-size: 4rem; + --h2-size: 2rem; + --h3-size: 1rem; + --h4-size: .75rem; + --h5-size: .5rem; + --header-height: 50vh; + --gutter: 1rem; + --bottle-width: 50px; + --bottle-height: 150px; + } + h2 { text-align: center } + .boxes { flex-wrap: wrap } +} diff --git a/config/_default/config.yml b/config/_default/config.yml new file mode 100644 index 0000000..5bd98e2 --- /dev/null +++ b/config/_default/config.yml @@ -0,0 +1,29 @@ +languageCode: fr-fr +defaultContentLanguage: fr + +title: Takubeh + +disableKinds: + - taxonomy + - term + +params: + description: Site officiel de la commune de Crémeaux qui fait partie de la communauté de communes du Pays d'Urfé (CCPU) dans la Loire (42) + Keywords: Crémeaux, commune, Pays d'Urfé, CCPU, Loire, Site officiel, 42 + +markup: + goldmark: + renderer: + unsafe: true + parser: + attribute: + block: true + title: true + tableOfContents: + endLevel: 3 + ordered: false + startLevel: 2 + +disableHugoGeneratorInject: true + +enableRobotsTXT: true diff --git a/config/development/config.yml b/config/development/config.yml new file mode 100644 index 0000000..a0a27dc --- /dev/null +++ b/config/development/config.yml @@ -0,0 +1 @@ +baseURL: http://localhost:1313/ diff --git a/config/production/config.yml b/config/production/config.yml new file mode 100644 index 0000000..0c326b8 --- /dev/null +++ b/config/production/config.yml @@ -0,0 +1,7 @@ +baseURL: https://takubeh.fr/ + +deployment: + targets: + - name: production + URL: >- + s3://takubeh.fr?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true®ion=garage diff --git a/config/staging/config.yml b/config/staging/config.yml new file mode 100644 index 0000000..aa5d4c0 --- /dev/null +++ b/config/staging/config.yml @@ -0,0 +1,7 @@ +baseURL: https://staging.takubeh.fr/ + +deployment: + targets: + - name: staging + URL: >- + s3://staging.takubeh.fr?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true®ion=garage diff --git a/content/_index.html b/content/_index.html new file mode 100644 index 0000000..4400d15 --- /dev/null +++ b/content/_index.html @@ -0,0 +1,8 @@ +--- +type: 'single' +--- + +{{< takubeh_kombucha >}} +{{< gamme >}} +{{< kombucha_en_fut >}} +{{< instagram >}} diff --git a/content/a-propos.html b/content/a-propos.html new file mode 100644 index 0000000..bc2eb23 --- /dev/null +++ b/content/a-propos.html @@ -0,0 +1,8 @@ +--- +title: À propos +description: [A COMPLETER PAR TAKUBEH] +--- + +{{< fondateurs >}} +{{< histoire >}} +{{< identite >}} diff --git a/content/engagements.html b/content/engagements.html new file mode 100644 index 0000000..f967254 --- /dev/null +++ b/content/engagements.html @@ -0,0 +1,8 @@ +--- +title: Engagements +description: [A COMPLETER PAR TAKUBEH] +--- + +{{< philosophie >}} +{{< engagement >}} +{{< consigne >}} diff --git a/content/mentions-legales.md b/content/mentions-legales.md new file mode 100644 index 0000000..1c2ab58 --- /dev/null +++ b/content/mentions-legales.md @@ -0,0 +1,32 @@ +--- +title: RésiLien, Mentions légales +description: Les mentions légales de RésiLien +layout: simple +--- + +# Mentions légales + +## Édition du site web + +Édité par Weko + +### Weko + +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 + +## 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 + +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 + +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 diff --git a/content/ou-nous-trouver.html b/content/ou-nous-trouver.html new file mode 100644 index 0000000..21e76b0 --- /dev/null +++ b/content/ou-nous-trouver.html @@ -0,0 +1,7 @@ +--- +title: Où nous trouver ? +description: [A COMPLETER PAR TAKUBEH] +--- + +{{< reseau >}} +{{< points_de_vente >}} \ No newline at end of file diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html new file mode 100644 index 0000000..33ee52a --- /dev/null +++ b/layouts/_default/_markup/render-image.html @@ -0,0 +1,11 @@ +{{/* + S'il n'y a pas de / dans l'url d'une image alors on ajoute le path de l'article +*/}} +{{ $path := cond (in .Destination "/") .Destination (path.Join "/" .Page.File.Dir .Destination) }} +{{ $image := .Page.Resources.GetMatch (printf "*%s*" .Destination) }} +{{ with $image }} + {{ $width := cond (gt .Width 960) 960 .Width }} + {{ $resized := $image.Resize (printf "%sx q100 webp" (string $width)) }} + {{ $path = $resized.RelPermalink }} +{{ end }} +{{ .Text }} diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html new file mode 100644 index 0000000..2928fe8 --- /dev/null +++ b/layouts/_default/_markup/render-link.html @@ -0,0 +1,35 @@ +{{/* + S'il n'y a pas de / dans l'url d'un lien alors on ajoute le path du répertoire +*/}} +{{ $isExternalLink := strings.HasPrefix .Destination "http" }} +{{ $isWebLink := or $isExternalLink (eq 0 (.Destination | strings.Count ":")) }} +{{ $isTelLink := strings.HasPrefix .Destination "tel:" }} +{{ $isMailtoLink := strings.HasPrefix .Destination "mailto:" }} +{{ $hasSlash := in .Destination "/" }} +{{- if $isWebLink -}} + {{ $link := cond (and $isWebLink (and (not $hasSlash) (not $isExternalLink))) (path.Join "/" .Page.File.Dir .Destination) .Destination }} + {{ .Text | safeHTML }} +{{- else -}} + {{- $separators := cond $isMailtoLink ":@." ":" -}} + {{- $regex := cond $isMailtoLink "[a-z]*:(.*)" "[a-z]*:([0-9]{2})([0-9]{2})([0-9]{2})([0-9]{2})([0-9]{2})"}} + {{- $replace := cond $isMailtoLink "$1" "$1 $2 $3 $4 $5" -}} + {{- $string := .Destination -}} + {{- $params := slice -}} + + {{- range split $separators "" }} + {{ $parts := split $string . }} + {{ $params = $params | append (index $parts 0) }} + {{ $string = index $parts 1 }} + {{ end }} + {{- $params = $params | append (string $string) -}} + + +{{- end -}} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..89d2619 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,25 @@ + + + + + + + Takubeh - Kombucha + + + {{ with .OutputFormats.Get "RSS" }}{{ end }} + + + + {{ if ne hugo.Environment "production" }}{{ end }} + {{ partial "styles.html" . }} + + + {{ partial "en_tete.html" . }} + + {{ block "main" . }}{{ end }} + + {{ partial "pied_de_page.html" . }} + {{ partial "javascripts.html" . }} + + diff --git a/layouts/_default/home.html b/layouts/_default/home.html new file mode 100644 index 0000000..9983b08 --- /dev/null +++ b/layouts/_default/home.html @@ -0,0 +1,3 @@ +{{ define "main" }} +{{ .Content }} +{{ end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..ba11c9e --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,15 @@ +{{ define "main" }} +
+

{{ .RenderString .Title }}

+
+ {{ .Content }} + +
+
+{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..9983b08 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,3 @@ +{{ define "main" }} +{{ .Content }} +{{ end }} diff --git a/layouts/page/simple.html b/layouts/page/simple.html new file mode 100644 index 0000000..5b9ca41 --- /dev/null +++ b/layouts/page/simple.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/partials/en_tete.html b/layouts/partials/en_tete.html new file mode 100644 index 0000000..458473e --- /dev/null +++ b/layouts/partials/en_tete.html @@ -0,0 +1,3 @@ +
+

Takubeh
Kombucha

+
diff --git a/layouts/partials/javascripts.html b/layouts/partials/javascripts.html new file mode 100644 index 0000000..c0474b8 --- /dev/null +++ b/layouts/partials/javascripts.html @@ -0,0 +1,9 @@ +{{ $js := resources.Get "js/main.js" }} +{{ with $js }} + {{ $secureJS := . | js.Build }} + {{ if not $.Site.Params.debug }} + {{ $secureJS = $secureJS | minify }} + {{ end }} + {{ $secureJS = $secureJS | fingerprint }} + +{{ end }} diff --git a/layouts/partials/pied_de_page.html b/layouts/partials/pied_de_page.html new file mode 100644 index 0000000..e66cf2b --- /dev/null +++ b/layouts/partials/pied_de_page.html @@ -0,0 +1,10 @@ + diff --git a/layouts/partials/styles.html b/layouts/partials/styles.html new file mode 100644 index 0000000..0f83178 --- /dev/null +++ b/layouts/partials/styles.html @@ -0,0 +1,9 @@ +{{ $style := resources.Get "styles/main.scss" }} +{{ with $style }} + {{ $styleCSS := . | toCSS }} + {{ if not $.Site.Params.debug }} + {{ $styleCSS = $styleCSS | minify }} + {{ end }} + {{ $styleCSS = $styleCSS | fingerprint }} + +{{ end }} diff --git a/layouts/shortcodes/consigne.html b/layouts/shortcodes/consigne.html new file mode 100644 index 0000000..fb735db --- /dev/null +++ b/layouts/shortcodes/consigne.html @@ -0,0 +1 @@ +

La partie « Consigne » est encore à construire

diff --git a/layouts/shortcodes/engagement.html b/layouts/shortcodes/engagement.html new file mode 100644 index 0000000..e4f7dad --- /dev/null +++ b/layouts/shortcodes/engagement.html @@ -0,0 +1,42 @@ + +
+
+

Une production locale & engagée

+

+ Takubeh Kombucha, ce n’est pas seulement une boisson artisanale produite + dans un petit atelier. +

+

+ Ce qui rend Takubeh unique, c’est le soin tout particulier apporté à chaque + bouteille, mais aussi notre engagement éthique et responsable dans cette + aventure : +

+
    +
  • + Utilisation de produits biologiques et responsables, pour une boisson + 100% naturelle et respectueuse de l’environnement +
    • +
  • + Un conditionnement durable : consigne sur les bouteilles, étiquettes + issues de matières minérales, caisses de transport réutilisables +
    • +
  • + Une empreinte énergétique contrôlée : machines entièrement + mécaniques, électricité issue d’énergies renouvelables, atelier semi- + enterré et tempéré, distribution à moins de 150 km, pas d’envoi +
    • +
  • + Une ambition: toujours faire mieux, comme développer une production + locale d’ingrédients pour de nouvelles recettes, ou encore déployer + une distribution de kombucha en fûts inox lavables +
    • +
+
+ Takubeh Kombucha, c'est plus qu'une boisson.
+ C'est un mode de vie. +
+
+
+ +
+
\ No newline at end of file diff --git a/layouts/shortcodes/fondateurs.html b/layouts/shortcodes/fondateurs.html new file mode 100644 index 0000000..d0a156c --- /dev/null +++ b/layouts/shortcodes/fondateurs.html @@ -0,0 +1,85 @@ +
+
+ +
+
+

Les fondateurs

+
+
+
+

Grégory

+
+

+ Originaire de Saint-Paul-de-Vence (06), + Grégory est un amoureux des beaux paysages. +

+

+ Engagé depuis toujours dans la cause + environnementale et le respect de la nature, + il a co-créé une association à but non lucratif + ayant pour objectif de nettoyer les fôrets et + rivières de sa région. +

+

+ Après une période de sa vie où il jonglait entre + différentes activités, dont la comptabilité, + il décide de partir à l’étranger, explorer le + monde. +

+

+ De la Thaïlande jusqu’au Chili, en passant par + l’Inde, le Brésil et la Bolivie, Grégory découvre + d’autres cultures, d’autres populations, et + même d’autres boissons, puisque ce sera + lors d’un voyage en Amérique du Nord qu’il + découvrira, avec Murielle, le Kombucha. +

+
+
+
+

Murielle

+
+

+ Attachée à la Loire, Murielle a grandi à Saint- + Étienne, et y est restée jusqu’à ses études de + gestion. +

+

+ Désireuse de perfectionner son anglais et en + quête d’aventure, elle décide de partir en Australie + en mettant une parenthèse à ses études : elle + y restera près de trois ans. +

+

+ Après plusieurs expériences dans la + restauration, elle croisera la route de + Gregory lors d’une escale professionnelle + en Suisse avant de continuer de + voyager à ses cotés. +

+

+ Ayant un véritable coup de coeur pour la + région de l’Oregon aux États-Unis, Murielle et + Grégory feront plusieurs allers-retours entre la + France et les États-Unis, jusqu’à la naissance + de leur fils Zadig, dans la vallée de Takubeh, + d’où le nom de leur entreprise. +

+
+
+

+ + Partageant les mêmes valeurs, Murielle et Grégory décident de lancer leur production de + Kombucha, dans un premier temps pour eux-mêmes, avant d’en faire leur quotidien en créant + une entreprise et en y consacrant tout leur temps. + +

+

+ + Au-delà de produire une boisson, Murielle et Grégory ont lancé cette activité pour partager + leur passion, mais aussi une certaine idée d’un retour à une consommation de produits + locaux, raisonnés et biologiques. + +

+
+
diff --git a/layouts/shortcodes/gamme.html b/layouts/shortcodes/gamme.html new file mode 100644 index 0000000..b8cdd5b --- /dev/null +++ b/layouts/shortcodes/gamme.html @@ -0,0 +1,89 @@ + +
+
+

Notre gamme

+
+
+ +
+
+

Chai Rooibos

+

33 cl / 1 L

+
+

+ Le Rooibos, l’or rouge d’Afrique du Sud, + soutenu par les incontournables épices + indiennes de cannelle, clou de girofle, + cardamome, gingembre, appelle au voyage. +

+
+
+
+ +
+
+

L'Original

+

33 cl / 1 L

+
+

+ Issu de théiers anciens, sauvages et + originels, le thé vert Pu’Erh** est apprécié + pour ses vertus désaltérante et ses + parfums frais et subtils. + Sa très faible teneur en théine + permet de consommer ce kombucha tout + au long de la journée. +

+
+
+
+ +
+
+

Citronnelle Hibiscus

+

33 cl / 1 L

+
+

+ Un kombucha légèrement acidulé plus que + séduisant, mêlant les parfums bien connus + de la citronnelle à la gourmandise de la + fleur d’hibiscus. +

+
+
+
+ +
+
+

Vanille

+

33 cl / 1 L

+
+

+ Au parfum subtil de châtaignes grillées, de + fleurs et rehaussé d’une note liquoreuse, le + thé Lien Son FOP** regorge d’arômes. + Ce kombucha est la rencontre des saveurs + des forêts du Vietnam et de la douceur de + la vanille Bourbon**. +

+
+
+
+ +
+
+

Eucalyptus

+

33 cl / 1 L

+
+

+ L’eucalyptus, sans doute une des plantes + les plus désaltérantes ! + Ce kombucha servi bien frais est + extrêmement parfumé et parfait + pour étancher les grandes soifs. +

+
+
+
+
+
\ No newline at end of file diff --git a/layouts/shortcodes/hempalicious.html b/layouts/shortcodes/hempalicious.html new file mode 100644 index 0000000..0666c13 --- /dev/null +++ b/layouts/shortcodes/hempalicious.html @@ -0,0 +1,49 @@ + +
+
+ +
+
+

Takubeh x Hempalicious

+

+ La philosophie de Takubeh et les ambitions qui y sont associées résident aussi + dans le désir de travailler avec des acteurs locaux partageant leurs valeurs. +

+

+ C’est notamment le cas de la collaboration entre Takubeh et Les Botanistes, une + entreprise de production de chanvre installée dans la Drôme, ayant une chaîne de + production et de distribution entièrement française, naturelle et biologique, sous + la marque Hempalicious. +

+

+ Créée par deux amis, l’entreprise Hempalicious est née de deux reconversions + professionnelles : Ben, venant de l’univers de la haute gastronomie, et Alex, étant + auparavant directrice artistique. Leurs envies respectives et leurs expériences ont + donc permises à Hempalicious de voir le jour. +

+

+ Une amitié de longue date entre les fondateurs de Hempalicious et Murielle et + Greg a permis aux deux univers de se rencontrer : le Kombucha et le chanvre riche + en CBD. +

+

+ Suite à de nombreux essais pour trouver l’accord parfait entre la fraîcheur du + Kombucha et le goût subtil du chanvre, la balance est trouvée en 2021 pour aboutir + à une boisson entièrement naturelle et biologique. +

+

+ Cette boisson est aujourd’hui distribuée sous la marque Hempalicious, avec la + mention «Brassée par Takubeh», chaque acteur de ce projet étant conscient de + l’implication de l’autre dans l’aboutissement de cette boisson, et par conséquent, + de la nécessité de mettre chaque producteur en avant. +

+
+
+ hempalicious.fr +
+
+ lesbotanistes.fr +
+
+
+
\ No newline at end of file diff --git a/layouts/shortcodes/histoire.html b/layouts/shortcodes/histoire.html new file mode 100644 index 0000000..cdb0637 --- /dev/null +++ b/layouts/shortcodes/histoire.html @@ -0,0 +1,7 @@ + +

La partie « L'histoire de Takubeh » est encore à construire

diff --git a/layouts/shortcodes/identite.html b/layouts/shortcodes/identite.html new file mode 100644 index 0000000..9b46046 --- /dev/null +++ b/layouts/shortcodes/identite.html @@ -0,0 +1,44 @@ + +
+
+

L'identité de Takubeh

+

+ Comment représenter tout l’esprit de Takubeh dans une identité graphique ? +

+

+ Tous les créateurs d’entreprise se sont posés cette question. Pas facile d’y répondre + seul. Pourtant c’est une étape cruciale ! Une identité qui nous ressemble, assez + originale pour être unique, et en même temps facilement reconnaissable. +

+

+ C’est à ce moment que notre amie Clara Rival, une artiste-peintre argentine, fait son + entrée. On a travaillé ensemble pour trouver le design parfait, celui qui collerait au + plus près à notre projet. Pas facile.. jusqu’à ce qu’elle remonte dans ses archives + pour nous dégoter LA toile. Celle qui nous a mis d’accord en un coup d’oeil. +

+

+ Nous sommes tombés immédiatement sous le charme : le mélange de couleurs, + l’aspect nature de la toile avec sa végétation luxuriante, ainsi que la gaieté que + dégage ce tableau étaient une évidence. +

+

+ Ainsi, cette toile est devenue l’identité graphique de Takubeh, déclinée sur tous + les supports (packaging, communication, transport...). C’est simple, ce design est + devenu la marque de fabrique de Takubeh ! +

+

+ Pour en savoir plus sur Clara : +

+
+
+ clararival.com +
+
+ instagram.com/claririval/ +
+
+
+
+ +
+
diff --git a/layouts/shortcodes/instagram.html b/layouts/shortcodes/instagram.html new file mode 100644 index 0000000..c772f20 --- /dev/null +++ b/layouts/shortcodes/instagram.html @@ -0,0 +1 @@ +

La partie « Instagram » est encore à construire

diff --git a/layouts/shortcodes/kombucha_en_fut.html b/layouts/shortcodes/kombucha_en_fut.html new file mode 100644 index 0000000..374fa62 --- /dev/null +++ b/layouts/shortcodes/kombucha_en_fut.html @@ -0,0 +1 @@ +

La partie « kombucha en fût » est encore à construire

diff --git a/layouts/shortcodes/philosophie.html b/layouts/shortcodes/philosophie.html new file mode 100644 index 0000000..5f2d2b4 --- /dev/null +++ b/layouts/shortcodes/philosophie.html @@ -0,0 +1,46 @@ + +
+
+ +
+
+

Notre philosophie

+

+ Takubeh est une entreprise relativement jeune, mais d’ores et déjà bien ancrée + dans son territoire (Loire, Rhône, Nord Ardèche, Ouest Isère, Beaujolais) et ne + cesse d’innover pour développer son activité. +

+

+ Lors de la création de l’entreprise, l’objectif était de distribuer la production de + kombucha en fûts en inox, notamment lors de festivals, mais également dans les + bars et les restaurants. Pratique et écologique, le fût devait être le fer de lance + de l’activité. Mais la crise sanitaire est passée par là. Ayant contraint tous les + évènements à être reportés, ce modèle de distribution n’était plus adapté à la + situation, d’où le modèle de distribution actuel : en bouteilles (33cl et 1 litre), mais + toujours dans le respect de l’environnement et sans perdre de vue notre objectif + de limiter l’impact sur la biodiversité. Le choix du verre s’est donc simplement + imposé à nous. +

+

+ La distribution est réalisée par nous même, sans envoi. +

+

+ Au-delà de la production, Takubeh est une entreprise avec un véritable esprit de + famille, considérant chaque partenaire comme un maillon essentiel de l’activité et + de la réussite de ce projet. +

+

+ Une consommation raisonnée, locale et conviviale sont les maîtres-mots de notre + philosophie de vie, que nous avons tout naturellement appliquée à notre + entreprise. +

+

+ Nous produisons notre kombucha comme nous le ferions pour nous-même, avec + passion et dévouement. +

+
+ Toute cette philosophie se ressent dans nos boissons :
+ simple, authentique, faite avec amour et passion. +
+
+
diff --git a/layouts/shortcodes/points_de_vente.html b/layouts/shortcodes/points_de_vente.html new file mode 100644 index 0000000..76bfcd9 --- /dev/null +++ b/layouts/shortcodes/points_de_vente.html @@ -0,0 +1 @@ +

La partie « Les points de vente » est encore à construire

diff --git a/layouts/shortcodes/reseau.html b/layouts/shortcodes/reseau.html new file mode 100644 index 0000000..7fe7910 --- /dev/null +++ b/layouts/shortcodes/reseau.html @@ -0,0 +1,7 @@ + +

La partie « Notre réseau » est encore à construire

diff --git a/layouts/shortcodes/takubeh_kombucha.html b/layouts/shortcodes/takubeh_kombucha.html new file mode 100644 index 0000000..aea721a --- /dev/null +++ b/layouts/shortcodes/takubeh_kombucha.html @@ -0,0 +1,49 @@ + +
+
+

Takubeh Kombucha ?

+

+ Takubeh est une jeune entreprise de production artisanale de kombucha, une + boisson fermentée à base de thé, naturellement pétillante, extrêmement peu + sucrée, désaltérante et savoureuse. +

+

+ Cette boisson, dont les origines restent floues, est utilisée depuis des + millénaires en Asie, où la consommation de thé y est ancestrale. +

+

+ Le kombucha est probablement apparu dans cette région du monde, que ce + soit grâce à l’Humain, ou alors, comme le raconte la légende, grâce à une + tasse de thé sucré oubliée sur le rebord d’une fenêtre. +

+

+ Amoureux de cette boisson et désireux de faire perdurer son histoire, + nous avons fondé Takubeh en 2020 à Rochetaillée, un petit village + près de Saint-Étienne (42), afin d’y produire un kombucha local, biologique + et responsable. +

+
+
+ +

+ Boisson
vivante +

+
+
+ +

+ Finement
pétillante +

+
+
+ +

+ Délicieusement
peu sucrée +

+
+
+
+
+ Un verre avec la bouteille de Kombucha de Takubeh +
+
diff --git a/static/images/avion.jpg b/static/images/avion.jpg new file mode 100644 index 0000000..920eac8 Binary files /dev/null and b/static/images/avion.jpg differ diff --git a/static/images/avion.webp b/static/images/avion.webp new file mode 100644 index 0000000..bb6a407 Binary files /dev/null and b/static/images/avion.webp differ diff --git a/static/images/avion1.jpg b/static/images/avion1.jpg new file mode 100644 index 0000000..7b0eb07 Binary files /dev/null and b/static/images/avion1.jpg differ diff --git a/static/images/bouteilles/chai_rooibos.png b/static/images/bouteilles/chai_rooibos.png new file mode 100644 index 0000000..c0ba7a9 Binary files /dev/null and b/static/images/bouteilles/chai_rooibos.png differ diff --git a/static/images/bouteilles/chai_rooibos.webp b/static/images/bouteilles/chai_rooibos.webp new file mode 100644 index 0000000..93a3960 Binary files /dev/null and b/static/images/bouteilles/chai_rooibos.webp differ diff --git a/static/images/bouteilles/chai_rooibos1.png b/static/images/bouteilles/chai_rooibos1.png new file mode 100644 index 0000000..d5ed17f Binary files /dev/null and b/static/images/bouteilles/chai_rooibos1.png differ diff --git a/static/images/bouteilles/citronelle_hibiscus.png b/static/images/bouteilles/citronelle_hibiscus.png new file mode 100644 index 0000000..ff1c94d Binary files /dev/null and b/static/images/bouteilles/citronelle_hibiscus.png differ diff --git a/static/images/bouteilles/citronelle_hibiscus.webp b/static/images/bouteilles/citronelle_hibiscus.webp new file mode 100644 index 0000000..2784877 Binary files /dev/null and b/static/images/bouteilles/citronelle_hibiscus.webp differ diff --git a/static/images/bouteilles/citronelle_hibiscus1.png b/static/images/bouteilles/citronelle_hibiscus1.png new file mode 100644 index 0000000..f4a6441 Binary files /dev/null and b/static/images/bouteilles/citronelle_hibiscus1.png differ diff --git a/static/images/bouteilles/eucalyptus.png b/static/images/bouteilles/eucalyptus.png new file mode 100644 index 0000000..5b4d827 Binary files /dev/null and b/static/images/bouteilles/eucalyptus.png differ diff --git a/static/images/bouteilles/eucalyptus.webp b/static/images/bouteilles/eucalyptus.webp new file mode 100644 index 0000000..32394f3 Binary files /dev/null and b/static/images/bouteilles/eucalyptus.webp differ diff --git a/static/images/bouteilles/eucalyptus1.png b/static/images/bouteilles/eucalyptus1.png new file mode 100644 index 0000000..68b0439 Binary files /dev/null and b/static/images/bouteilles/eucalyptus1.png differ diff --git a/static/images/bouteilles/pu_erh.png b/static/images/bouteilles/pu_erh.png new file mode 100644 index 0000000..4668546 Binary files /dev/null and b/static/images/bouteilles/pu_erh.png differ diff --git a/static/images/bouteilles/pu_erh.webp b/static/images/bouteilles/pu_erh.webp new file mode 100644 index 0000000..5ca3124 Binary files /dev/null and b/static/images/bouteilles/pu_erh.webp differ diff --git a/static/images/bouteilles/pu_erh1.png b/static/images/bouteilles/pu_erh1.png new file mode 100644 index 0000000..85a0200 Binary files /dev/null and b/static/images/bouteilles/pu_erh1.png differ diff --git a/static/images/bouteilles/vanille.png b/static/images/bouteilles/vanille.png new file mode 100644 index 0000000..201672c Binary files /dev/null and b/static/images/bouteilles/vanille.png differ diff --git a/static/images/bouteilles/vanille.webp b/static/images/bouteilles/vanille.webp new file mode 100644 index 0000000..85a7ee5 Binary files /dev/null and b/static/images/bouteilles/vanille.webp differ diff --git a/static/images/bouteilles/vanille1.png b/static/images/bouteilles/vanille1.png new file mode 100644 index 0000000..88f5625 Binary files /dev/null and b/static/images/bouteilles/vanille1.png differ diff --git a/static/images/clara-rival.png b/static/images/clara-rival.png new file mode 100644 index 0000000..c0c257e Binary files /dev/null and b/static/images/clara-rival.png differ diff --git a/static/images/clara-rival.webp b/static/images/clara-rival.webp new file mode 100644 index 0000000..6389753 Binary files /dev/null and b/static/images/clara-rival.webp differ diff --git a/static/images/clara-rival1.png b/static/images/clara-rival1.png new file mode 100644 index 0000000..e6741d3 Binary files /dev/null and b/static/images/clara-rival1.png differ diff --git a/static/images/fond.png b/static/images/fond.png new file mode 100644 index 0000000..96abb19 Binary files /dev/null and b/static/images/fond.png differ diff --git a/static/images/fond.webp b/static/images/fond.webp new file mode 100644 index 0000000..ea83e6c Binary files /dev/null and b/static/images/fond.webp differ diff --git a/static/images/fond1.png b/static/images/fond1.png new file mode 100644 index 0000000..a6909d7 Binary files /dev/null and b/static/images/fond1.png differ diff --git a/static/images/fond2.png b/static/images/fond2.png new file mode 100644 index 0000000..e0a827d Binary files /dev/null and b/static/images/fond2.png differ diff --git a/static/images/kombucha-cbd.jpg b/static/images/kombucha-cbd.jpg new file mode 100644 index 0000000..6016fe0 Binary files /dev/null and b/static/images/kombucha-cbd.jpg differ diff --git a/static/images/kombucha-cbd.webp b/static/images/kombucha-cbd.webp new file mode 100644 index 0000000..e43fa43 Binary files /dev/null and b/static/images/kombucha-cbd.webp differ diff --git a/static/images/kombucha-cbd1.jpg b/static/images/kombucha-cbd1.jpg new file mode 100644 index 0000000..2726645 Binary files /dev/null and b/static/images/kombucha-cbd1.jpg differ diff --git a/static/images/takubeh-engagement.jpg b/static/images/takubeh-engagement.jpg new file mode 100644 index 0000000..0f5b343 Binary files /dev/null and b/static/images/takubeh-engagement.jpg differ diff --git a/static/images/takubeh-fondateurs.jpg b/static/images/takubeh-fondateurs.jpg new file mode 100644 index 0000000..b8b3c1c Binary files /dev/null and b/static/images/takubeh-fondateurs.jpg differ diff --git a/static/images/takubeh-fondateurs.webp b/static/images/takubeh-fondateurs.webp new file mode 100644 index 0000000..bcc51c5 Binary files /dev/null and b/static/images/takubeh-fondateurs.webp differ diff --git a/static/images/takubeh-fondateurs1.jpg b/static/images/takubeh-fondateurs1.jpg new file mode 100644 index 0000000..4154744 Binary files /dev/null and b/static/images/takubeh-fondateurs1.jpg differ diff --git a/static/images/takubeh-kombucha.jpg b/static/images/takubeh-kombucha.jpg new file mode 100644 index 0000000..6e29668 Binary files /dev/null and b/static/images/takubeh-kombucha.jpg differ