diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..4c69f30 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,57 @@ +'use strict'; +function reverse(str) { return str.split("").reverse().join(""); } +function getName() { return "nomis"; } +function getAt() { return "@"; } +function getDomain() { return "okew"; } +function getDot() { return "."; } +function getTld() { return "oi"; } +function getAddress() { return reverse(getName()) + getAt() + reverse(getDomain()) + getDot() + reverse(getTld()); } + +function comments(elm) { + var link = document.getElementById('comment-add'); + link.href = "mai" + "lto:" + getAddress() + "?subject=" + link.dataset.title; + elm.remove(); +} + +function contact() { + var link = document.getElementById('contact'); + link.href = "mai" + "lto:" + getAddress(); +} + +function changeTheme() { + // https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#using-javascript-local-storage + const btn = document.querySelector(".btn-toggle"); + const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)"); + + const currentTheme = localStorage.getItem("theme"); + + if (currentTheme == "dark") { + document.body.classList.toggle("dark-theme"); + } else if (currentTheme == "light") { + document.body.classList.toggle("light-theme"); + } + + btn.addEventListener("click", function () { + if (prefersDarkScheme.matches) { + document.body.classList.toggle("light-theme"); + var theme = document.body.classList.contains("light-theme") + ? "light" + : "dark"; + } else { + document.body.classList.toggle("dark-theme"); + var theme = document.body.classList.contains("dark-theme") + ? "dark" + : "light"; + } + + localStorage.setItem("theme", theme); + }); +} + +function main() { + // menu(); + contact(); + changeTheme(); +} + +main(); diff --git a/assets/styles/basic/html.sass b/assets/styles/basic/html.sass new file mode 100644 index 0000000..9640240 --- /dev/null +++ b/assets/styles/basic/html.sass @@ -0,0 +1,92 @@ +html + /*-webkit-font-smoothing: antialiased*/ + /*--moz-osx-font-smoothing: grayscale*/ + scroll-behavior: smooth + /* 18px */ + font-size: 112.5% + + @media screen and (max-width: $size-small) + font-size: 100% + +body + font-weight: 400 + line-height: 1.65 + font-family: var(--font) + color: var(--color-paragraph) + background-color: var(--color-background) + min-height: 100vh + +p + margin-bottom: 1.15rem + +h1, +h2, +h3, +h4, +h5 + font-weight: 400 + line-height: 1.15 + color: var(--color-headline) + font-family: "Libre Franklin Black" + +h1 + word-spacing: 1rem + font-size: 3rem + text-align: center + overflow-wrap: anywhere + line-height: 1.5 + //hyphens: auto + @media screen and (max-width: $size-small) + font-size: 1.5rem + word-spacing: inherit + +h2 + font-size: 1.602em + overflow-wrap: anywhere + //hyphens: auto +h3 + font-size: 1.424em + +h4 + font-size: 1.266em + +h5 + font-size: 1.125em + +small, +.text_small + font-size: 0.889em + +a + color: var(--color-headline) + font-weight: bold + &:hover, &:active + color: var(--color-secondary) + +h2 + blockquote + margin-top: 1rem + +ul.no-style + margin: 0 + padding: 0 + list-style-type: none + +blockquote + padding: 1rem 1.5rem + margin: 2rem 0 3rem + width: calc(100% - 1rem) + border: solid 2px var(--color-highlight-border) + border-radius: var(--radius-corner) + box-shadow: 1rem 1rem 0 0 var(--color-highlight-bg) + background-color: var(--color-white) + overflow-wrap: anywhere + hyphens: auto + + @media screen and (max-width: $size-small) + margin: 1rem 0 1.5rem + padding: .5rem .75rem + width: calc(100% - .5rem) + box-shadow: .5rem .5rem 0 0 var(--color-highlight-bg) + + ul + padding-left: 20px diff --git a/assets/styles/basic/reset.scss b/assets/styles/basic/reset.scss new file mode 100644 index 0000000..b115ce9 --- /dev/null +++ b/assets/styles/basic/reset.scss @@ -0,0 +1,48 @@ +/********* +Reset CSS +*********/ +/* Box sizing rules */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* Remove default margin */ +body, +p, +ul[class] +ol[class], +li, +figure, +figcaption, +blockquote, +dl, +dd { + margin: 0; +} + +/* Make images easier to work with */ +img { + max-width: 100%; + display: block; +} + + +/* Inherit fonts for inputs and buttons */ +input, +button, +textarea, +select { + font: inherit; +} + +/* Remove all animations and transitions for people that prefer not to see them */ +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} diff --git a/assets/styles/container.sass b/assets/styles/container.sass new file mode 100644 index 0000000..d8e7967 --- /dev/null +++ b/assets/styles/container.sass @@ -0,0 +1,83 @@ +.container + max-width: $size-small + width: 100% + margin: 0 auto + padding: $size-space + display: flex + justify-content: space-between + flex-wrap: wrap + + @media screen and (max-width: $size-small) + justify-content: center + padding: $size-space/2 + + &.md + max-width: 660px + + &.nowrap + flex-wrap: nowrap + + &.center + justify-content: center + align-items: center + text-align: center + + &.column + flex-direction: column + +main > section:first-child + padding: $size-space*2 $size-space $size-space*3 + +// Color +.section, .header, .footer + background-color: var(--background) + color: var(--paragraph) + + h2, h3, h4 + color: var(--headline) + + a + color: var(--link) + + &:hover + text-shadow: 0 0 1px currentColor + + .card + background-color: var(--card-background) + z-index: 10 + padding: 1rem + border-radius: var(--border-radius) + max-width: 31% + margin-bottom: 1rem + + img + margin: 0 auto + + p + margin-bottom: 0 + + @media screen and (max-width: $size-small) + max-width: 288px + margin-bottom: 1rem + text-align: center + +.section, .header, .footer + --background: var(--color-background) + --paragraph: var(--color-paragraph) + --headline: var(--color-headline) + --link: var(--color-link) + --card-background: var(--color-card-background) + + &.secondary + --background: var(--color-secondary-background) + --paragraph: var(--color-secondary-paragraph) + --headline: var(--color-secondary-headline) + --link: var(--color-secondary-link) + --card-background: var(--color-secondary-card-background) + + &.tertiary + --background: var(--color-tertiary-background) + --paragraph: var(--color-tertiary-paragraph) + --headline: var(--color-tertiary-headline) + --link: var(--color-tertiary-link) + --card-background: var(--color-tertiary-card-background) diff --git a/assets/styles/font.sass b/assets/styles/font.sass new file mode 100644 index 0000000..598232c --- /dev/null +++ b/assets/styles/font.sass @@ -0,0 +1,51 @@ +@font-face + font-family: "blackout-midnight" + src: url("/webfonts/blackout/blackout_midnight-webfont2.woff") format("woff") + font-weight: normal + font-style: normal + +@font-face + font-family: "blackout-sunrise" + src: url("/webfonts/blackout/blackout_sunrise-webfont.woff") format("woff") + font-weight: normal + font-style: normal + +@font-face + font-family: "blackout-two-am" + src: url("/webfonts/blackout/blackout_two_am-webfont.woff") format("woff") + font-weight: normal + font-style: normal + +@font-face + font-family: "prociono" + src: url("/webfonts/prociono/Prociono-Regular-webfont.woff") format("woff") + font-weight: normal + font-style: normal + +@font-face + font-family: "LeagueMono" + src: url("/webfonts/LeagueSpartan-Light.woff2") format("woff2") + font-weight: normal + font-style: normal + +@font-face + font-family: "Raleway" + src: url("/webfonts/Raleway-Light.woff2") format("woff2") + font-weight: normal + font-style: normal + +@font-face + font-family: 'Libre Franklin Regular' + font-style: normal + font-weight: 400 + font-display: swap + src: url(/webfonts/libre-franklin/libre-franklin-regular-400.woff2) format('woff2') + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD + +@font-face + font-family: 'Libre Franklin Black' + font-style: normal + font-weight: 900 + font-display: swap + src: url(/webfonts/libre-franklin/libre-franklin-black-900.woff2) format('woff2') + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass new file mode 100644 index 0000000..817e1da --- /dev/null +++ b/assets/styles/footer.sass @@ -0,0 +1,2 @@ +body > footer.container + padding-bottom: 0 diff --git a/assets/styles/header.sass b/assets/styles/header.sass new file mode 100644 index 0000000..c999ab2 --- /dev/null +++ b/assets/styles/header.sass @@ -0,0 +1,66 @@ +// Container + +body > header.container + flex-wrap: nowrap + justify-content: space-between + align-items: center + +// Menu + +#menu ul + display: flex + align-items: center + height: 50px + + @media screen and (max-width: $size-small) + height: 30px + + li + display: block + max-height: 100% + svg + display: block + max-height: 100% + + +// Logo + +#logo + .st1 + fill: var(--color-headline) + + img + height: 100% + width: 100% + a + width: 186px + height: 79px + display: block + + @media screen and (max-width: $size-small) + width: 120px + height: 51px + + +// Button Toggle + +.btn-toggle + font-size: 1.5rem + background: inherit + border: inherit + padding: 0 0 0 1rem + cursor: pointer + height: 50px + @media screen and (max-width: $size-small) + padding: 0 0 0 .5rem + height: 30px + +.light-theme .btn-toggle + filter: grayscale(0)!important + +.dark-theme .btn-toggle + filter: grayscale(.5)!important + +@media (prefers-color-scheme: dark) + .btn-toggle + filter: grayscale(.5) diff --git a/assets/styles/home.sass b/assets/styles/home.sass new file mode 100644 index 0000000..4d9a0e5 --- /dev/null +++ b/assets/styles/home.sass @@ -0,0 +1,68 @@ +#presentation + text-align: center + position: relative + + &::before + height: 8px + width: 100% + background: var(--color-highlight) + content: "" + position: absolute + left: 0 + right: 0 + top: 11rem + +#contact + .cadre + margin: 2rem 0 + display: inline-block + padding: 1rem + line-height: 2 + // background: no-repeat center url(/pictos/cadre.svg) + // background-size: container + + border: 8px solid var(--color-highlight) + + a + padding: 1rem + + +#info + display: flex + justify-content: center + flex-wrap: wrap + align-items: center + section + margin: 2rem auto + + margin-left: -1rem + margin-right: -1rem + + h3 + text-align: center + margin: 2rem 0 + + #valeurs + background-color: var(--color-background-card) + + // transform: rotate(-2deg) + padding: 1rem + +#partenaire + ul + display: flex + justify-content: center + align-items: flex-start + width: 100% + @media screen and (max-width: $size-small) + flex-wrap: wrap + li + text-align: center + padding: $size-space/2 + img + height: 75px + margin: 0 auto + filter: grayscale(1) + + &:hover + filter: grayscale(0) diff --git a/assets/styles/main.sass b/assets/styles/main.sass new file mode 100644 index 0000000..62de72e --- /dev/null +++ b/assets/styles/main.sass @@ -0,0 +1,158 @@ +@import "./basic/reset" + +// Variables +@import "../../themes/hugo-theme-lowtech/assets/styles/font" + +$size-small: 1024px +$color-dark: #010101 +$color-light: #fffffe +$size-space: 2rem + +@mixin dark-theme + // https://www.happyhues.co/palettes/4 + --color-black: #{$color-dark} + --color-white: #{$color-light} + --color-stroke: #010101 + --color-main: #fffffe + --color-highlight: #7f5af0 + --color-secondary: #72757e + --color-tertiary: #2cb67d + + --color-background: #16161a + --color-headline: #fffffe + --color-paragraph: #94a1b2 + --color-card-background: #242629 + --color-card-headline: #fffffe + --color-card-paragraph: #94a1b2 + --color-link: #fffffe + + --color-secondary-background: #242629 + --color-secondary-headline: #fffffe + --color-secondary-paragraph: #94a1b2 + --color-secondary-card-background: #16161a + --color-secondary-card-headline: #fffffe + --color-secondary-card-paragraph: #94a1b2 + --color-secondary-link: #fffffe + + --color-tertiary-background: black + --color-tertiary-headline: #fffffe + --color-tertiary-paragraph: #94a1b2 + --color-tertiary-card-background: #16161a + --color-tertiary-card-headline: #fffffe + --color-tertiary-card-paragraph: #94a1b2 + --color-tertiary-link: #2cb67d + +@mixin light-theme + // https://www.happyhues.co/palettes/2 + --color-black: #{$color-light} + --color-white: #{$color-dark} + --color-stroke: #00214d + --color-main: #fffffe + --color-highlight: #00ebc7 + --color-secondary: #ff5470 + --color-tertiary: #fde24f + + --color-background: #fffffe + --color-headline: #00214d + --color-paragraph: #1b2d45 + --color-card-background: #f2f4f6 + --color-card-headline: #00214d + --color-card-paragraph: #1b2d45 + --color-link: #00214d + + --color-secondary-background: #f2f4f6 + --color-secondary-headline: #00214d + --color-secondary-paragraph: #1b2d45 + --color-secondary-card-background: #fffffe + --color-secondary-card-headline: #00214d + --color-secondary-card-paragraph: #1b2d45 + --color-secondary-link: #00214d + + --color-tertiary-background: #001534 + --color-tertiary-headline: #fffffe + --color-tertiary-paragraph: #b7c9e4 + --color-tertiary-card-background: #fffffe + --color-tertiary-card-headline: #00214d + --color-tertiary-card-paragraph: #1b2d45 + --color-tertiary-link: #fffffe + +svg + .stroke + stroke: var(--color-stroke) + .main + fill: var(--color-main) + .highlight + fill: var(--color-highlight) + .secondary + fill: var(--color-secondary) + .tertiary + fill: var(--color-tertiary) + +body + color-scheme: light dark + --font: "Libre Franklin Regular" + --border-radius: 4px + + @include light-theme + + &.dark-theme + @include dark-theme + +@media (prefers-color-scheme: dark) + body + @include dark-theme + + &.light-theme + @include light-theme + +h1 + display: inline-block + position: relative + padding: 2rem 4rem + + @media screen and (max-width: $size-small) + padding: 1rem + + &::after, + &::before + height: 8px + width: 100% + background: var(--color-highlight) + content: "" + position: absolute + border-radius: 1rem 1rem 1rem 1rem / 1rem 1rem 1rem 1rem + left: 0 + right: 0 + transform: rotate(-2deg) + + &::before + top: -1rem + + &::after + bottom: -1rem + +#me .container + align-items: center + @media screen and (max-width: $size-small) + flex-direction: column-reverse + justify-content: center + + div + width: 450px + max-width: 100% + + svg + width: 400px + height: 400px + @media screen and (max-width: $size-small) + width: calc(200px + #{$size-space*2}) + height: calc(200px + #{$size-space*2}) + margin: 0 auto + padding: $size-space + +@import "./home" +@import "./basic/html" +@import "./font" +@import "./header" +@import "./footer" +@import "./container" diff --git a/config/_default/config.yml b/config/_default/config.yml index 69c2378..aad757e 100644 --- a/config/_default/config.yml +++ b/config/_default/config.yml @@ -11,6 +11,7 @@ taxonomies: categorie: categories params: + faviconFile: /logo.svg debug: false description: Weko, pour un numérique responsable et local dans la Loire (42), mon objectif est d’informer sur l’impact du numérique et proposer des alternatives et ainsi réduire l'impact environnemental des sites internet. markup: diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..ac441ee --- /dev/null +++ b/content/_index.md @@ -0,0 +1,5 @@ +--- +title: Weko, pour un numérique responsable de proximité +--- + +## Weko, une entreprise engagée diff --git a/content/creation-de-site-internet.md b/content/creation-de-site-internet.md new file mode 100644 index 0000000..04e1697 --- /dev/null +++ b/content/creation-de-site-internet.md @@ -0,0 +1,24 @@ +--- +title: Création de site Internet sur mesure +--- + +# Création de site Internet sur mesure + +Je réalise des sites internet depuis plus de 15 ans. L'ensemble de mes sites sont personnalisé permettant d'avoir un design unique. Un accompagnement poussé pour une création du site en éco-conception permet de créer un site performant, de qualité, favorisant un référencement naturel. + +## L'éco-conception + + +Nous réalisons les maquettes ensemble, ce qui permet de + +## Accessible + +Les sites sont fait d'une façon permettant une très bonne accessibilité. Des tests poussés sont réalisés + +## Faible impact énergétique + +Les sites que je réalise ont une emprunt énergétique très faible ce qui améliore son impact environnementale. Des outils permettent d'évaluer + +## Proposition d'hébergement local + +Une offre d'hébergement peut être proposé pour l'hébergement du site internet. Cette hébergement est fait localement à Crémeaux. diff --git a/content/sites/_index.md b/content/sites/_index.md new file mode 100644 index 0000000..89514a9 --- /dev/null +++ b/content/sites/_index.md @@ -0,0 +1,14 @@ +--- +title: Création de site internet à faible impact énergétique +description: Je développe des sites internet à faible impact énergétique pour des acteurs qui ont un impact bénéfique pour notre société permettant de réduire l'impact écologique. +menu: + main: + name: Site Internet + weight: 20 +--- + +Je développe des sites internet pour des acteurs qui ont un impact bénéfique pour notre société. Ils sont faits d'une façon particulière permettant d'avoir **un faible impact énergétique**. + +Pour réduire l'empreinte énergétique d'un site il est possible d'optimiser la partie navigateur ça aura des conséquences pour chaque visiteur, mais aussi sur la façon de l'héberger. + +Le code source des sites est en [libre consultation](https://git.weko.io/weko/). Je propose d’auto-héberger les sites dans la Loire sur des minuscules serveurs appelés [Raspberry Pi](https://www.raspberrypi.org/products/raspberry-pi-4-model-b/). diff --git a/content/sites/cremeaux.png b/content/sites/cremeaux.png new file mode 100644 index 0000000..cac4c3a Binary files /dev/null and b/content/sites/cremeaux.png differ diff --git a/content/sites/fatumfatras.png b/content/sites/fatumfatras.png new file mode 100644 index 0000000..3f6ac27 Binary files /dev/null and b/content/sites/fatumfatras.png differ diff --git a/content/sites/histoiredunpied.png b/content/sites/histoiredunpied.png new file mode 100644 index 0000000..a831204 Binary files /dev/null and b/content/sites/histoiredunpied.png differ diff --git a/content/sites/lestoitsduval.png b/content/sites/lestoitsduval.png new file mode 100644 index 0000000..99faa76 Binary files /dev/null and b/content/sites/lestoitsduval.png differ diff --git a/data/contact.yml b/data/contact.yml new file mode 100644 index 0000000..02e0a8c --- /dev/null +++ b/data/contact.yml @@ -0,0 +1,6 @@ +adresse: + rue: La Meliora + cp: 42260 + ville: Crémeaux +telephone: 07 57 18 01 68 +mail: simon@weko.io diff --git a/data/homepage.yml b/data/homepage.yml new file mode 100644 index 0000000..c857833 --- /dev/null +++ b/data/homepage.yml @@ -0,0 +1,61 @@ +--- +banner: + title: Pour un numérique responsable et local + image: images/home.svg + content: > + Créons ensemble le numérique de demain sur le territoire de la Loire.

+ Vous avez besoin d'[un site internet à faible impact énergétique](/sites/) ?
+ Vous voulez utiliser des services qui respect votre vie privée ?
+ [Vous vous demandez](/idees/) quel matériel informatique ou téléphone vous devez acheter ? + button: + enable: true + label: Contactez-moi + link: /#contact + +valeur: + enable: true + title: "Weko, une entreprise engagée" + valeur_item: + - name : "Liberté" + image : "valeur-liberte" + content : "Weko utilise uniquement des logiciels libres pour son infrastructure et ses services permettant une interropérabilité." + + - name : "Transparence" + image : "valeur-transparence" + content : "L'ensemble des projets de Weko est documenté pour être facilement modifiable et duplicable." + + - name : "Sobriété" + image : "valeur-sobriete" + content : "Les serveurs ont été achetés reconditionnés, ce sont des nano-ordinateurs (Raspberry Pi) consommant quelques watts." + + - name : "Éthique" + image : "valeur-ethique" + content : "Vos données vous appartiennent, vous êtes l'exclusif propriétaire. Weko ne les partage pas et ne les revend pas." + + - name : "Locale" + image : "valeur-locale" + content : "Les serveurs sont auto-hébergés dans la Loire dans la Communauté de Commune du Pays d'Urfé à Crémeaux, pour que vos données ne parcourent pas 15 000 km." + + - name : "Sécurité" + image : "valeur-securite" + content : "La mise à jour des logiciels se fait de façon hebdomadaire. Des sauvegardes chiffrées sont effectués quotidiennement." + +presentations: + enable: true + presentations_item: + - image: /images/simon.png + image_alt: Simon + content: > + ### Qui est derrière Weko + + Je me présente Simon CONSTANS, passionné de l’informatique. + J’en ai fait mon métier en devenant **ingénieur** spécialisé dans le développement, + j’ai pu mettre à contribution mes compétences dans des startups avec **des projets éthiques**. +

+ Depuis 2017, je me renseigne énormément sur mon **impact environnemental**, + et prenant conscience que **l’informatique n’était vraiment pas _green_**, + je cherche des solutions concrètes pour réduire mon impact. +

+ Après 2 ans de multiple test, je lance **Weko**, dont l’objectif est d’**informer localement** + sur l’impact du numérique et **proposer des alternatives** que ça soit pour + les particuliers, les collectivités mais aussi les entreprises. diff --git a/data/services.yml b/data/services.yml new file mode 100644 index 0000000..e69de29 diff --git a/data/sites.yml b/data/sites.yml new file mode 100644 index 0000000..c368f03 --- /dev/null +++ b/data/sites.yml @@ -0,0 +1,26 @@ +--- +sites: + - title: Crémeaux + description: Site officiel de la commune de Crémeaux qui est situé dans le département de la Loire en région Auvergne-Rhône-Alpes sur la Communauté de Commune du Pays d'Urfé. + url: https://cremeaux.fr + source: https://git.weko.io/weko/cremeaux + image: cremeaux.png + online: 2020 + - title: Histoire d'un Pied + description: Histoire d'un pied est une série de livres témoignant d'un combat face au handicap. + url: https://histoiredunpied.com + source: https://git.weko.io/weko/histoiredunpied + image: histoiredunpied.png + online: 2019 + - title: Les Toits du Val + description: Collectif membre du réseau des Centrales Villageoises développant un projet de grappe solaire photovoltaïque dans la communauté de commune Aix et d'Isable. + url: https://lestoitsduval.fr + source: https://git.weko.io/weko/lestoitsduval + image: lestoitsduval.png + online: 2018 + - title: Fatum Fatras + description: Groupe de musique qui puise son inspiration dans les thèmes traditionnels des Balkans et des pays du bassin méditerranéen, sans jamais oublier sa culture occidentale et son goût pour le rock’n’roll. + url: http://fatumfatras.com + source: https://github.com/ftmftrs/ftmftrs.github.io + image: fatumfatras.png + online: 2015 diff --git a/layouts/_default/index.html b/layouts/_default/index.html new file mode 100644 index 0000000..966b9bd --- /dev/null +++ b/layouts/_default/index.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..e76be4c --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/home.html b/layouts/home.html new file mode 100644 index 0000000..1bfe240 --- /dev/null +++ b/layouts/home.html @@ -0,0 +1,136 @@ +{{ define "main" }} + +
+

Pour un numérique
RESPONSABLE
de PROXIMITÉ

+
+ +
+
+ {{ $size := 100 }} +
+ + + + + + + + + + + +

Création de site Internet

+

Besoin d'un site personnalisé à faible impact énergétique ?

+ En savoir plus +
+
+ + + + + + + + + + +

Conseil et
Accompagnement

+

Et si vous vous lanciez dans le numérique responsable, besoin d'expertise ?

+
+
+ + + + + + + + + + + + + + + + +

Formation et conférence

+

Vous voulez sensibiliser à l'impact du numérique ?

+
+
+
+ +
+

Vous avez une idée, un projet ?
Contactez- moi !

+

+ simon@weko.io +
+ 07 57 18 01 68 +

+
+ + {{ if site.Data.homepage.valeur.enable }} + {{ with site.Data.homepage.valeur }} +
+
+

{{ .title | markdownify }}

+
+
+ {{ range .valeur_item }} +
+ +

{{ .name | title }}

+

{{ .content | markdownify }}

+
+ {{ end }} +
+
+ {{ end }} + {{ end }} + +
+
+
+

Qui est derrière Weko ?

+

+ Je me présente Simon CONSTANS, passionné de l’informatique. + J’en ai fait mon métier en devenant ingénieur spécialisé dans le développement depuis 2009, + j’ai pu mettre à contribution mes compétences dans des startups avec des projets éthiques. +

+

+ Depuis 2017, je me renseigne énormément sur mon impact environnemental, + et prenant conscience que l’informatique n’était vraiment pas green, + je cherche des solutions concrètes pour réduire mon impact. +

+

+ Après 2 ans de recherches et tests, je lance Weko, dont l’objectif est d’informer localement + sur l’impact du numérique et proposer des alternatives que ça soit pour + les entreprises, les associations mais aussi les collectivités ou les particuliers. +

+

N'hésitez pas à me contacter !

+
+
+ + + + + + + + + + +
+
+
+ +
+

Réseau professionnel

+

Weko fait partie de la Coopérative d'Activité et d'Emploi Talents Croisés et est accompagnée par un incubateur de l'Économie Sociale et Solidaire Ronalpia. Elle participe à l'association Digital League sur la partie Numérique Responsable.

+ +
+{{ end }} diff --git a/layouts/partials/favicon.html b/layouts/partials/favicon.html new file mode 100644 index 0000000..95204ef --- /dev/null +++ b/layouts/partials/favicon.html @@ -0,0 +1 @@ + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..9269ec3 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,4 @@ + diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..e7b27c0 --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,29 @@ +
+ + +
diff --git a/layouts/partials/site.html b/layouts/partials/site.html new file mode 100644 index 0000000..697c3b9 --- /dev/null +++ b/layouts/partials/site.html @@ -0,0 +1,14 @@ +
+
+ + Copie d'écran du site {{ .title }} + +
+
+

{{ .title }}

+

{{ .description }}

+
+
+ Visiter le site +
+
diff --git a/layouts/partials/sites.html b/layouts/partials/sites.html new file mode 100644 index 0000000..57653f2 --- /dev/null +++ b/layouts/partials/sites.html @@ -0,0 +1,20 @@ +{{ $headless := .Site.GetPage "/sites" }} + +
+
+ {{ range sort $.Site.Data.sites.sites "online" "desc" }} + {{ $image := $headless.Resources.GetMatch .image }} + {{ $resized := $image.Resize "728x webp" }} + {{ partial "site.html" (merge . (dict "image" $resized.RelPermalink)) }} + {{ end }} +
+

Votre projet ?

+

+ Vous voulez créer un site internet ?
+ Vous voulez que sa fabrication soit en accord avec vos convictions écologiques ?
+ Vous pensez à l'accessibilité de votre site ? +

+

N'hésitez pas à me contacter

+
+
+
diff --git a/layouts/sites/list.html b/layouts/sites/list.html new file mode 100644 index 0000000..b645ddd --- /dev/null +++ b/layouts/sites/list.html @@ -0,0 +1,11 @@ +{{ define "main" }} +
+

{{ .Title }}

+
+
+
+ {{ .Content }} +
+
+ {{ partial "sites.html" . }} +{{ end }} diff --git a/run b/run old mode 100644 new mode 100755 diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000..910e67f Binary files /dev/null and b/static/favicon.ico differ diff --git a/static/images/complain.png b/static/images/complain.png new file mode 100644 index 0000000..87f3d62 Binary files /dev/null and b/static/images/complain.png differ diff --git a/static/images/send-mail.png b/static/images/send-mail.png new file mode 100644 index 0000000..afafcbf Binary files /dev/null and b/static/images/send-mail.png differ diff --git a/static/images/sun(1).svg b/static/images/sun(1).svg new file mode 100644 index 0000000..685d1d7 --- /dev/null +++ b/static/images/sun(1).svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/sun.svg b/static/images/sun.svg new file mode 100644 index 0000000..c9c9ffc --- /dev/null +++ b/static/images/sun.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/valeur-ethique.svg b/static/images/valeur-ethique.svg new file mode 100644 index 0000000..28443a5 --- /dev/null +++ b/static/images/valeur-ethique.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/valeur-liberte.svg b/static/images/valeur-liberte.svg new file mode 100644 index 0000000..9e2e14b --- /dev/null +++ b/static/images/valeur-liberte.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/valeur-locale.svg b/static/images/valeur-locale.svg new file mode 100644 index 0000000..9a431be --- /dev/null +++ b/static/images/valeur-locale.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/valeur-securite.svg b/static/images/valeur-securite.svg new file mode 100644 index 0000000..c3f78a8 --- /dev/null +++ b/static/images/valeur-securite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/valeur-sobriete.svg b/static/images/valeur-sobriete.svg new file mode 100644 index 0000000..4b35f92 --- /dev/null +++ b/static/images/valeur-sobriete.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/valeur-transparence.svg b/static/images/valeur-transparence.svg new file mode 100644 index 0000000..8b2a23e --- /dev/null +++ b/static/images/valeur-transparence.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..31a02aa --- /dev/null +++ b/static/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/logos/digitalleague.svg b/static/logos/digitalleague.svg new file mode 100644 index 0000000..56b328c --- /dev/null +++ b/static/logos/digitalleague.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/logos/digitalleague.webp b/static/logos/digitalleague.webp new file mode 100644 index 0000000..87ed56c Binary files /dev/null and b/static/logos/digitalleague.webp differ diff --git a/static/logos/logo weko vert-min.svg b/static/logos/logo weko vert-min.svg new file mode 100644 index 0000000..e715007 --- /dev/null +++ b/static/logos/logo weko vert-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/logos/logo.svg b/static/logos/logo.svg new file mode 100644 index 0000000..6f7ea2c --- /dev/null +++ b/static/logos/logo.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + diff --git a/static/logos/ronalpia.png b/static/logos/ronalpia.png new file mode 100644 index 0000000..f717a35 Binary files /dev/null and b/static/logos/ronalpia.png differ diff --git a/static/logos/ronalpia.webp b/static/logos/ronalpia.webp new file mode 100644 index 0000000..7aabba4 Binary files /dev/null and b/static/logos/ronalpia.webp differ diff --git a/static/logos/talentscroises.png b/static/logos/talentscroises.png new file mode 100644 index 0000000..81ee5c0 Binary files /dev/null and b/static/logos/talentscroises.png differ diff --git a/static/logos/talentscroises.webp b/static/logos/talentscroises.webp new file mode 100644 index 0000000..d74022d Binary files /dev/null and b/static/logos/talentscroises.webp differ diff --git a/static/logos/weko-blanc.svg b/static/logos/weko-blanc.svg new file mode 100644 index 0000000..b799c81 --- /dev/null +++ b/static/logos/weko-blanc.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + diff --git a/static/logos/weko-noir.svg b/static/logos/weko-noir.svg new file mode 100644 index 0000000..b818e15 --- /dev/null +++ b/static/logos/weko-noir.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + diff --git a/static/pictos/bulles-min.svg b/static/pictos/bulles-min.svg new file mode 100644 index 0000000..8566bee --- /dev/null +++ b/static/pictos/bulles-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/bulles.svg b/static/pictos/bulles.svg new file mode 100644 index 0000000..c2b95aa --- /dev/null +++ b/static/pictos/bulles.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/pictos/cadre.svg b/static/pictos/cadre.svg new file mode 100644 index 0000000..69061c9 --- /dev/null +++ b/static/pictos/cadre.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/loupe-min.svg b/static/pictos/loupe-min.svg new file mode 100644 index 0000000..ac9f139 --- /dev/null +++ b/static/pictos/loupe-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/loupe.svg b/static/pictos/loupe.svg new file mode 100644 index 0000000..bd94932 --- /dev/null +++ b/static/pictos/loupe.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + diff --git a/static/pictos/lune.svg b/static/pictos/lune.svg new file mode 100644 index 0000000..df0ff95 --- /dev/null +++ b/static/pictos/lune.svg @@ -0,0 +1,15 @@ + + + + + + + + + + diff --git a/static/pictos/simon-min.svg b/static/pictos/simon-min.svg new file mode 100644 index 0000000..6ac17a2 --- /dev/null +++ b/static/pictos/simon-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/site-min.svg b/static/pictos/site-min.svg new file mode 100644 index 0000000..2bb944f --- /dev/null +++ b/static/pictos/site-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/site.svg b/static/pictos/site.svg new file mode 100644 index 0000000..1a88490 --- /dev/null +++ b/static/pictos/site.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/pictos/soleil-min.svg b/static/pictos/soleil-min.svg new file mode 100644 index 0000000..c0ee5ed --- /dev/null +++ b/static/pictos/soleil-min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/pictos/soleil.svg b/static/pictos/soleil.svg new file mode 100644 index 0000000..5471033 --- /dev/null +++ b/static/pictos/soleil.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + diff --git a/static/webfonts/LeagueMono-Light.woff2 b/static/webfonts/LeagueMono-Light.woff2 new file mode 100644 index 0000000..a225259 Binary files /dev/null and b/static/webfonts/LeagueMono-Light.woff2 differ diff --git a/static/webfonts/LeagueMono-UltraLight.woff2 b/static/webfonts/LeagueMono-UltraLight.woff2 new file mode 100644 index 0000000..60fc9b2 Binary files /dev/null and b/static/webfonts/LeagueMono-UltraLight.woff2 differ diff --git a/static/webfonts/LeagueSpartan-Light.woff2 b/static/webfonts/LeagueSpartan-Light.woff2 new file mode 100644 index 0000000..8514b9b Binary files /dev/null and b/static/webfonts/LeagueSpartan-Light.woff2 differ diff --git a/static/webfonts/LeagueSpartan-Medium.woff2 b/static/webfonts/LeagueSpartan-Medium.woff2 new file mode 100644 index 0000000..d6fa1d4 Binary files /dev/null and b/static/webfonts/LeagueSpartan-Medium.woff2 differ diff --git a/static/webfonts/Raleway-Light.woff2 b/static/webfonts/Raleway-Light.woff2 new file mode 100644 index 0000000..08902a9 Binary files /dev/null and b/static/webfonts/Raleway-Light.woff2 differ diff --git a/static/webfonts/blackout/blackout_midnight-webfont.eot b/static/webfonts/blackout/blackout_midnight-webfont.eot new file mode 100755 index 0000000..d231fcc Binary files /dev/null and b/static/webfonts/blackout/blackout_midnight-webfont.eot differ diff --git a/static/webfonts/blackout/blackout_midnight-webfont.svg b/static/webfonts/blackout/blackout_midnight-webfont.svg new file mode 100755 index 0000000..87a1b2e --- /dev/null +++ b/static/webfonts/blackout/blackout_midnight-webfont.svg @@ -0,0 +1,163 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2012 by SURSLY Tyler Finck All rights reserved +Designer : Tyler Finck +Foundry : SURSLY Tyler Finck +Foundry URL : httpwwwsurslycom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/webfonts/blackout/blackout_midnight-webfont.ttf b/static/webfonts/blackout/blackout_midnight-webfont.ttf new file mode 100755 index 0000000..de17089 Binary files /dev/null and b/static/webfonts/blackout/blackout_midnight-webfont.ttf differ diff --git a/static/webfonts/blackout/blackout_midnight-webfont.woff b/static/webfonts/blackout/blackout_midnight-webfont.woff new file mode 100755 index 0000000..3e9eb22 Binary files /dev/null and b/static/webfonts/blackout/blackout_midnight-webfont.woff differ diff --git a/static/webfonts/blackout/blackout_midnight-webfont2.woff b/static/webfonts/blackout/blackout_midnight-webfont2.woff new file mode 100644 index 0000000..e20edf5 Binary files /dev/null and b/static/webfonts/blackout/blackout_midnight-webfont2.woff differ diff --git a/static/webfonts/blackout/blackout_sunrise-webfont.eot b/static/webfonts/blackout/blackout_sunrise-webfont.eot new file mode 100755 index 0000000..bb0d29f Binary files /dev/null and b/static/webfonts/blackout/blackout_sunrise-webfont.eot differ diff --git a/static/webfonts/blackout/blackout_sunrise-webfont.svg b/static/webfonts/blackout/blackout_sunrise-webfont.svg new file mode 100755 index 0000000..29731f8 --- /dev/null +++ b/static/webfonts/blackout/blackout_sunrise-webfont.svg @@ -0,0 +1,183 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2012 by SURSLY Tyler Finck All rights reserved +Designer : Tyler Finck +Foundry : SURSLY Tyler Finck +Foundry URL : httpwwwsurslycom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/webfonts/blackout/blackout_sunrise-webfont.ttf b/static/webfonts/blackout/blackout_sunrise-webfont.ttf new file mode 100755 index 0000000..7dee87e Binary files /dev/null and b/static/webfonts/blackout/blackout_sunrise-webfont.ttf differ diff --git a/static/webfonts/blackout/blackout_sunrise-webfont.woff b/static/webfonts/blackout/blackout_sunrise-webfont.woff new file mode 100755 index 0000000..49daa12 Binary files /dev/null and b/static/webfonts/blackout/blackout_sunrise-webfont.woff differ diff --git a/static/webfonts/blackout/blackout_two_am-webfont.eot b/static/webfonts/blackout/blackout_two_am-webfont.eot new file mode 100755 index 0000000..3f74278 Binary files /dev/null and b/static/webfonts/blackout/blackout_two_am-webfont.eot differ diff --git a/static/webfonts/blackout/blackout_two_am-webfont.svg b/static/webfonts/blackout/blackout_two_am-webfont.svg new file mode 100755 index 0000000..b7a77bb --- /dev/null +++ b/static/webfonts/blackout/blackout_two_am-webfont.svg @@ -0,0 +1,162 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2012 by SURSLY Tyler Finck All rights reserved +Designer : Tyler Finck +Foundry : SURSLY Tyler Finck +Foundry URL : httpwwwsurslycom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/webfonts/blackout/blackout_two_am-webfont.ttf b/static/webfonts/blackout/blackout_two_am-webfont.ttf new file mode 100755 index 0000000..44c3291 Binary files /dev/null and b/static/webfonts/blackout/blackout_two_am-webfont.ttf differ diff --git a/static/webfonts/blackout/blackout_two_am-webfont.woff b/static/webfonts/blackout/blackout_two_am-webfont.woff new file mode 100755 index 0000000..f0d762a Binary files /dev/null and b/static/webfonts/blackout/blackout_two_am-webfont.woff differ diff --git a/static/webfonts/libre-franklin/libre-franklin-black-900.woff2 b/static/webfonts/libre-franklin/libre-franklin-black-900.woff2 new file mode 100644 index 0000000..d28f261 Binary files /dev/null and b/static/webfonts/libre-franklin/libre-franklin-black-900.woff2 differ diff --git a/static/webfonts/libre-franklin/libre-franklin-regular-400.woff2 b/static/webfonts/libre-franklin/libre-franklin-regular-400.woff2 new file mode 100644 index 0000000..afe4d5f Binary files /dev/null and b/static/webfonts/libre-franklin/libre-franklin-regular-400.woff2 differ diff --git a/static/webfonts/prociono/Prociono-Regular-webfont.eot b/static/webfonts/prociono/Prociono-Regular-webfont.eot new file mode 100755 index 0000000..9f42776 Binary files /dev/null and b/static/webfonts/prociono/Prociono-Regular-webfont.eot differ diff --git a/static/webfonts/prociono/Prociono-Regular-webfont.svg b/static/webfonts/prociono/Prociono-Regular-webfont.svg new file mode 100755 index 0000000..c8f67ae --- /dev/null +++ b/static/webfonts/prociono/Prociono-Regular-webfont.svg @@ -0,0 +1,150 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : This font has been released into the public domain by its author Barry Schwartz This applies worldwideIn some countries this may not be legally possible if soBarry Schwartz grants anyone the right to use this work for any purpose without any conditions unless such conditions are required by law +Designer : Barry Schwartz +Foundry : The Crud Factory La Rubejplenigejo +Foundry URL : httpcrudfactorycom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/webfonts/prociono/Prociono-Regular-webfont.ttf b/static/webfonts/prociono/Prociono-Regular-webfont.ttf new file mode 100755 index 0000000..235e5ed Binary files /dev/null and b/static/webfonts/prociono/Prociono-Regular-webfont.ttf differ diff --git a/static/webfonts/prociono/Prociono-Regular-webfont.woff b/static/webfonts/prociono/Prociono-Regular-webfont.woff new file mode 100755 index 0000000..a739e92 Binary files /dev/null and b/static/webfonts/prociono/Prociono-Regular-webfont.woff differ diff --git a/themes/hugo-theme-lowtech b/themes/hugo-theme-lowtech index 08c42b1..84539d1 160000 --- a/themes/hugo-theme-lowtech +++ b/themes/hugo-theme-lowtech @@ -1 +1 @@ -Subproject commit 08c42b16faaa248bd6680e861b528a99a456a915 +Subproject commit 84539d10ae89ce04863046ca7f59551bd2f71427