weko/layouts/home.html

125 lines
4.9 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 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 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 tests, 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>
</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 }}