{{ define "main" }}

  <section id="title">
    <h1>Pour un numérique <span class="highlight">Responsable</span> et <span class="highlight">local</span></h1>
    <h2>Créons ensemble le numérique de demain.</h2>
  </section>

  <section id="presentation">
    {{ $size := 100 }}
    <section>
      <article onclick="">
        <img src="/laptop.svg" alt="Ordinateur" width="{{ $size }}" height="{{ $size }}">
        <h3>Création de site Internet</h3>
      </article>
      <p>Besoin d'un site personnalisé à faible impact énergétique ?</p>
    </section>
    <section>
      <article>
        <img src="/loupe.svg" alt="Loupe" width="{{ $size }}" height="{{ $size }}">
        <h3>Conseil et<br>Accompagnement</h3>
      </article>
      <p>Et si vous vous lanciez dans le numérique responsable, besoin d'expertise ?</p>
    </section>
    <section>
      <article>
        <img src="/speech-bubble.svg" alt="Haut parleur" width="{{ $size }}" height="{{ $size }}">
        <h3>Formation</h3>
      </article>
      <p>Vous voulez sensibiliser à l'impact du numérique ?</p>
    </section>
  </section>

  <section id="contact">
    <p>Vous avez un projet, une idée, une question ?</p>
    <a href="mailto:simon@weko.io">
      <h3 class="highlight">Contactez moi !</h3>
    </a>
    <p>
      <a href="mailto:simon@weko.io">simon@weko.io</a> - <a href="tel:+33680268661">06 80 26 86 61</a>
    </p>
  </section>

  <!-- <section id="news">
    <section id="realisations">
      <h3>Réalisations</h3>
      <ul>
        <li>Création du site internet de la municipalité de Crémeaux</li>
        <li>Accompagnement de Com' en Aubrac</li>
        <li>Conférence au cheval blanc</li>
      </ul>
      <a href="" class="more">➕</a>
    </section>
    <section id="reflexions">
      <h3>Réflexions</h3>
      <ul>
        <li>Comment Nextcloud peut vous permettre d'être plus efficace</li>
        <li>Le numérique c'est pas propre</li>
        <li>Création de site résponsable</li>
      </ul>
      <a href="" class="more">➕</a>
    </section>
  </section> -->

  {{ if site.Data.homepage.valeur.enable }}
  {{ $content := .Content }}
  {{ with site.Data.homepage.valeur }}
  <section id="valeurs">
    <div class="container">
      {{ $content }}
    </div>
    <div class="container">
      <h3>{{ .title | markdownify }}</h3>
      <ul class="no-style card">
        {{ range .valeur_item }}
        <li>
          <!-- <img src="images/{{.image}}.svg" alt="{{ .name | title }}" height="64" width="64"> -->
          <h4 class="highlight">{{ .name | title }}</h4>
          <p>{{ .content | markdownify }}</p>
        </li>
        {{ end }}
      </ul>
    </div>
  </section>
  {{ end }}
  {{ end }}

  <section id="me">
    <div class="container">
      <img src="/simon.png" alt="Simon" width="200" height="200">
      <h3 class="highlight">Qui est derrière Weko</h3>
      <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 tests, 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>
  </section>

  <section id="partenaire">
    <div class="container">
      <div class="right">
        <h3>Réseau professionnel</h3>
        <p>Weko est une entreprise engagée !</p>
        <p> Elle 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>
      </div>
      <ul class="no-style left">
        <li><a href="https://www.talentscroises.fr/"><img src="/logos/talentscroises.webp" alt="Logo de Talents Croisés" height="150"></a></li>
        <li><a href="https://ronalpia.fr"><img src="/logos/ronalpia.webp" alt="Logo de Ronalpia" height="150"></a></li>
        <li><a href="https://www.digital-league.org"><img src="/logos/digitalleague.webp" alt="Logo de Digital League" height="150"></a></li>
      </ul>
    </div>
  </section>
{{ end }}