Compare commits

...

12 Commits

Author SHA1 Message Date
Adrien Kara 175216e9cf
Update builded output
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 03:01:45 +01:00
Adrien Kara f33c09432a
Fix typo issue passe No1
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 03:00:49 +01:00
Adrien Kara 12dc651c82
Update data set
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 02:50:17 +01:00
Adrien Kara bb125a99aa
Update W3C issues
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 02:36:59 +01:00
Adrien Kara cb6a15d959
Update accessibility issue
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 02:17:42 +01:00
Adrien Kara 4c8af67a8d
Update template and data set
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 02:09:29 +01:00
Adrien Kara a02d5a2610
Add data file
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 01:44:54 +01:00
Adrien Kara 31a8690a9c
Add builder
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-14 01:43:58 +01:00
Adrien Kara 5d92360670
Rename pub to public
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-13 15:18:39 +01:00
Adrien Kara a813735e08
Move to source
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-13 15:17:22 +01:00
Adrien Kara cd551f03f8
Fix img loading
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-13 14:41:48 +01:00
Adrien Kara 639610e206
Ad title && Fix contact addr section
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-13 03:02:43 +01:00
15 changed files with 470 additions and 118 deletions

113
data/data.stf Normal file
View File

@ -0,0 +1,113 @@
// HTML Meta
// Titre
Iglou.eu - Développement Logiciel, Web et API
// Description
🧑‍💻 Développement spécifique dapplication Web et Logiciel 🧩, dAutomatisations ⚙️, dAPI et Scrapping 💌
// HTML Menu
Avantages
Services
Questions
Contact
// Présentation
Je&#8239;développe&#8239;pour&#8239;vous&thinsp;ce&#8239;qui&#8239;nexiste&#8239;pas.
// Description
Avec plus de 10 ans dexpériences dans le développement spécifique de Logiciels, dApplications Web & dAPI. Japporte mon expertise dans le solutionnement de vos problématiques.
// Bouton
Demander un devis
// HTML Preview
// Logiciel
Logiciel Spécifique
Un développement sur mesure, permettant de résoudre vos problèmes à votre manière.
// Web
Application Web
Accessible avec un navigateur web, elle est à favoriser pour du travail nomade.
// API
API et Web Scrapping
Les API connectent des applications, le web Scrapping récoltent des données
// HTML Avantages
Mes avantages
// Licence
Une licence permissive
Vous êtes libre de toutes formes dexploitation de votre solution y compris sa commercialisation et sa modification. Et nêtes lié par aucun contrat dexploitations.
// Maintenance
6 mois de maintenance
Durant 6 mois, je corrige gratuitement toutes anomalies, incidents ou défaillances potentielles, non liés à une erreur de manipulation et qui apparaîtraient à lusage.
// Code source
Code source disponible
Chaque commande saccompagne dun compte client sur mon service dhébergement et de gestion de développement logiciel. Vous donnant un accès illimité au code source.
// Outils
Outils de déploiement
Pour aider vos équipes techniques ou prestataires dhébergement, je prends le temps de réaliser des outils de déploiement simplifie. Makefile, Script, Fichier SystemD et Readme.
// Infra
Une infrastructure dédiée
Dans le cas où vous ne disposiez pas déquipe technique ou ne désiriez pas vous charger de lhébergement. Je mets à disposition une infrastructure dédiée a votre solution.
// HTML Description
// Logiciel
Logiciel Spécifique
Un logiciel spécifique est une solution permettant de résoudre vos problèmes à votre manière, elle peut prendre la forme dun logiciel classique ou dune automation invisible.
// Web
Application Web
Lapplication web est un logiciel spécifique, mais disponible en ligne. Accessible avec un navigateur web et disponible partout, elle est à favoriser pour du travail nomade.
// API
API et Web Scrapping
Les API sont des interfaces permettant la connections entre deux applications. Sans elles nous recourons au Web Scrapping. La réalisation ou exploitation de ces techniques est une de mes passions.
// HTML FAQ
Questions fréquentes
Dans le cas où vous ne trouviez pas la réponse a votre question. Nhésitez pas a <a href=”#a_contact” class=“link”>me contacter</a>
// Q1
Faut-il sy connaitre en développement pour faire appel à vos services ?
Absolument pas, je suis disponible pour vos questions et madapte à votre niveau pour vous accompagner, quel que soit le projet. Vous avez votre domaine dexpertise et le mien a votre disposition.
// Q2
// Q3
// Q4
// Q5
// HTML Contact
Me contacter
Favorisez le contact par e-mail qui est mon moyen de communication de prédilection.
// Email
E-mail
contact@iglou.eu
// Tel
Téléphone
+33769812078
07.69.81.20.78
// Addr
Adresse
Iglou.eu / Coopaname<br>3/7 rue Albert Marquet<br>75020 Paris<br>France
// HTML Footer
Par Iglou.eu en 2022
Mes engagements
Mentions-légales
// HTML Mentions
// Crédit
Propriété intellectuelle et crédits
Iconographie par <strong>Font Awesome</strong> sous licence <strong>SIL OFL 1.1</strong><br>- La font du logo Iglou.eu <strong>DissolveRegular</strong> par <strong>Freddie Line</strong> avec <strong>FontForge</strong> sous licence <strong>Freeware</strong><br>- Les logos <strong>Iglou.eu</strong> demeurent la propriété exclusive de <strong>Iglou.eu</strong>.<br>- Tout autre contenu diffusés par <strong>Iglou.eu</strong> sont sous licence libre CC-BY et APACHE, conformément a la loi Française <a href=“https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006278891/”>Article L121-1</a>, interdisant la mise en domaine public.
// Édition
Édition du site
<a href=“https://iglou.eu”><strong>Iglou.eu</strong></a><strong>&nbsp;fait partie de <a href=“http://www.coopaname.coop/” target=“_blank” rel=“noreferrer”>Coopaname</a> :</strong><br>Scop-SA à capital variable<br>RCS Paris 448 762 526<br>APE : 7022Z<br>N° Intracom FR49 448 762 526<br><br><strong>Siège social :</strong> COOPANAME<br>3/7 rue Albert Marquet 75020 PARIS<br>Tél : 01 43 71 82 69
// Hébergement
Hébergement
Planet hoster<br>TPS : 808598932 RT0001<br>TVQ : 1220427184 TQ0001<br><br>4416 Louis B. Mayer<br>Laval (Grand Montréal),<br>Québec H7P 0G1 Canada<br><br>Tél FR (Nº Vert): 0 805 080 426<br>Tél FR: +33 1 76 60 41 43<br><a href=“www.planethoster.com” target=“_blank” rel=“noreferrer”>www.planethoster.com</a>
// Cookies
Cookies et vie privée
Ce site nutilise absolument aucun cookie ou outils de créations de statistiques.

View File

94
public/DiscoveryOne.html Normal file
View File

@ -0,0 +1,94 @@
<!doctype html><html lang=fr><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge"><title>Iglou.eu - Développement Logiciel, Web et API</title><meta name=description content="🧑‍💻 Développement spécifique dapplication Web et Logiciel 🧩, dAutomatisations ⚙️, dAPI et Scrapping 💌"><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=yes,viewport-fit=cover"><link rel=stylesheet href=css/Monolith.css></head><body><header class=page_header><a href=# class=header_logo aria-label="Logo Iglou.eu" title="Remonter la page"><svg class="svg_icon">
<use xlink:href="#svg_iglou"></use>
</svg></a><nav class=header_nav aria-label=Menu><ul class=header_menu><li class=menu_entry><a href=#a_benefits class="menu_entry link">Avantages</a></li><li class=menu_entry><a href=# class="menu_entry link">Services</a></li><li class=menu_entry><a href=#a_faq class="menu_entry link">Questions</a></li><li class=menu_entry><a href=#a_contact class="menu_entry button contact"><span>Contact</span></a></li></ul></nav></header><main id=main class=main><article id=a_primary class=article><div class=hero><h1 class=hero__title>Je&#8239;développe&#8239;pour&#8239;vous&#8201;ce&#8239;qui&#8239;nexiste&#8239;pas.</h1><p class=hero__text>Avec plus de 10 ans dexpériences dans le développement spécifique de Logiciels, dApplications Web & dAPI. Japporte mon expertise dans le solutionnement de vos problématiques.</p><a href="mailto:contact@iglou.eu?subject=%5BDevis%5D%20Cr%C3%A9ation%20sur%20mesure&body=Bonjour%20Adrien%20d%27Iglou.eu%2C%0D%0A%7BVotre%20message%7D%0D%0A%0D%0A%0D%0ANous%20avons%20un%20projet%20%28cocher%20la%20case%20correspondante%29%20%3A%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%20Progiciels%2FLogicielle%0D%0A-%20%5B%20%5D%20Application%20web%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%2FExploitation%20API%0D%0A-%20%5B%20%5D%20Automatisation%2FScrapping%0D%0A%0D%0AAvec%20un%20budget%20entre%20...%20et%20...%20%E2%82%AC%0D%0A%0D%0ALe%20projet%20en%20quelques%20lignes%20%3A%0D%0A%7BVotre%20projet%7D%0D%0A%0D%0A%0D%0ACordialement%2C" class="button with_icon contact"><svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg><span>Demander un devis</span></a></div><div class=services_preview><div class="services_preview__item prez_pad"><div class="services_preview__item_icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_software"></use>
</svg></div><a href=# class="services_preview__item_title prez_pad__title">Logiciel Spécifique</a><p class="services_preview__item_text prez_pad__text">Un développement sur mesure, permettant de résoudre vos problèmes à votre manière.</p></div><div class="services_preview__item prez_pad"><div class="services_preview__item_icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_webapp"></use>
</svg></div><a href=# class="services_preview__item_title prez_pad__title">Application Web</a><p class="services_preview__item_text prez_pad__text">Accessible avec un navigateur web, elle est à favoriser pour du travail nomade.</p></div><div class="services_preview__item prez_pad"><div class="services_preview__item_icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_api"></use>
</svg></div><a href=# class="services_preview__item_title prez_pad__title">API et Web Scrapping</a><p class="services_preview__item_text prez_pad__text">Les API connectent des applications, le web Scrapping récoltent des données</p></div></div></article><article id=a_benefits class=article><h2 class="benefits_title grid_full glob_title">Mes avantages</h2><p class="benefits_desc grid_full glob_desc"></p><img src=/media/exemple_app.png alt="exemple d'application" class=benefits_reps loading=lazy><ol class=benefits_list><li class="benefit_item prez_pad"><div class="benefit_item__icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_eye"></use>
</svg></div><p class="benefit_item__title prez_pad__title">Une licence permissive</p><p class="benefit_item__text prez_pad__text">Vous êtes libre de toutes formes dexploitation de votre solution y compris sa commercialisation et sa modification. Et nêtes lié par aucun contrat dexploitations.</p></li><li class="benefit_item prez_pad"><div class="benefit_item__icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_git"></use>
</svg></div><p class="benefit_item__title prez_pad__title">6 mois de maintenance</p><p class="benefit_item__text prez_pad__text">Durant 6 mois, je corrige gratuitement toutes anomalies, incidents ou défaillances potentielles, non liés à une erreur de manipulation et qui apparaîtraient à lusage.</p></li><li class="benefit_item prez_pad"><div class="benefit_item__icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_medical"></use>
</svg></div><p class="benefit_item__title prez_pad__title">Code source disponible</p><p class="benefit_item__text prez_pad__text">Chaque commande saccompagne dun compte client sur mon service dhébergement et de gestion de développement logiciel. Vous donnant un accès illimité au code source.</p></li><li class="benefit_item prez_pad"><div class="benefit_item__icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_screwdriver"></use>
</svg></div><p class="benefit_item__title prez_pad__title">Outils de déploiement</p><p class="benefit_item__text prez_pad__text">Pour aider vos équipes techniques ou prestataires dhébergement, je prends le temps de réaliser des outils de déploiement simplifie. Makefile, Script, Fichier SystemD et Readme.</p></li><li class="benefit_item prez_pad"><div class="benefit_item__icon prez_pad__icon"><svg class="svg_icon">
<use xlink:href="#svg_server"></use>
</svg></div><p class="benefit_item__title prez_pad__title">Une infrastructure dédiée</p><p class="benefit_item__text prez_pad__text">Dans le cas où vous ne disposiez pas déquipe technique ou ne désiriez pas vous charger de lhébergement. Je mets à disposition une infrastructure dédiée a votre solution.</p></li></ol></article><article id=a_faq class=article><h2 class="faq_title glob_title">Questions fréquentes</h2><p class="faq_desc glob_desc">Dans le cas où vous ne trouviez pas la réponse a votre question. Nhésitez pas a <a href=”#a_contact” class=“link”>me contacter</a></p><div class=faq_questions><details class=question open><summary class="link question_title">Faut-il sy connaitre en développement pour faire appel à vos services ?</summary><p class=question_response>Absolument pas, je suis disponible pour vos questions et madapte à votre niveau pour vous accompagner, quel que soit le projet. Vous avez votre domaine dexpertise et le mien a votre disposition.</p></details><details class=question><summary class="link question_title"></summary><p class=question_response></p></details><details class=question><summary class="link question_title">contact@iglou.eu</summary><p class=question_response></p></details><details class=question><summary class="link question_title"></summary><p class=question_response></p></details><details class=question><summary class="link question_title"></summary><p class=question_response></p></details></div></article><article id=a_contact class=article><h2 class="contact_title glob_title">Me contacter</h2><p class="contact_desc glob_desc">Favorisez le contact par e-mail qui est mon moyen de communication de prédilection.</p><div class=box><div class=contact_info><div class=contact_info__item><h3 class=contact_info__item_title><svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg><span>E-mail</span></h3><address class=contact_info__item_content><a class=link href="mailto:contact@iglou.eu?subject=%5BContact%5D%20Depuis%20Iglou.eu&body=Bonjour%20Adrien%20d%27Iglou.eu%2C%0D%0A%7BVotre%20message%7D%0D%0A%0D%0ACordialement%2C">contact@iglou.eu</a></address></div><div class=contact_info__item><h3 class=contact_info__item_title><svg class="svg_icon">
<use xlink:href="#svg_phone"></use>
</svg><span>Téléphone</span></h3><address class=contact_info__item_content><a class=link href=tel:+33769812078>07.69.81.20.78</a></address></div><div class=contact_info__item><h3 class=contact_info__item_title><svg class="svg_icon">
<use xlink:href="#svg_location"></use>
</svg><span>Adresse</span></h3><address class=contact_info__item_content>Iglou.eu / Coopaname<br>3/7 rue Albert Marquet<br>75020 Paris<br>France</address></div></div><img src=/media/map.jpg alt="Carte openstreetmap indiquant l'emplacement de Iglou.eu" class=contact_map loading=lazy></div></article></main><footer id=footer class=footer><a href=# class=footer_logo aria-label="Logo Iglou.eu" title="Remonter la page"><svg class="svg_icon">
<use xlink:href="#svg_iglou"></use>
</svg></a><p class=footer_content>Par Iglou.eu en 2022 - <a class=link href=#engagement>Mes engagements</a> - <a class=link href=#legal>Mentions-légales</a></p><ul class=footer_social><li class=footer_social__item><a href=https://git.iglou.eu class="footer_social__item_link link" title="Private git" target=_blank rel=noreferrer><svg class="svg_icon">
<use xlink:href="#svg_git"></use>
</svg></a></li><li class=footer_social__item><a href=https://github.com/IGLOU-EU class="footer_social__item_link link" title=Github target=_blank rel=noreferrer><svg class="svg_icon">
<use xlink:href="#svg_github"></use>
</svg></a></li><li class=footer_social__item><a href=https://www.linkedin.com/in/adrien-iglou/ class="footer_social__item_link link" title=Linkedin target=_blank rel=noreferrer><svg class="svg_icon">
<use xlink:href="#svg_linkedin"></use>
</svg></a></li></ul></footer><svg class="hidden">
<!-- DissolveRegular created by FontForge 20090622 at Mon Jun 4 15:21:10 2018 By deploy user -->
<symbol id="svg_iglou" viewBox="0 0 332 105">
<title>Iglou.eu</title>
<path d="m67.5 52.5v25c0 3.4-0.65 6.6-2 9.6s-3.1 5.7-5.4 8-4.9 4-8 5.4-6.3 2-9.8 2c-2 6e-3 -4.1-0.14-6.1-0.43-1.1-0.17-2.3-0.39-3.4-0.67-1.4-0.36-2.9-0.81-4.2-1.4-1.2-0.48-2.3-1.1-3.4-1.7-1.3-0.79-2.5-1.7-3.6-2.8-0.62-0.61-1.2-1.3-1.7-2-1.4-1.8-2.2-3.8-2.4-6h9c0.4 1.1 0.93 2.1 1.6 3 0.41 0.56 0.88 1.1 1.4 1.5 0.43 0.35 0.89 0.67 1.4 0.95 0.56 0.32 1.1 0.6 1.8 0.82 0.6 0.22 1.2 0.42 1.9 0.59 0.28 0.068 0.56 0.13 0.85 0.19 0.63 0.12 1.3 0.22 1.9 0.28 1.4 0.15 3.1 0.21 4.9 0.17 0.054-0.0013 0.11-0.0026 0.16-4e-3 1.9 0.012 3.8-0.29 5.7-0.89 0.41-0.14 0.82-0.29 1.2-0.46 2.1-0.9 4-2.1 5.6-3.7s2.8-3.4 3.7-5.6 1.4-4.4 1.4-6.8v-25c0-2.4-0.45-4.7-1.4-6.8s-2.1-4-3.7-5.6-3.4-2.8-5.6-3.8c-2-0.85-4.2-1.3-6.4-1.3-0.15-0.0034-0.31-0.0051-0.46-5e-3 -2.3 0-4.6 0.45-6.6 1.4s-4 2.2-5.6 3.8-2.9 3.5-3.8 5.6-1.4 4.4-1.4 6.8 0.47 4.7 1.4 6.8 2.2 4 3.8 5.6 3.4 2.8 5.6 3.8 4.3 1.4 6.6 1.4v7.5c-3.4 0-6.6-0.65-9.6-2s-5.7-3.1-8-5.3-4-4.9-5.4-7.9c-1.2-2.8-1.8-5.8-1.9-8.9-0.011-0.33-0.017-0.66-0.017-0.99 0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4 8-5.4 6.2-2 9.6-2c3.5 0 6.7 0.65 9.8 2s5.7 3.1 8 5.4 4 4.9 5.4 8 2 6.2 2 9.6zm180 18v7.5c-3.5 0-6.7-0.65-9.8-2s-5.7-3.1-8-5.4-4-4.9-5.4-8-2-6.3-2-9.8c0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4.1 8-5.4 6.3-2 9.8-2c3.4 0 6.6 0.67 9.6 2s5.7 3.1 8 5.4 4.1 4.9 5.4 8 2 6.9 2 9.6v4.8h-25v-7.5h18c0-2-0.45-3.9-1.4-5.7s-2.2-3.4-3.8-4.7c-1.3-1.1-2.8-2-4.4-2.7-0.39-0.17-0.78-0.33-1.2-0.48-2.2-0.81-4.5-1.2-6.8-1.2h-4e-3c-1.9 0-3.8 0.29-5.7 0.89-0.41 0.14-0.82 0.29-1.2 0.46-2.1 0.9-4 2.2-5.6 3.8s-2.8 3.5-3.7 5.6-1.4 4.4-1.4 6.8c-0.012 1.9 0.29 3.8 0.89 5.7 0.14 0.41 0.29 0.82 0.46 1.2 0.9 2.1 2.1 4 3.7 5.6s3.4 2.8 5.6 3.7c2 0.85 4.2 1.3 6.4 1.3 0.15 0.0034 0.31 0.0051 0.46 5e-3zm-132 7.1v-7.5c2.4 0 4.7-0.45 6.8-1.4s4-2.1 5.6-3.7 2.8-3.4 3.7-5.5 1.4-4.4 1.4-6.8-0.45-4.7-1.4-6.8-2.1-4-3.7-5.6-3.4-2.8-5.6-3.7-4.4-1.4-6.8-1.4-4.6 0.45-6.8 1.4-3.9 2.1-5.5 3.7-2.8 3.4-3.7 5.6-1.4 4.4-1.4 6.8h-7.5c0-3.4 0.65-6.6 2-9.6s3.1-5.7 5.4-8 4.9-4 7.9-5.4 6.2-2 9.6-2 6.6 0.65 9.6 2 5.7 3.1 8 5.4 4 4.9 5.4 8 2 6.2 2 9.6c0 3.5-0.65 6.7-2 9.8s-3.1 5.7-5.4 7.9-4.9 4-8 5.2-6.2 1.9-9.6 1.9zm75-25v-0.2h7.6v0.2c0 3.5-0.67 6.7-2 9.8s-3.1 5.7-5.4 8-4.9 4.1-8 5.4-6.3 2-9.7 2c-3.5 0-6.7-0.67-9.8-2s-5.7-3.1-8-5.4-4.1-4.9-5.4-8-2.5-6.3-2-9.8v-25h7.6v25c0 2.4 0.45 4.7 1.4 6.8s2.1 4 3.7 5.6 3.4 2.8 5.6 3.8c2.1 0.91 4.4 1.4 6.7 1.4 0.079 8e-4 0.16 0.0012 0.24 1e-3 2.4 0 4.6-0.47 6.8-1.4s4-2.2 5.6-3.8 2.9-3.4 3.8-5.6 1.4-6.8 1.4-6.8zm132 0v-0.2h7.6v0.2c0 3.5-0.67 6.7-2 9.8s-3.1 5.7-5.4 8-4.9 4.1-8 5.4-6.3 2-9.7 2c-3.5 0-6.7-0.67-9.8-2s-5.7-3.1-8-5.4-4.1-4.9-5.4-8-2-6.3-2-9.8v-25h7.6v25c0 2.4 0.45 4.7 1.4 6.8s2.1 4 3.7 5.6 3.4 2.8 5.6 3.8c2.1 0.91 4.4 1.4 6.7 1.4 0.079 8e-4 0.16 0.0012 0.24 1e-3 2.4 0 4.6-0.47 6.8-1.4s4-2.2 5.6-3.8 2.9-3.4 3.8-5.6 1.4-7 1.4-6.8zm-240 25h-7.5v-75h7.5zm-72-0.2h-7.5v-74h7.5zm195 0.2v-8.1h8.4v8.1z" />
</symbol>
<!--! Font Awesome 5.15.4/6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<symbol id="svg_software" viewBox="0 0 640 512">
<title>Software</title>
<path d="M128 96h384v256h64V80C576 53.63 554.4 32 528 32h-416C85.63 32 64 53.63 64 80V352h64V96zM624 384h-608C7.25 384 0 391.3 0 400V416c0 35.25 28.75 64 64 64h512c35.25 0 64-28.75 64-64v-16C640 391.3 632.8 384 624 384zM365.9 286.2C369.8 290.1 374.9 292 380 292s10.23-1.938 14.14-5.844l48-48c7.812-7.813 7.812-20.5 0-28.31l-48-48c-7.812-7.813-20.47-7.813-28.28 0c-7.812 7.813-7.812 20.5 0 28.31l33.86 33.84l-33.86 33.84C358 265.7 358 278.4 365.9 286.2zM274.1 161.9c-7.812-7.813-20.47-7.813-28.28 0l-48 48c-7.812 7.813-7.812 20.5 0 28.31l48 48C249.8 290.1 254.9 292 260 292s10.23-1.938 14.14-5.844c7.812-7.813 7.812-20.5 0-28.31L240.3 224l33.86-33.84C281.1 182.4 281.1 169.7 274.1 161.9z" />
</symbol>
<symbol id="svg_webapp" viewBox="0 0 384 512">
<title>WebApp</title>
<path d="M162.1 257.8c-7.812-7.812-20.47-7.812-28.28 0l-48 48c-7.812 7.812-7.812 20.5 0 28.31l48 48C137.8 386.1 142.9 388 148 388s10.23-1.938 14.14-5.844c7.812-7.812 7.812-20.5 0-28.31L128.3 320l33.86-33.84C169.1 278.3 169.1 265.7 162.1 257.8zM365.3 93.38l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64V138.6C384 121.7 377.3 105.4 365.3 93.38zM336 448c0 8.836-7.164 16-16 16H64.02c-8.838 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1V448zM221.9 257.8c-7.812 7.812-7.812 20.5 0 28.31L255.7 320l-33.86 33.84c-7.812 7.812-7.812 20.5 0 28.31C225.8 386.1 230.9 388 236 388s10.23-1.938 14.14-5.844l48-48c7.812-7.812 7.812-20.5 0-28.31l-48-48C242.3 250 229.7 250 221.9 257.8z" />
</symbol>
<symbol id="svg_api" viewBox="0 0 512 512">
<title>API</title>
<path d="M305.8 2.076C314.4 5.932 320 14.52 320 24V64H336C406.7 64 464 121.3 464 192V358.7C492.3 371 512 399.2 512 432C512 476.2 476.2 512 432 512C387.8 512 352 476.2 352 432C352 399.2 371.7 371 400 358.7V192C400 156.7 371.3 128 336 128H320V168C320 177.5 314.4 186.1 305.8 189.9C297.1 193.8 286.1 192.2 279.9 185.8L199.9 113.8C194.9 109.3 192 102.8 192 96C192 89.2 194.9 82.71 199.9 78.16L279.9 6.161C286.1-.1791 297.1-1.779 305.8 2.077V2.076zM432 456C445.3 456 456 445.3 456 432C456 418.7 445.3 408 432 408C418.7 408 408 418.7 408 432C408 445.3 418.7 456 432 456zM112 358.7C140.3 371 160 399.2 160 432C160 476.2 124.2 512 80 512C35.82 512 0 476.2 0 432C0 399.2 19.75 371 48 358.7V153.3C19.75 140.1 0 112.8 0 80C0 35.82 35.82 .0004 80 .0004C124.2 .0004 160 35.82 160 80C160 112.8 140.3 140.1 112 153.3V358.7zM80 56C66.75 56 56 66.75 56 80C56 93.25 66.75 104 80 104C93.25 104 104 93.25 104 80C104 66.75 93.25 56 80 56zM80 408C66.75 408 56 418.7 56 432C56 445.3 66.75 456 80 456C93.25 456 104 445.3 104 432C104 418.7 93.25 408 80 408z" />
</symbol>
<symbol id="svg_paperplane" viewBox="0 0 512 512">
<title>Paper plane</title>
<path d="M511.6 36.86l-64 415.1c-1.5 9.734-7.375 18.22-15.97 23.05c-4.844 2.719-10.27 4.097-15.68 4.097c-4.188 0-8.319-.8154-12.29-2.472l-122.6-51.1l-50.86 76.29C226.3 508.5 219.8 512 212.8 512C201.3 512 192 502.7 192 491.2v-96.18c0-7.115 2.372-14.03 6.742-19.64L416 96l-293.7 264.3L19.69 317.5C8.438 312.8 .8125 302.2 .0625 289.1s5.469-23.72 16.06-29.77l448-255.1c10.69-6.109 23.88-5.547 34 1.406S513.5 24.72 511.6 36.86z" />
</symbol>
<symbol id="svg_eye" viewBox="0 0 576 512">
<title>Eye</title>
<path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z" />
</symbol>
<symbol id="svg_git" viewBox="0 0 448 512">
<title>Git</title>
<path d="M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z" />
</symbol>
<symbol id="svg_medical" viewBox="0 0 640 512">
<title>Laptop medical</title>
<path d="M624 384h-608C7.25 384 0 391.3 0 400V416c0 35.25 28.75 64 64 64h512c35.25 0 64-28.75 64-64v-16C640 391.3 632.8 384 624 384zM128 96h384v256h64V80C576 53.63 554.4 32 528 32h-416C85.63 32 64 53.63 64 80V352h64V96zM304 336h32c8.801 0 16-7.201 16-16V272h48C408.8 272 416 264.8 416 256V224c0-8.801-7.199-16-16-16H352V160c0-8.801-7.199-16-16-16h-32C295.2 144 288 151.2 288 160v48H240C231.2 208 224 215.2 224 224v32c0 8.799 7.199 16 16 16H288V320C288 328.8 295.2 336 304 336z" />
</symbol>
<symbol id="svg_screwdriver" viewBox="0 0 512 512">
<title>Screwdriver</title>
<path d="M331.8 224.1c28.29 0 54.88 10.99 74.86 30.97l19.59 19.59c40.01-17.74 71.25-53.3 81.62-96.65c5.725-23.92 5.34-47.08 .2148-68.4c-2.613-10.88-16.43-14.51-24.34-6.604l-68.9 68.9h-75.6V97.2l68.9-68.9c7.912-7.912 4.275-21.73-6.604-24.34c-21.32-5.125-44.48-5.51-68.4 .2148c-55.3 13.23-98.39 60.22-107.2 116.4C224.5 128.9 224.2 137 224.3 145l82.78 82.86C315.2 225.1 323.5 224.1 331.8 224.1zM384 278.6c-23.16-23.16-57.57-27.57-85.39-13.9L191.1 158L191.1 95.99l-127.1-95.99L0 63.1l96 127.1l62.04 .0077l106.7 106.6c-13.67 27.82-9.251 62.23 13.91 85.39l117 117.1c14.62 14.5 38.21 14.5 52.71-.0016l52.75-52.75c14.5-14.5 14.5-38.08-.0016-52.71L384 278.6zM227.9 307L168.7 247.9l-148.9 148.9c-26.37 26.37-26.37 69.08 0 95.45C32.96 505.4 50.21 512 67.5 512s34.54-6.592 47.72-19.78l119.1-119.1C225.5 352.3 222.6 329.4 227.9 307zM64 472c-13.25 0-24-10.75-24-24c0-13.26 10.75-24 24-24S88 434.7 88 448C88 461.3 77.25 472 64 472z" />
</symbol>
<symbol id="svg_server" viewBox="0 0 512 512">
<title>Server</title>
<path d="M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z" />
</symbol>
<symbol id="svg_location" viewBox="0 0 576 512">
<title>Location</title>
<path d="M408 120C408 174.6 334.9 271.9 302.8 311.1C295.1 321.6 280.9 321.6 273.2 311.1C241.1 271.9 168 174.6 168 120C168 53.73 221.7 0 288 0C354.3 0 408 53.73 408 120zM288 152C310.1 152 328 134.1 328 112C328 89.91 310.1 72 288 72C265.9 72 248 89.91 248 112C248 134.1 265.9 152 288 152zM425.6 179.8C426.1 178.6 426.6 177.4 427.1 176.1L543.1 129.7C558.9 123.4 576 135 576 152V422.8C576 432.6 570 441.4 560.9 445.1L416 503V200.4C419.5 193.5 422.7 186.7 425.6 179.8zM150.4 179.8C153.3 186.7 156.5 193.5 160 200.4V451.8L32.91 502.7C17.15 508.1 0 497.4 0 480.4V209.6C0 199.8 5.975 190.1 15.09 187.3L137.6 138.3C140 152.5 144.9 166.6 150.4 179.8H150.4zM327.8 331.1C341.7 314.6 363.5 286.3 384 255V504.3L192 449.4V255C212.5 286.3 234.3 314.6 248.2 331.1C268.7 357.6 307.3 357.6 327.8 331.1L327.8 331.1z" />
</symbol>
<symbol id="svg_phone" viewBox="0 0 384 512">
<title>Phone</title>
<path d="M304 0h-224c-35.35 0-64 28.65-64 64v384c0 35.35 28.65 64 64 64h224c35.35 0 64-28.65 64-64V64C368 28.65 339.3 0 304 0zM192 480c-17.75 0-32-14.25-32-32s14.25-32 32-32s32 14.25 32 32S209.8 480 192 480zM304 64v320h-224V64H304z" />
</symbol>
<symbol id="svg_linkedin" viewBox="0 0 448 512">
<title>Linkedin</title>
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" />
</symbol>
<symbol id="svg_github" viewBox="0 0 496 512">
<title>GitHub</title>
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
</symbol>
</svg></body></html>

8
public/css/Monolith.css Normal file

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 213 KiB

After

Width:  |  Height:  |  Size: 213 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

Before

Width:  |  Height:  |  Size: 247 KiB

After

Width:  |  Height:  |  Size: 247 KiB

View File

@ -3,11 +3,11 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<title>{{index . 3}}</title>
<meta name="description" content="">
<meta name="description" content="{{index . 5}}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<link rel="stylesheet" href="css/Monolith.css">
@ -29,16 +29,16 @@
<nav class="header_nav" aria-label="Menu">
<ul class="header_menu">
<li class="menu_entry">
<a href="#a_benefits" class="menu_entry link">Avantages</a>
<a href="#a_benefits" class="menu_entry link">{{index . 8}}</a>
</li>
<li class="menu_entry">
<a href="#" class="menu_entry link">Services</a>
<a href="#" class="menu_entry link">{{index . 9}}</a>
</li>
<li class="menu_entry">
<a href="#a_faq" class="menu_entry link">Questions</a>
<a href="#a_faq" class="menu_entry link">{{index . 10}}</a>
</li>
<li class="menu_entry">
<a href="#a_contact" class="menu_entry button contact"><span>Contact</span></a>
<a href="#a_contact" class="menu_entry button contact"><span>{{index . 11}}</span></a>
</li>
</ul>
</nav>
@ -47,15 +47,13 @@
<main id="main" class="main">
<article id="a_primary" class="article">
<div class="hero">
<h1 class="hero__title">Je&#8239;développe&#8239;pour&#8239;vous&thinsp;ce&#8239;qui&#8239;n'existe&#8239;pas.</h1>
<p class="hero__text">Avec plus de 10 ans d'expériences, dans la creation de Logiciels, d'Applications Web & d'API. J'apporte mon expertise dans le solutionement de vos problematiques</p>
<a href="mailto:contact@iglou.eu?subject=%5BDevis%5D%20Cr%C3%A9ation%20sur%20mesure&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0A%0D%0ANous%20avons%20un%20projet%20%28cocher%20la%20case%20correspondante%29%20%3A%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%20Progiciels%2FLogicielle%0D%0A-%20%5B%20%5D%20Application%20web%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%2FExploitation%20API%0D%0A-%20%5B%20%5D%20Automatisation%2FScrapping%0D%0A%0D%0AAvec%20un%20budget%20entre%20...%20et%20...%20%E2%82%AC%0D%0A%0D%0ALe%20projet%20en%20quelques%20lignes%20%3A%0D%0A%7BVotre%20projet%7D%0D%0A%0D%0A%0D%0ACordialement%2C" class="button with_icon contact">
<h1 class="hero__title">{{index . 13}}</h1>
<p class="hero__text">{{index . 15}}</p>
<a href="mailto:{{index . 87}}?subject=%5BDevis%5D%20Cr%C3%A9ation%20sur%20mesure&body=Bonjour%20Adrien%20d%27Iglou.eu%2C%0D%0A%7BVotre%20message%7D%0D%0A%0D%0A%0D%0ANous%20avons%20un%20projet%20%28cocher%20la%20case%20correspondante%29%20%3A%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%20Progiciels%2FLogicielle%0D%0A-%20%5B%20%5D%20Application%20web%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%2FExploitation%20API%0D%0A-%20%5B%20%5D%20Automatisation%2FScrapping%0D%0A%0D%0AAvec%20un%20budget%20entre%20...%20et%20...%20%E2%82%AC%0D%0A%0D%0ALe%20projet%20en%20quelques%20lignes%20%3A%0D%0A%7BVotre%20projet%7D%0D%0A%0D%0A%0D%0ACordialement%2C" class="button with_icon contact">
<svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg>
<span>
Demander un devis
</span>
<span> {{index . 17}}</span>
</a>
</div>
<div class="services_preview">
@ -65,8 +63,8 @@
<use xlink:href="#svg_software"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">Logiciel</a>
<p class="services_preview__item_text prez_pad__text">Creation de logiciel blablabla machin truc Creation de logiciel blablabla machin truc</p>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 21}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 22}}</p>
</div>
<div class="services_preview__item prez_pad">
<div class="services_preview__item_icon prez_pad__icon">
@ -74,8 +72,8 @@
<use xlink:href="#svg_webapp"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">Web</a>
<p class="services_preview__item_text prez_pad__text">Et le web, la aussi c'est des machin avec des machines mais pas que</p>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 24}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 25}}</p>
</div>
<div class="services_preview__item prez_pad">
<div class="services_preview__item_icon prez_pad__icon">
@ -83,15 +81,16 @@
<use xlink:href="#svg_api"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">API</a>
<p class="services_preview__item_text prez_pad__text">We les api c'est cool, et voila quoi We les api c'est cool, et voila quoi</p>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 27}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 28}}</p>
</div>
</div>
</article>
<article id="a_benefits" class="article">
<img src="/media/exemple_app.png" alt="exemple d'application" class="benefits_reps">
<h2 class="benefits_title grid_full glob_title">{{index . 31}}</h2>
<p class="benefits_desc grid_full glob_desc">{{index . 32}}</p>
<img src="/media/exemple_app.png" alt="exemple d'application" class="benefits_reps" loading="lazy">
<ol class="benefits_list">
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -99,8 +98,8 @@
<use xlink:href="#svg_eye"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Licence permissive</p>
<p class="benefit_item__text prez_pad__text">Pas de limitation dans l'usage ou le temps</p>
<p class="benefit_item__title prez_pad__title">{{index . 34}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 35}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -108,8 +107,8 @@
<use xlink:href="#svg_git"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">6 mois de maintenance</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 37}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 38}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -117,8 +116,8 @@
<use xlink:href="#svg_medical"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Code source fournit</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 40}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 41}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -126,8 +125,8 @@
<use xlink:href="#svg_screwdriver"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">outils de deploiement</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 43}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 44}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -135,87 +134,83 @@
<use xlink:href="#svg_server"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Infrastructure dédiée</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 46}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 47}}</p>
</li>
</ol>
</article>
<article id="a_faq" class="article">
<h2 class="faq_title">Questions fréquentes</h2>
<p class="faq_desc">
Si jamais vous trouvez pas, blablabla. Je reste dispo <a href="#a_contact" class="link">Contacter</a>
</p>
<h2 class="faq_title glob_title">{{index . 64}}</h2>
<p class="faq_desc glob_desc">{{index . 65}}</p>
<div class="faq_questions">
<details class="question" open>
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 67}}</summary>
<p class="question_response">{{index . 68}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 70}}</summary>
<p class="question_response">{{index . 71}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 87}}</summary>
<p class="question_response">{{index . 74}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 76}}</summary>
<p class="question_response">{{index . 77}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 79}}</summary>
<p class="question_response">{{index . 80}}</p>
</details>
</div>
</article>
<article id="a_contact" class="article">
<img src="/media/map.jpg" alt="Carte openstreetmap indiquant l'emplacement de Iglou.eu" class="contact_map">
<!-- <iframe class="contact_map" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=2.401751875877381%2C48.85662581331745%2C2.407690286636353%2C48.85955520830001&amp;layer=hot&amp;marker=48.858090529402226%2C2.4047238636569546"></iframe> -->
<address class="contact_info">
<h2 class="contact_info__title">Contact</h2>
<h2 class="contact_title glob_title">{{index . 83}}</h2>
<p class="contact_desc glob_desc">{{index . 84}}</p>
<div class="box">
<div class="contact_info">
<div class="contact_info__item">
<h3 class="contact_info__item_title">
<svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg>
<span>E-mail</span>
<span>{{index . 86}}</span>
</h3>
<p class="contact_info__item_content">
<a class="link" href="mailto:contact@iglou.eu?subject=%5BContact%5D%20Depuis%20Iglou.eu&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0ACordialement%2C">
contact&#64;iglou.eu
<address class="contact_info__item_content">
<a class="link" href="mailto:{{index . 87}}?subject=%5BContact%5D%20Depuis%20Iglou.eu&body=Bonjour%20Adrien%20d%27Iglou.eu%2C%0D%0A%7BVotre%20message%7D%0D%0A%0D%0ACordialement%2C">
{{index . 87}}
</a>
</p>
</address>
</div>
<div class="contact_info__item">
<h3 class="contact_info__item_title">
<svg class="svg_icon">
<use xlink:href="#svg_phone"></use>
</svg>
<span>Téléphone</span>
<span>{{index . 89}}</span>
</h3>
<p class="contact_info__item_content">
<a class="link" href="tel:+33769812078">
07.69.81.20.78
<address class="contact_info__item_content">
<a class="link" href="tel:{{index . 90}}">
{{index . 91}}
</a>
</p>
</address>
</div>
<div class="contact_info__item">
<h3 class="contact_info__item_title">
<svg class="svg_icon">
<use xlink:href="#svg_location"></use>
</svg>
<span>Adresse</span>
<span>{{index . 93}}</span>
</h3>
<p class="contact_info__item_content">
Iglou.eu / Coopaname<br>
3/7 rue Albert Marquet<br>
75020 Paris<br>
France
</p>
<address class="contact_info__item_content">{{index . 94}}</address>
</div>
</div>
<img src="/media/map.jpg" alt="Carte openstreetmap indiquant l'emplacement de Iglou.eu" class="contact_map" loading="lazy">
<!-- <iframe class="contact_map" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=2.401751875877381%2C48.85662581331745%2C2.407690286636353%2C48.85955520830001&amp;layer=hot&amp;marker=48.858090529402226%2C2.4047238636569546"></iframe> -->
</div>
</address>
</article>
</main>
@ -225,8 +220,7 @@
<use xlink:href="#svg_iglou"></use>
</svg>
</a>
<p class="footer_content">
Par Iglou.eu en 2022 - <a class="link" href="">Mentions-légales</a>
<p class="footer_content">{{index . 97}} - <a class="link" href="#engagement">{{index . 98}}</a> - <a class="link" href="#legal">{{index . 99}}</a>
</p>
<ul class="footer_social">
<li class="footer_social__item">
@ -253,7 +247,7 @@
</ul>
</footer>
<svg hidden>
<svg class="hidden">
<!-- DissolveRegular created by FontForge 20090622 at Mon Jun 4 15:21:10 2018 By deploy user -->
<symbol id="svg_iglou" viewBox="0 0 332 105">
<title>Iglou.eu</title>

View File

@ -488,6 +488,30 @@ body {
background-color: var(--c-white);
}
.article {
padding: 0 var(--p-marge);
padding-top: 6em;
}
.glob_title {
color: var(--c-dark);
font-weight: 600;
text-align: center;
}
.glob_desc {
color: var(--c-gray);
text-align: center;
}
.hidden {
display: none;
}
.box {
position: relative;
}
.svg_icon {
max-width: 100%;
height: 100%;
@ -503,11 +527,6 @@ body {
height: 1em;
}
.article {
padding: 0 var(--p-marge);
padding-top: 6em;
}
.button {
cursor: pointer;
display: inline-block;
@ -552,13 +571,13 @@ body {
}
.button.with_icon>.svg_icon {
height: 1em;
width: 1em;
fill: var(--button-color);
position: relative;
z-index: 1;
left: 0;
width: 1em;
height: 1em;
z-index: 1;
position: relative;
margin-right: .5em;
transition-duration: var(--t-duration);
transition-property: fill, left, transform;
}
@ -722,8 +741,6 @@ body {
}
/* ## Benefits */
#a_benefits {}
.benefits_reps {
display: none;
}
@ -778,17 +795,6 @@ body {
}
/* ## FAQ */
.faq_title {
color: var(--c-dark);
font-weight: 600;
text-align: center;
}
.faq_desc {
color: var(--c-lgray);
text-align: center;
}
.question {
padding: 2em 0;
border-bottom: .1em solid var(--c-lgray);
@ -834,6 +840,10 @@ body {
color: var(--c-blue);
}
.grid_full {
grid-column: 1 / -1;
}
/* ## Contact/Map */
#a_contact {
margin: 6em auto auto auto;
@ -976,7 +986,7 @@ body {
/* ## Benefits */
#a_benefits {
gap: 2em;
gap: 1em 2em;
display: grid;
grid-template-columns: 10em 1fr;
}
@ -1000,7 +1010,7 @@ body {
border-radius: 0 var(--b-radius) var(--b-radius) 0;
flex-direction: column;
justify-content: space-evenly;
background-color: var(--c-light);
background-color: var(--c-white);
}
.contact_info__item_content>.link {
@ -1027,7 +1037,7 @@ body {
/* ## Benefits */
#a_benefits {
gap: 4em;
gap: 1em 4em;
grid-template-columns: 2fr 4fr;
}

113
tools/builder.go Normal file
View File

@ -0,0 +1,113 @@
package main
import (
"bufio"
"bytes"
"os"
"text/template"
"github.com/tdewolff/minify/v2"
mcss "github.com/tdewolff/minify/v2/css"
mhtml "github.com/tdewolff/minify/v2/html"
)
const (
HtmlSrcFile = "../src/DiscoveryOne.html"
HtmlDstFile = "../public/DiscoveryOne.html"
CssSrcFile = "../src/css/Monolith.css"
CssDstFile = "../public/css/Monolith.css"
DATASrcFile = "../data/data.stf"
)
func main() {
html, err := os.ReadFile(HtmlSrcFile)
if err != nil {
panic(err)
}
css, err := os.ReadFile(CssSrcFile)
if err != nil {
panic(err)
}
data, err := parseData(DATASrcFile)
if err != nil {
panic(err)
}
if err = buildHTML(&html, &data); err != nil {
panic(err)
}
if err = minifyStuff(&html, &css); err != nil {
panic(err)
}
err = os.WriteFile(HtmlDstFile, html, 0644)
if err != nil {
panic(err)
}
err = os.WriteFile(CssDstFile, css, 0644)
if err != nil {
panic(err)
}
}
func parseData(file string) (data []string, err error) {
buff, err := os.Open(file)
if err != nil {
return
}
defer buff.Close()
scanner := bufio.NewScanner(buff)
scanner.Split(bufio.ScanLines)
data = append(data, "")
for scanner.Scan() {
data = append(data, scanner.Text())
}
return
}
func buildHTML(html *[]byte, data *[]string) (err error) {
tpl := template.Must(template.New("").Parse(string(*html)))
buff := new(bytes.Buffer)
if err = tpl.Execute(buff, *data); err != nil {
return
}
*html = buff.Bytes()
return
}
func minifyStuff(html *[]byte, css *[]byte) (err error) {
m := minify.New()
// m.AddFunc("text/css", mcss.Minify)
m.Add("text/css", &mcss.Minifier{})
// m.AddFunc("text/html", mhtml.Minify)
m.Add("text/html", &mhtml.Minifier{
KeepEndTags: true,
KeepDocumentTags: true,
})
*html, err = m.Bytes("text/html", *html)
if err != nil {
return
}
*css, err = m.Bytes("text/css", *css)
if err != nil {
return
}
return
}

7
tools/go.mod Normal file
View File

@ -0,0 +1,7 @@
module static.iglou.eu
go 1.17
require github.com/tdewolff/minify/v2 v2.10.0
require github.com/tdewolff/parse/v2 v2.5.27 // indirect

13
tools/go.sum Normal file
View File

@ -0,0 +1,13 @@
github.com/cheekybits/is v0.0.0-20150225183255-68e9c0620927/go.mod h1:h/aW8ynjgkuj+NQRlZcDbAbM1ORAbXjXX77sX7T289U=
github.com/djherbis/atime v1.1.0/go.mod h1:28OF6Y8s3NQWwacXc5eZTsEsiMzp7LF8MbXE+XJPdBE=
github.com/dustin/go-humanize v1.0.0/go.mod h1:HtrtbFcZ19U5GC7JDqmcUSB87Iq5E25KnS6fMYU6eOk=
github.com/fsnotify/fsnotify v1.5.1/go.mod h1:T3375wBYaZdLLcVNkcVbzGHY7f1l/uK5T5Ai1i3InKU=
github.com/matryer/try v0.0.0-20161228173917-9ac251b645a2/go.mod h1:0KeJpeMD6o+O4hW7qJOT7vyQPKrWmj26uf5wMc/IiIs=
github.com/spf13/pflag v1.0.5/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
github.com/tdewolff/minify/v2 v2.10.0 h1:ovVAHUcjfGrBDf1EIvsodRUVJiZK/28mMose08B7k14=
github.com/tdewolff/minify/v2 v2.10.0/go.mod h1:6XAjcHM46pFcRE0eztigFPm0Q+Cxsw8YhEWT+rDkcZM=
github.com/tdewolff/parse/v2 v2.5.27 h1:PL3LzzXaOpmdrknnOlIeO2muIBHAwiKp6TxN1RbU5gI=
github.com/tdewolff/parse/v2 v2.5.27/go.mod h1:WzaJpRSbwq++EIQHYIRTpbYKNA3gn9it1Ik++q4zyho=
github.com/tdewolff/test v1.0.6 h1:76mzYJQ83Op284kMT+63iCNCI7NEERsIN8dLM+RiKr4=
github.com/tdewolff/test v1.0.6/go.mod h1:6DAvZliBAAnD7rhVgwaM7DE5/d9NMOAJ09SqYqeK4QE=
golang.org/x/sys v0.0.0-20210630005230-0f9fa26af87c/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=