weko/layouts/home.html

142 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{{ define "main" }}
<section class="section container center">
<h1 id="pour-un-numérique-responsable-de-proximité">Pour un numérique <br><i>RESPONSABLE</i><br> de <i>PROXIMITÉ</i></h1>
</section>
<section id="presentation" class="section secondary">
<div class="container center">
<h2 id="créons-ensemble-les-services-numériques-de-demain">Créons ensemble les services numériques de demain !</h2>
</div>
<div class="container cards">
{{ $size := 100 }}
<article class="card">
<svg version="1.1" alt="Ordinateur" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 157 93" xml:space="preserve">
<style>.st0,.st1{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
<path class="stroke st0" d="M128.6 41.6l-12.3-5.3c-.3-.1-.5-.2-.7-.4l-7.7-5.1c-.5-.3-1-.5-1.6-.7-1.1-.2-2-.4-3.7 1.1-2.1 2.5-.9 4.6.1 5.6.8.9 9 6.7 10.6 7.9l8.8 4.4c.1.1.2.1.3.2.7.4 3.1 2.1 4.6 4.9 1.7 3 4.3 8.4 16.4 11.9"/>
<path class="stroke st0" d="M103.2 37.8l-1.9 3c-.2.4-.4.8-.4 1.2 0 .7.3 1.7 1.5 2.4.8.5 1.4.7 1.9.7.7.1 1.4-.3 1.9-.8l2.3-3M108.4 41.6l-4 5.2c-.2.4-2.3 3.1.8 5 2.2 1.4 3.7-.9 4.2-1.5l4-5.3M109.4 50.4l.7 4.2s.6 2.8 3.8 2.2c3.2-.7 2.5-3.3 2.5-3.3l-1.2-7.5M130.9 25.3l-4.5-2.7c-.7-.4-1.5-.6-2.3-.4l-8.7 1.3c-.5.1-1 .3-1.5.6l-6.8 4.8s-2.8 2.3-4.9.6c-.6-.5-1-1.3-1-2.1 0-.3-.1-.6-.1-.9 0-1 .4-1.9 1.2-2.6l6-5.3c.3-.3.7-.5 1.2-.7l13.9-4.8c.9-.3 1.9-.2 2.7.2l18.6 9.7"/>
<path class="stroke st0" d="M114.2 34.9s33.6-5.7 40.2-6.9c2.2-4.2-1.1-6.3-1.1-6.3l-63.8 11-5.2 4.1 6.3 1.8 11.6-2M149.2 29.1l6.8 20.2"/>
<path class="stroke st0" d="M121.6 56.9v28.3c0 3.7-3.1 6.8-6.8 6.8H7.8C4.1 92 1 89 1 85.2V7.8C1 4.1 4.1 1 7.8 1h107c3.7 0 6.8 3.1 6.8 6.8M99.7 19.5H1M93.5 60.9H59.6M79.3 36.9H59.6M93.5 44.9H59.6M93.5 52.9H59.6"/>
<circle class="stroke highlight st0" cx="14.7" cy="10.4" r="4.2"/>
<path class="stroke highlight st0" d="M10.4 29.4h39.1v44.1H10.4z"/>
<path class="stroke secondary" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M58.2 70h35.6v21.9H58.2z"/>
<path class="stroke tertiary" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.5 58.8l-8.1-6.7-6.2 4.8-9.4-12L10.4 56v17.6h39.1V60z"/>
</svg>
<h3>Création de site Internet</h3>
<p>Besoin d'un site personnalisé à faible impact énergétique ?</p>
<a href="/sites/">En savoir plus</a>
</article>
<article class="card">
<svg version="1.1" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 94.6 93.2" xml:space="preserve">
<style>.st2{stroke-width:2;stroke-miterlimit:10}.st2,.st3{stroke-linecap:round;stroke-linejoin:round}.st3,.st5{fill:none;stroke-width:2;stroke-miterlimit:10}</style>
<circle class="secondary stroke" stroke-width="2" stroke-miterlimit="10" cx="31.6" cy="31.6" r="30.6"/>
<circle class="main stroke" stroke-width="2" stroke-miterlimit="10" cx="31.6" cy="31.6" r="24"/>
<path class="highlight st2 stroke" d="M36.7 14.8c-1.9 2.2-3.6 4.4-4.9 6.9-1.2 2.4-1.9 5.1-1.5 7.6.1.6.6 3.5 3.9 3.5 3 0 4.1-1.1 4.6-1.5 2.5-2.1 3.1-5.1 2.3-8.2-.8-2.7-4.4-8.3-4.4-8.3zM16.1 36.3s7.3-5.6 12.8-1.2c1.9 1.4 2.9 4.7-1 6.3-.7.3-1.5.4-2.3.4-5.1-.2-9.5-5.5-9.5-5.5z"/>
<path class="st3 stroke" d="M35.5 22.4s-4.1 13.3 2 24.3M22.8 37.2s7.1.1 12.2 3.7"/>
<path class="tertiary stroke" stroke-width="2" stroke-miterlimit="10" d="M91.6 90.1h0c-2.7 2.7-7.1 2.8-9.9 0l-26-25.8c-1.2-1.1-1.2-3 0-4.2l5.7-5.7c1.1-1.2 3-1.2 4.2 0l26 25.8c2.7 2.7 2.7 7.2 0 9.9z"/>
<path class="st5 stroke" d="M56 59.8l-4.4-4.4M61.1 54.7l-4.4-4.3"/>
<path class="st3 stroke" d="M86.7 83.4l-5.5 5.9"/>
</svg>
<h3>Conseil et<br>Accompagnement</h3>
<p>Et si vous vous lanciez dans le numérique responsable, besoin d'expertise ?</p>
</article>
<article class="card">
<svg version="1.1" alt="Haut parleur" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 110.4 93.3" xml:space="preserve">
<style>.st1{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
<path class="highlight stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M84.7 54.8h4.5c3 0 5.5-2.5 5.5-5.5V18.1c0-3-2.5-5.5-5.5-5.5h-7.1V1l-14 11.6H40.9c-3 0-5.5 2.5-5.5 5.5v19.8"/>
<path class="stroke st1" d="M81.9 22.8H48.2M81.9 30.7H48.2"/>
<path class="tertiary stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M51.4 80.7h27.3c3 0 5.5-2.5 5.5-5.5V44c0-3-2.5-5.5-5.5-5.5H30.3c-3 0-5.5 2.5-5.5 5.5v31.2c0 3 2.5 5.5 5.5 5.5h7.1v11.6l14-11.6z"/>
<circle class="main stroke st1" cx="17.8" cy="26.9" r="4.5"/>
<circle class="main stroke st1" cx="100.9" cy="65.6" r="4.5"/>
<circle class="secondary" cx="107.3" cy="53.3" r="3.1"/>
<circle class="secondary" cx="15.1" cy="40.5" r="2.6"/>
<circle class="stroke" cx="95.2" cy="4.9" r="1.5"/>
<circle class="stroke" cx="1.5" cy="30.5" r="1.5"/>
<circle class="stroke" cx="15" cy="73.4" r="1.5"/>
<g>
<path class="stroke st1" d="M71.7 68.1H37.9M71.7 52.1H37.9M71.7 60.1H37.9"/>
</g>
</svg>
<h3>Formation et conférence</h3>
<p>Vous voulez sensibiliser à l'impact du numérique ?</p>
</article>
</div>
</section>
<section id="contact" class="section container column center">
<h2 id="contactez-moi">Vous avez une idée, un projet ?<br> Contactez-moi !</h2>
<h3 class="cadre">{{ partial "contact/mail" .Site.Data.contact.mail }}{{ partial "contact/telephone" .Site.Data.contact.telephone }}</h3>
</section>
<section class="section secondary">
<article class="container">
{{ .Content }}
</article>
</section>
{{ if site.Data.homepage.valeur.enable }}
{{ with site.Data.homepage.valeur }}
<section id="valeurs" class="section">
<div class="container center">
<h2 id="les-valeurs-de-weko">{{ .title }}</h2>
</div>
<div class="container cards">
{{ range .valeur_item }}
<article class="card center">
<!-- <img src="images/{{.image}}.svg" alt="{{ .name | title }}" height="64" width="64" loading="lazy"> -->
<h3>{{ .name | title }}</h3>
<p>{{ .content | markdownify }}</p>
</article>
{{ end }}
</div>
</section>
{{ end }}
{{ end }}
<section id="me" class="section tertiary">
<div class="container">
<div>
<h2 class="highlight" id="qui-est-derrière-weko">Qui est derrière Weko ?</h2>
<p>
Je me présente Simon CONSTANS, passionné de linformatique.
Jen ai fait mon métier en devenant <b>ingénieur</b> spécialisé dans le développement depuis 2009,
jai pu mettre à contribution mes compétences dans des startups avec <b>des projets éthiques</b>.
</p>
<p>
Depuis 2017, je me renseigne énormément sur mon <b>impact environnemental</b>,
et prenant conscience que <b>linformatique nétait vraiment pas <i>green</i></b>,
je cherche des solutions concrètes pour réduire mon impact.
</p>
<p>
Après 2 ans de recherches et développement, je lance <b>Weko</b>, dont lobjectif est d<b>informer localement</b>
sur limpact du numérique et <b>proposer des alternatives</b> que ça soit pour
les entreprises, les associations mais aussi les collectivités ou les particuliers.
</p>
<p>N'hésitez pas à me <a href="#contact">contacter</a> !</p>
</div>
<div class="center">
<svg alt="Simon" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<circle fill="#FFF" stroke="#000" stroke-width="2.978" stroke-miterlimit="10" cx="200" cy="200" r="198.5"/>
<path fill="none" stroke="#000" stroke-width="3.383" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M100.2 371c2.9-9.3 4.4-14 7.9-23.3l2.2-5.7 33.5 13.1-2 5.2M293.9 374.7c-1-9.6-1.2-12.9-2.7-22.6l-1.1-6-37 6.4.9 5.4c1.8 11.7 2.8 17.8 3.9 29.8"/>
<path d="M284.3 314.2c-2.5-8.1-5.8-16.5-9.4-22.9-1.7-3.2-3.6-6-5-7.9-.7-1-1.4-1.7-1.7-2.2-.4-.5-.6-.8-.6-.8-2.5-2.9-5.7-5.4-9.5-6.8-1.1-.4-5.6-2.8-6.5-2.1-17.7 13-35.2 16.9-50.5 16.6v-.1h-2.8v.1c-15.4.3-32.9-3.6-50.5-16.6-.9-.7-5.4 1.7-6.5 2.1-3.8 1.5-7 3.9-9.5 6.8 0 0-.2.3-.6.8-.4.5-1.1 1.3-1.7 2.2-1.4 1.9-3.3 4.7-5 7.9-3.6 6.5-6.9 14.8-9.4 22.9-2.5 8.1-4.4 16.2-5.6 22.1-1.2 6-1.9 9.9-1.9 9.9l22 4.7v33.4c22.4 8.8 46.8 13.6 72.3 13.6 24 0 47-4.7 68.3-12.5V351l22-4.7s-.7-4-1.9-9.9c-1.6-6-3.5-14-6-22.2z"/>
<g>
<path fill="none" stroke="#000" stroke-width="2.916" stroke-miterlimit="10" d="M147.3 272.8l27.5-2.9 1-8.3c-30.5-4.8-53.8-29.2-53.8-58.5v-25.9s.8-96.2 57.3-96.2h41.4c56.4 0 57.3 96.3 57.3 96.3v25.8c0 29.4-23.3 53.8-53.9 58.5l1 8.3 27 3"/><path d="M120.6 199.2s-3.5-11.4-5.5-17.3-2.3-39.8-2.3-46.2c0-6.3 0-28.8 3.5-33.1 0 0-2-9.8-2-13.3 0 0-7.4-12.6-10.8-20.2 0 0 10.8 7.4 14.4 8.4 0 0-7.1-10.5-9.7-15.3 0 0 9.7 9.2 12.9 11.1 0 0-2.6-5.8-2.4-8.7 0 0 5 9.5 13.7 13.9 0 0-2.1-8.9-7.9-15.5 0 0 5.2-1.3 6.8 1.3 0 0-.8-10.8-5-16.3 0 0 8.7-2.1 14.2 2.6 0 0-10.2-8.4-16-10.8 0 0 11.3-.5 18.1 6.3 0 0-7.4-8.4 1.3-11.3 0 0-2.1 5 4.2 6.3 0 0-5.2-8.4 2.4-15.8 0 0-3.7 10 4.7 16.3 0 0-1.6-7.9 8.1-12.4 0 0-4.7 5.8-3.4 12.9 0 0 2.1-10.8 10.5-12.4 0 0-6.8 6.8-5.5 14.7 0 0 9.5-12.6.3-25.8 0 0 10.8.8 14.7 7.6 0 0 1.6-5.8 3.2-6.3 0 0 2.1 5 4.7 6.6 0 0 1.3-2.1 0-5 0 0 3.7 3.2 3.7 5.5 0 0 6.6-1.9 8.7 1.8 2.1 3.7 11 7.4 19.5 7.9 0 0-10.2-12.1-24.2-12.1 0 0 7.6-4.2 21 4.5 0 0-4.7-6-7.4-7.6 0 0 11 .5 22.3 15 0 0 2.3-3.2-2.4-7.1 0 0 11.3 3.9 18.4 14.4 0 0-5-9.2-10-12.1 0 0 20.8 7.6 17.1 16.3 0 0 2.9 4.2 6 6.3 3.2 2.1 18.7 14.2 19.7 20.8 1.1 6.6 2.9 6.6 4.7 6.3 0 0 2.9-1.4 3.7-4.2 0 0 .5 5-3.7 7.1 0 0-1 6.1 5.6 7.1 0 0 3.9 1.6 4.2 3.9 0 0-5.3-1.6-9.5-1.3 0 0 4.7 7.4 9.7 11.3 0 0 5.8 3.4-2.9 19.5 0 0-2.1 12.3-1.8 17.9.3 5.5 0 17.6 0 23.9 0 6.3.3 10.2-4 18.7-4.2 8.4-7.9 11.8-8.1 15.5-.3 3.7.5 11.8-.3 12.6 0 0-2.9-.8-2.9-6.6s0-18.9-.8-24.5c-.8-5.5-2.4-14.7-5.5-21-3.2-6.3-5.8-23.9-5.8-27.9s-2.9-12.6-2.9-15c0-2.4-.3-3.7-3.2-.5-2.9 3.2-27.4 4.5-40.5 2.1-13.1-2.4-16.8 8.1-29.5 4.5-12.6-3.7-17.3.8-23.4 1.6-6.1.8-8.7 4.2-12.6 7.6-3.9 3.4-2.6 9.2-9.4 12.9-6.9 3.7-10.5 3.7-10.3 12.4.3 8.7 0 17.3-3.4 19.5-3.4 2.1-5.5 9.7-6 13.9-.2 4.5 1.2 8.9-1 6.8z"/><path d="M241.6 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.4-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9.1 1.5-1.3 2.9-2.9 2.9zM160.5 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.5-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9c0 1.5-1.3 2.9-2.9 2.9zM206.9 190c0 1.5-1.2 2.6-2.6 2.6h-6.1c-1.5 0-2.6-1.2-2.6-2.6 0-1.5 1.2-2.6 2.6-2.6h6.1c1.5 0 2.6 1.1 2.6 2.6z"/><path stroke="#000" stroke-width="1.016" stroke-miterlimit="10" d="M202.2 225.8c-14.6 0-25.6-8-25.7-8.2-.6-.5-.7-1.3-.3-2 .5-.6 1.3-.7 2-.3.9.7 23.4 17 46.1 0 .6-.5 1.5-.3 2 .3s.3 1.5-.3 2c-8.2 6.1-16.4 8.2-23.8 8.2z"/>
<path d="M201.3 197.7s-22.2 5-38.9 6.5c44 24.5 77 0 77 0s-26.8-2.4-38.1-6.5z"/>
<path d="M239.4 204.2c-7 30.6-37.9 29.2-38.5 29.2-.6 0-31.5 1.4-38.5-29.2 0 0-27.3 6.3-40.3 2.3 5.6 26.9 20.1 52 55.9 54.9 7.9 2.8 22.6 2.1 22.9 2.1.3 0 15 .7 22.9-2.1 38.1-5.3 49.3-30.4 54.2-54.8-13.1 4-38.6-2.4-38.6-2.4z"/>
</g>
</svg>
</div>
</div>
</section>
<section id="partenaire" class="section container">
<h2 id="réseau-professionnel">Réseau professionnel</h2>
<p>Weko fait partie de la Coopérative d'Activité et d'Emploi <a href="https://www.talentscroises.fr/">Talents Croisés</a> et est accompagnée par un incubateur de l'Économie Sociale et Solidaire <a href="https://ronalpia.fr">Ronalpia</a>. Elle participe à l'association <a href="https://www.digital-league.org">Digital League</a> sur la partie Numérique Responsable.</p>
<ul class="no-style">
<li><a href="https://www.talentscroises.fr/"><img src="/logos/talentscroises.webp" alt="Logo de Talents Croisés" height="150" loading="lazy"></a></li>
<li><a href="https://ronalpia.fr"><img src="/logos/ronalpia.webp" alt="Logo de Ronalpia" height="150" loading="lazy"></a></li>
<li><a href="https://www.digital-league.org"><img src="/logos/digitalleague.webp" alt="Logo de Digital League" height="150" loading="lazy"></a></li>
</ul>
</section>
{{ end }}