Skip to content

Commit

Permalink
port galae website to jssg prototype
Browse files Browse the repository at this point in the history
  • Loading branch information
Clément committed Jun 17, 2024
1 parent a9b264b commit feb22b6
Show file tree
Hide file tree
Showing 86 changed files with 14,164 additions and 38 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ __pycache__/

# Environments
/.direnv/
/env/

# Generated site
/dist/
Expand Down
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ Today, it's a django app that can generate a static website with Vite & Typescri
```shell
$ git clone https://github.com/jtremesay/jtremesay.org.git
$ cd jtremesay.org
$ python3.9 -m venv env/
$ source env/bin/activate
$ direnv allow
$ npm install
$ pip install -Ur requirements.txt
Expand Down
8 changes: 7 additions & 1 deletion content/pages/a_page.md
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>
8 changes: 7 additions & 1 deletion content/pages/another_page.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,12 @@
title Another page
slug page2
---
{

}

---

Page 2

Go to [page 1]({% url 'page' 'page1' %})
<p>Go to <a href="{% url 'page' 'page1' %}">page 1</a> </p>
32 changes: 20 additions & 12 deletions content/pages/index.md → content/pages/en-index.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
--- METADATA (first) ---
title galae - le service e-mail éthique et libre facturé à l'usage
slug index
slug en-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
lang en
# 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.
Expand Down Expand Up @@ -34,11 +34,16 @@ og:locale fr
"Nous n'utilisons que des logiciels libres et des protocoles ouverts pour assurer l'interopérabilité."
],
"references": [
{ "name": "oslandia", "logo_url":"https://www.galae.net/assets/img/references/oslandia.png" },
{ "name": "NARM-PC", "logo_url":"https://www.galae.net/assets/img/references/narm-pc.svg" },
{ "name": "Domeo conseils", "logo_url": "https://www.galae.net/assets/img/references/domeo-conseils.png" },
{ "name": "Ethicsys", "logo_url": "https://www.galae.net/assets/img/references/ethicsys.png" },
{ "name": "pix'n'graph", "logo_url":"https://www.galae.net/assets/img/references/pixngraph.png" }
{ "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) ---
Expand All @@ -56,21 +61,21 @@ TO-1-LINE}}}
Des e-mails <span class='galae-color'>délivrés</span>,
conformes aux <span class='galae-color'>standards</span>
"
IMAGE_URL="https://www.galae.net/assets/img/undraw_futuristic_interface_re_0cm6.svg"
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="https://www.galae.net/assets/img/undraw_relaxation_re_ohkx.svg"
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="https://www.galae.net/assets/img/undraw_experts_re_i40h.svg"
IMAGE_URL="assets/img/undraw_experts_re_i40h.svg"
CONTENT_ITEMS=data.items_autonomous_sovereign
CTA_LABEL="Découvrir les tarifs"
CTA_URL="#pricing"
Expand All @@ -83,16 +88,19 @@ TO-1-LINE}}}
HTMLID="pricing"
TITLE="Offres et tarifs"
CONTENT="L'offre galae repose sur les 4 offres suivantes :"
MAIN_IMG_URL="https://www.galae.net/assets/img/grille_tarifaire_galae_fr.png"
MAIN_IMG_URL="assets/img/grille_tarifaire_galae_fr.png"
MAIN_IMG_ALT="prix de galae"
SECONDARY_CTA_URL="https://www.galae.net/assets/docs/grille_tarifaire_galae.pdf"
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> ?"
Expand Down
168 changes: 168 additions & 0 deletions content/pages/fr-index.md
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 &mdash; 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 &mdash; algoo &mdash; 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&nbsp;?"
SUBTITLE="
<a href=\"https://pay.galae.net/\" target=\"_blank\" class=\"btn btn-primary btn-lg\">
Souscrivez à galae maintenant&nbsp;!<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}}}
Loading

0 comments on commit feb22b6

Please sign in to comment.