-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
port galae website to jssg prototype
- Loading branch information
Clément
committed
Jun 17, 2024
1 parent
a9b264b
commit feb22b6
Showing
86 changed files
with
14,164 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,6 +3,7 @@ __pycache__/ | |
|
||
# Environments | ||
/.direnv/ | ||
/env/ | ||
|
||
# Generated site | ||
/dist/ | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,13 @@ | ||
--- | ||
title Page1 | ||
slug page1 | ||
--- | ||
{ | ||
|
||
} | ||
|
||
--- | ||
|
||
Page 1 | ||
|
||
Go to [page 2]({% url 'page' 'page2' %}) | ||
<p>Go to <a href="{% url 'page' 'page2' %}">page 2</a> </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,168 @@ | ||
--- METADATA (first) --- | ||
title galae - le service e-mail éthique et libre facturé à l'usage | ||
slug fr-index | ||
description galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France. | ||
language French | ||
lang fr | ||
# open graph metatada | ||
og:title galae - le service e-mail éthique et libre facturé à l'usage | ||
og:description galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France. | ||
og:type website | ||
og:site_name galae.net | ||
og:url https://www.galae.net/fr/ | ||
og:image https://www.galae.net/assets/img/galae_logo.png | ||
og:locale fr | ||
|
||
--- DATA (second JSON Structure) --- | ||
{ | ||
"items_secu": [ | ||
"Notre plateforme supporte nativement DKIM, SPF et DMARC.", | ||
"Vous interagissez avec vos e-mails, carnets d'adresses et agendas via les protocoles standards IMAP, POP3, CalDAV et CardDAV.", | ||
"Nous proposons des filtres SIEVE, des alias, une gestion fine des quotas.", | ||
"Nous sommes attentifs à la délivérabilité de vos e-mails." | ||
], | ||
"items_data": [ | ||
"Notre infrastructure est exclusivement localisée en France.", | ||
"Nous respectons le RGPD et veillons à le respecter dans la durée. Nous sommes accompagnés par un cabinet spécialisé : <a href='https://www.cosipe.fr/' target='_blank'>Cosipé</a>.", | ||
"Notre infrastructure matérielle redondée permet d'assurer la pérennité de vos données.", | ||
"Vos données sont sauvegardées hors-site ; les sauvegardes sont redondées." | ||
], | ||
"items_autonomous_sovereign": [ | ||
"Interface de gestion fine de votre messagerie : création/suppression de boîtes e-mail, alias, filtres SIEVE, quotas, etc.", | ||
"<a href=\"https://public-community.galae.net\" target=\"_blank\">Plateforme</a> d'entraide communautaire.", | ||
"En option : <abbr title=\"Garantie de Temps d'Intervention\">GTI</abbr>, support téléphonique professionnel.", | ||
"Nous n'utilisons que des logiciels libres et des protocoles ouverts pour assurer l'interopérabilité." | ||
], | ||
"references": [ | ||
{ "name": "oslandia", "logo_url":"assets/img/references/oslandia.webp" }, | ||
{ "name": "NARM-PC", "logo_url":"assets/img/references/narm-pc.svg" }, | ||
{ "name": "Domeo conseils", "logo_url": "assets/img/references/domeo-conseils.webp" }, | ||
{ "name": "Ethicsys", "logo_url": "assets/img/references/ethicsys.webp" }, | ||
{ "name": "pix'n'graph", "logo_url":"assets/img/references/pixngraph.webp" } | ||
], | ||
"testimonials": [ | ||
{ "name": "Dominique Hébert", "fonction": "Directeur du développement Educ'AT", "testimonial": "Je peux créer autant d'adresses email et d'alias que je veux.", "img_url": "assets/img/testimonials/educ-at--dominique-hebert.webp" }, | ||
{ "name": "Mathieu Labonne", "fonction": "Ecohameau du Plessis", "testimonial": "Nous avons été accueillis avec beaucoup d'attention et d'écoute.", "img_url": "assets/img/testimonials/ecohameau-du-plessis--mathieu-labonne.webp" }, | ||
{ "name": "Kévin Guérin", "fonction": "Entrepreneur et conférencier", "testimonial": "J’apprécie particulièrement la souplesse de facturation à l’usage effectif.", "img_url": "assets/img/testimonials/kevin-guerin.webp" } | ||
] | ||
} | ||
--- BODY (last / third) --- | ||
{% load vite %} | ||
|
||
{{{TO-1-LINE | ||
{% include "widgets/page_section_reference_logos.html" with REFERENCES=data.references %} | ||
TO-1-LINE}}} | ||
<section class="showcase"> | ||
<div class="container-fluid p-0"> | ||
|
||
{{{TO-1-LINE | ||
{% include "widgets/page_block_h2_with_ul_content_and_image_right.html" with | ||
TITLE=" | ||
Des e-mails <span class='galae-color'>délivrés</span>, | ||
conformes aux <span class='galae-color'>standards</span> | ||
" | ||
IMAGE_URL="assets/img/undraw_futuristic_interface_re_0cm6.svg" | ||
CONTENT_ITEMS=data.items_secu | ||
CTA_LABEL="Découvrir les tarifs" | ||
CTA_URL="#pricing" | ||
%} | ||
{% include "widgets/page_block_h2_with_ul_content_and_image_left.html" with | ||
TITLE="Vos données en <span class='galae-color'>sécurité</span>" | ||
IMAGE_URL="assets/img/undraw_relaxation_re_ohkx.svg" | ||
CONTENT_ITEMS=data.items_data | ||
CTA_LABEL="Découvrir les tarifs" | ||
CTA_URL="#pricing" | ||
%} | ||
{% include "widgets/page_block_h2_with_ul_content_and_image_right.html" with | ||
TITLE="Vous êtes <span class='galae-color'>autonomes</span>, accompagnés et souverains." | ||
IMAGE_URL="assets/img/undraw_experts_re_i40h.svg" | ||
CONTENT_ITEMS=data.items_autonomous_sovereign | ||
CTA_LABEL="Découvrir les tarifs" | ||
CTA_URL="#pricing" | ||
%} | ||
TO-1-LINE}}} | ||
</div> | ||
</section> | ||
{{{TO-1-LINE | ||
{% include "widgets/page_block_h2_with_content_and_primary_secondary_cta.html" with | ||
HTMLID="pricing" | ||
TITLE="Offres et tarifs" | ||
CONTENT="L'offre galae repose sur les 4 offres suivantes :" | ||
MAIN_IMG_URL="assets/img/grille_tarifaire_galae_fr.png" | ||
MAIN_IMG_ALT="prix de galae" | ||
SECONDARY_CTA_URL="assets/docs/grille_tarifaire_galae.pdf" | ||
SECONDARY_CTA_TARGET="_blank" | ||
SECONDARY_CTA_LABEL="Téléchargez la grille tarifaire" | ||
PRIMARY_CTA_URL="https://pay.galae.net/" | ||
PRIMARY_CTA_TARGET="_blank" | ||
PRIMARY_CTA_LABEL="Souscrivez maintenant" | ||
PRIMARY_CTA_ICON="bi-rocket" | ||
%} | ||
|
||
{% include "widgets/testimonials.html" with PERSONS=data.testimonials %} | ||
|
||
|
||
{% include "widgets/page_block_h2_with_content_dark_background_no_cta.html" with | ||
HTMLID="" | ||
TITLE="Pourquoi j'ai décidé de créer le service <span class=\"galae-color\">galae</span> ?" | ||
CONTENT=" | ||
<p class=\"lead\"> | ||
Comme nombre d'entre vous, j'ai constaté une dégradation progressive de la qualité des services e-mail et une augmentation des tarifs. | ||
</p> | ||
<p class=\"lead\"> | ||
Cette conjoncture et les projets que nous menons avec <a href=\"https://www.algoo.fr\" target=\"_blank\">algoo</a> | ||
pour le compte de nos clients m'ont décidé à lancer un service e-mail conforme aux standards, | ||
s'appuyant exclusivement sur des logiciels libres et évidemment respectueux | ||
des données des utilisateurs. | ||
</p> | ||
<p class=\"lead\"> | ||
Lorsque je les ai interrogés, les clients m'ont demandé : | ||
</p> | ||
<ul class=\"lead\"> | ||
<li> | ||
un service souple facturé à l'usage effectif — indexé sur le volume de stockage et le volume d'envoi, | ||
</li> | ||
<li> | ||
une relation de proximité et de confiance qui se matérialise par un vrai support client, humain, de proximité, | ||
</li> | ||
<li> | ||
la mise à disposition d'outils permettant une gestion autonome des boîtes e-mail. | ||
</li> | ||
</ul> | ||
<p class=\"lead\"> | ||
Nous avons construit le service avec l'équipe, avec la communauté, avec nos clients, pour nos clients. | ||
</p> | ||
<p class=\"lead\"> | ||
Et ça continuera d'être ainsi. | ||
</p> | ||
<p class=\"lead\"> | ||
Décrié, le mail reste la colonne vertébrale de la majorité des systèmes d'informations. | ||
|
||
Nous — algoo — sommes là pour vous accompagner dans cette aventure avec notre service de | ||
<span class=\"galae-color\">G</span>estion | ||
<span class=\"galae-color\">A</span>utonome et | ||
<span class=\"galae-color\">L</span>ibre | ||
d'<span class=\"galae-color\">A</span>dresses | ||
<span class=\"galae-color\">E</span>mail. | ||
</p> | ||
<div class=\"text-end\"> | ||
<img class=\"img-fluid rounded-circle mb-3\" style=\"max-width: 4em;\" src=\"../static/assets/img/damien-accorsi-algoo-galae.jpg\" alt=\"Damien ACCORSI, dirigeant algoo et créateur galae\" /> | ||
<h5>Damien ACCORSI</h5> | ||
<h6>Dirigeant <span class=\"galae-color\">algoo</span> et créateur de <span class=\"galae-color\">galae</span></h6> | ||
</div>"%}{% include "widgets/page_section_main_cta.html" with | ||
HTMLID="signup" | ||
TITLE="Convaincus que vous avez besoin d'un email éthique facturé à l'usage ?" | ||
SUBTITLE=" | ||
<a href=\"https://pay.galae.net/\" target=\"_blank\" class=\"btn btn-primary btn-lg\"> | ||
Souscrivez à galae maintenant !<i class=\"bi-rocket\"></i> | ||
</a> | ||
" | ||
SECONDARY_TITLE=" | ||
<p> | ||
<br/><br/>Vous pouvez aussi | ||
<a class=\"signup__link\" href=\"#!\" onclick=\"this.href='mailto:[email protected]?subject=Hello, j\'aimerais en savoir plus sur vos offres e-mail galae...'\">nous envoyer un e-mail</a> | ||
ou nous appeler au <a class=\"signup__link\" href=\"tel:+33972497220\">+33 (0)9.72.49.72.20</a> | ||
</p> | ||
" | ||
%} | ||
TO-1-LINE}}} |
Oops, something went wrong.