{{ 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 l’informatique.
          J’en ai fait mon métier en devenant <b>ingénieur</b> spécialisé dans le développement depuis 2009,
          j’ai 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>l’informatique 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 l’objectif est d’<b>informer localement</b>
          sur l’impact 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 }}