Compare commits

...

7 Commits

Author SHA1 Message Date
Adrien Kara 7390f3e8c5
Update punlic
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 02:09:36 +01:00
Adrien Kara 1e8d0aa4a3
Fix popup
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 02:09:19 +01:00
Adrien Kara 10916b803b
Add engagement section
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 02:02:42 +01:00
Adrien Kara ffbe91c84f
Typo No2
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-15 18:51:34 +01:00
Adrien Kara d1ae199e5c
Add popup support and fix mentions
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-15 18:45:38 +01:00
Adrien Kara f4d6f30684
Fix min max
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-15 17:18:24 +01:00
Adrien Kara e15b54f9f9
Mise a jour des questions
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-15 16:15:25 +01:00
6 changed files with 314 additions and 42 deletions

View File

@ -12,7 +12,7 @@ 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.
Avec plus de 10 ans dexpériences dans le développement spécifique de Logiciels, dApplications Web & dAPI. Japporte mon expertise et <a class="link" href="#engagements">mes engagements</a> dans le solutionnement de vos problématiques.
// Bouton
Demander un devis
@ -22,7 +22,7 @@ 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.
Accessible avec un navigateur, conforme RGPD. 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
@ -32,7 +32,7 @@ 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.
Vous êtes libre de toutes formes dexploitations 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.
@ -41,15 +41,15 @@ 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.
Pour aider vos équipes techniques ou prestataires dhébergement, je prends le temps de réaliser des outils de déploiement simplifié. 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.
Dans le cas où vous ne disposiez pas déquipes techniques 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.
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 automatisation invisible.
// Web
Application Web
@ -57,27 +57,27 @@ Lapplication web est un logiciel spécifique, mais disponible en ligne. Acces
// 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.
Les API sont des interfaces permettant la connection 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>
Dans le cas où vous ne trouviez pas la réponse à 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.
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 à votre disposition.
// Q2
Comment puis-je avoir létat davancement de ma prestation?
À chaque début de mission, je réalise un compte client sur mon outil de suivi en ligne. En vous connectant à celui-ci, il vous sera possible de consulter létat davancement et les dernières modifications réalisées sur votre projet.
// Q3
Y a-t-il un service après vente ?
Pendant 6 mois après la clôture dune mission, jassure gratuitement les corrections de toutes anomalies, incidents ou défaillances potentiels, non liés à une erreur de manipulation. Je me tiens aussi à disposition pour toutes questions, ou besoin daide dans lutilisation de votre outil. Il est pour moi essentiel dassurer votre satisfaction.
// Q4
Comment vous faire part dun problème sur ma solution ?
Dans le cas ou vous rencontriez un problème, quil soit du à une erreur de manipulation ou dun éventuel bug apparut à lusage. Il est à tout moment possible de men faire part, via lun des canaux suivants : E-mail, Téléphone, SMS ou via un ticket dissue via loutil de suivi en ligne.
// Q5
Quels sont les différents modes de paiements ?
Vous pouvez effectuer le paiement de ma prestation par Virement bancaire, ou Carte via le service PayPal. Sur demande, vous pouvez bénéficier dun échelonnement.<br>Il est aussi possible de régler en Ethereum sur 0x09BE9529892A204237275a5b698cEd341F35C4E1
// HTML Contact
Me contacter
@ -99,15 +99,30 @@ 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.
Mentions légales
Souriez, ici vos données ne sont ni traquées, ni collectées.
// É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
<a href="https://iglou.eu" target="_blank" rel="noreferrer"><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>
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>
// Propriété
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/" target="_blank" rel="noreferrer">Article L121-1</a>, interdisant la mise en domaine public.
// Cookies
Cookies et vie privée
Ce site nutilise absolument aucun cookie ou outils de créations de statistiques.
Ce site nutilise absolument aucun cookies ou outils de créations de statistiques.
// HTML Engagements
A propos
Vous trouverez ici des informations plus personnelles et potentiellement moins pertinentes 😘
// Présentation
Présentation
<p style="padding-left:2rem">Je mappelle Adrien Kara, et suis indépendant au sein dune SCOP du nom de Coopaname.<br>Sensible au logiciel libre et lécologie. Jœuvre de mon mieux pour leurs supports et diffusions.</p><ul><li><p>💖 Le <a href="https://www.gnu.org/home.fr.html" target="_blank" rel="noreferrer">logiciel libre</a> est pour moi en adéquation avec la démocratie et les libertés individuelles. Il permet à toutes personnes dutiliser un ordinateur quelque soit son niveau détudes ou ses finances et de la façon qui lui convient, ainsi que de vérifier son intégrité et participer à son amélioration. Cest un engagement moral très personnel, il en résulte des choix comme le pas lier mes clients par contrats dexploitation et le fait de fournir les sources avec chacune de mes prestations. Quand cela est possible je reverse une partie de mes gains aux librairies libres que jutilise pour mener à bien mes missions.</p></li><li><p>🌿 Lécologie est une préoccupation. Jai conscience de la catastrophe naturelle que représente <a href="https://www.lemonde.fr/planete/article/2020/06/24/l-inquietante-croissance-de-l-empreinte-ecologique-du-numerique_6043999_3244.html" target="_blank" rel="noreferrer">le numérique actuel</a> et fait donc le choix de travailler avec plus dassiduité afin de réduire limpacte de mes solutions. Si vous nêtes pas réceptif a cet argumentaire, sachez que dans tous cas, cest un avantage pour vous, que ce soit un argument marketing en plus ou une réduction de vos coups dhébergement, mes solutions étant plus performantes quune grande partie de mes concurrents.</p></li><li><p>🔬 La programmation est un métier qui demande une certaine rigueur et dans lequel chaque bug (on estime en moyenne, un défaut caché toutes les 100 lignes codes) a un coût non négligeable. Afin de minimiser ce désagrément, jai à cœur de respecter les doctrines <a href="https://fr.wikipedia.org/wiki/Principe_KISS" target="_blank" rel="noreferrer">KISS</a>, <a href="https://medium.com/swlh/return-early-pattern-3d18a41bba8" target="_blank" rel="noreferrer">Return Early</a> et la réalisation de <a href="https://fr.wikipedia.org/wiki/Test_unitaire" target="_blank" rel="noreferrer">test unitaire</a>. En plus je le fais avec plaisir, un peu comme écrire un poème.</p></li></ul>
//En coopérative
En coopérative
<p>Le choix d'exercer en coopérative, s'articule autour de deux points, des principes/valeurs personnelles, et des avantages pour moi et mes client·e·s.</p><p><b>Principes/Valeurs</b>, une coopérative regroupe un grand nombre de personnes partageant des idéaux et mettant à profit leurs ressources pour s'entraider, croyant à un mode de travail meilleur et commun. Dans le respect detout·e·s le dialogue et le partage.</p><p><b>Avantages</b>, une coopérative offre aussi un grand nombre d'avantages. <br><b>Pour moi</b>, il y a la possibilité d'exercer mon métier en autonome, d'avoir un support en cas deproblèmes, une aide pour les formalitées et une protection en cas de faillite.<br><b>Pour mes client·e·s</b>, c'est l'assurance d'une grande entreprise derriére un independant et la possibilité d'avoir le support d'un autre membre de la coopérative en cas de pépin.</p><p><a style="text-align:center;height:100px;display:block;" href="http://www.coopaname.coop/" target="_blank" rel="noreferrer"><img loading="lazy" src="/media/coopaname_logo.png" alt="Logo cooperative coopaname"></a></p>
// Mes outils
Mes outils
<p>Les internets regorgent d'outils plus formidables les un que les autres, du petit qui fait gagner du temps, a l'indispensable utilisé au quotidien. Voici une petite liste des outils que j'utilise.</p><ul><li><a href="https://fr.wikipedia.org/wiki/RTFM_(expression)#Environnement_Posix" target="_blank" rel="noreferrer">RTFM</a> (La meilleur source d'information)</li><li><a href="https://www.openbsd.org/" target="_blank" rel="noreferrer">OpenBSD</a> (Meilleurs OS serveur)</li><li><a href="https://www.archlinux.org/" target="_blank" rel="noreferrer">ArchLinux</a> (Meilleur OS Desktop)</li><li><a href="https://www.vim.org/" target="_blank" rel="noreferrer">Vim</a> (Un meilleur editeur que emacs)</li><li><a href="https://www.openssh.com/" target="_blank" rel="noreferrer">OpenSSH</a> (&lt;3)</li><li><a href="https://www.tinymce.com/" target="_blank" rel="noreferrer">Editeur HTML en WYSIWYG</a> (Licence LGPL)</li><li><a href="https://cryptpad.fr/index.html" target="_blank" rel="noreferrer">Outils collaboratifs libre/léger</a></li></ul>

View File

@ -1,24 +1,24 @@
<!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">
<!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=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">
</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 et <a class=link href=#engagements>mes engagements</a> 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">
</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, conforme RGPD. 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">
</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 dexploitations 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">
</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 simplifié. 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">
</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équipes techniques 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 à 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 à votre disposition.</p></details><details class=question><summary class="link question_title">Comment puis-je avoir létat davancement de ma prestation?</summary><p class=question_response>À chaque début de mission, je réalise un compte client sur mon outil de suivi en ligne. En vous connectant à celui-ci, il vous sera possible de consulter létat davancement et les dernières modifications réalisées sur votre projet.</p></details><details class=question><summary class="link question_title">Y a-t-il un service après vente ?</summary><p class=question_response>Pendant 6 mois après la clôture dune mission, jassure gratuitement les corrections de toutes anomalies, incidents ou défaillances potentiels, non liés à une erreur de manipulation. Je me tiens aussi à disposition pour toutes questions, ou besoin daide dans lutilisation de votre outil. Il est pour moi essentiel dassurer votre satisfaction.</p></details><details class=question><summary class="link question_title">Comment vous faire part dun problème sur ma solution ?</summary><p class=question_response>Dans le cas ou vous rencontriez un problème, quil soit du à une erreur de manipulation ou dun éventuel bug apparut à lusage. Il est à tout moment possible de men faire part, via lun des canaux suivants : E-mail, Téléphone, SMS ou via un ticket dissue via loutil de suivi en ligne.</p></details><details class=question><summary class="link question_title">Quels sont les différents modes de paiements ?</summary><p class=question_response>Vous pouvez effectuer le paiement de ma prestation par Virement bancaire, ou Carte via le service PayPal. Sur demande, vous pouvez bénéficier dun échelonnement.<br>Il est aussi possible de régler en Ethereum sur 0x09BE9529892A204237275a5b698cEd341F35C4E1</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>
@ -26,13 +26,31 @@
<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">
</svg></a><p class=footer_content>Par Iglou.eu en 2022 - <a class=link href=#engagements>Mes engagements</a> - <a class=link href=#mentions_legales>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">
</svg></a></li></ul></footer><div id=mentions_legales class=popup><div class=box><a href=# class="popup_close link" title="Fermer la popup"><svg class="svg_icon">
<use xlink:href="#svg_cross"></use>
</svg></a><h2 class="mentions_title glob_title grid_full">Mentions légales</h2><p class="mentions_desc glob_desc grid_full">Souriez, ici vos données ne sont ni traquées, ni collectées.</p><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_pencil"></use>
</svg>Édition du site</h3><p class=glob_desc><a href=https://iglou.eu target=_blank rel=noreferrer><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</p></div><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_server"></use>
</svg>Hébergement</h3><p class=glob_desc>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></p></div><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_joke_redhat"></use>
</svg>Propriété intellectuelle et crédits</h3><p class=glob_desc>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/ target=_blank rel=noreferrer>Article L121-1</a>, interdisant la mise en domaine public.</p></div><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_cookie"></use>
</svg>Cookies et vie privée</h3><p class=glob_desc>Ce site nutilise absolument aucun cookies ou outils de créations de statistiques.</p></div></div></div><div id=engagements class=popup><div class=box><a href=# class="popup_close link" title="Fermer la popup"><svg class="svg_icon">
<use xlink:href="#svg_cross"></use>
</svg></a><h2 class="engagements_title glob_title grid_full">A propos</h2><p class="engagements_desc glob_desc grid_full">Vous trouverez ici des informations plus personnelles et potentiellement moins pertinentes 😘</p><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_user"></use>
</svg>Présentation</h3><div class="justify glob_desc"><p style=padding-left:2rem>Je mappelle Adrien Kara, et suis indépendant au sein dune SCOP du nom de Coopaname.<br>Sensible au logiciel libre et lécologie. Jœuvre de mon mieux pour leurs supports et diffusions.</p><ul><li><p>💖 Le <a href=https://www.gnu.org/home.fr.html target=_blank rel=noreferrer>logiciel libre</a> est pour moi en adéquation avec la démocratie et les libertés individuelles. Il permet à toutes personnes dutiliser un ordinateur quelque soit son niveau détudes ou ses finances et de la façon qui lui convient, ainsi que de vérifier son intégrité et participer à son amélioration. Cest un engagement moral très personnel, il en résulte des choix comme le pas lier mes clients par contrats dexploitation et le fait de fournir les sources avec chacune de mes prestations. Quand cela est possible je reverse une partie de mes gains aux librairies libres que jutilise pour mener à bien mes missions.</p></li><li><p>🌿 Lécologie est une préoccupation. Jai conscience de la catastrophe naturelle que représente <a href=https://www.lemonde.fr/planete/article/2020/06/24/l-inquietante-croissance-de-l-empreinte-ecologique-du-numerique_6043999_3244.html target=_blank rel=noreferrer>le numérique actuel</a> et fait donc le choix de travailler avec plus dassiduité afin de réduire limpacte de mes solutions. Si vous nêtes pas réceptif a cet argumentaire, sachez que dans tous cas, cest un avantage pour vous, que ce soit un argument marketing en plus ou une réduction de vos coups dhébergement, mes solutions étant plus performantes quune grande partie de mes concurrents.</p></li><li><p>🔬 La programmation est un métier qui demande une certaine rigueur et dans lequel chaque bug (on estime en moyenne, un défaut caché toutes les 100 lignes codes) a un coût non négligeable. Afin de minimiser ce désagrément, jai à cœur de respecter les doctrines <a href=https://fr.wikipedia.org/wiki/Principe_KISS target=_blank rel=noreferrer>KISS</a>, <a href=https://medium.com/swlh/return-early-pattern-3d18a41bba8 target=_blank rel=noreferrer>Return Early</a> et la réalisation de <a href=https://fr.wikipedia.org/wiki/Test_unitaire target=_blank rel=noreferrer>test unitaire</a>. En plus je le fais avec plaisir, un peu comme écrire un poème.</p></li></ul></div></div><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_users"></use>
</svg>En coopérative</h3><div class="justify glob_desc"><p>Le choix d'exercer en coopérative, s'articule autour de deux points, des principes/valeurs personnelles, et des avantages pour moi et mes client·e·s.</p><p><b>Principes/Valeurs</b>, une coopérative regroupe un grand nombre de personnes partageant des idéaux et mettant à profit leurs ressources pour s'entraider, croyant à un mode de travail meilleur et commun. Dans le respect detout·e·s le dialogue et le partage.</p><p><b>Avantages</b>, une coopérative offre aussi un grand nombre d'avantages.<br><b>Pour moi</b>, il y a la possibilité d'exercer mon métier en autonome, d'avoir un support en cas deproblèmes, une aide pour les formalitées et une protection en cas de faillite.<br><b>Pour mes client·e·s</b>, c'est l'assurance d'une grande entreprise derriére un independant et la possibilité d'avoir le support d'un autre membre de la coopérative en cas de pépin.</p><p><a style=text-align:center;height:100px;display:block href=http://www.coopaname.coop/ target=_blank rel=noreferrer><img loading=lazy src=/media/coopaname_logo.png alt="Logo cooperative coopaname"></a></p></div></div><div class=box><h3 class=glob_title><svg class="svg_icon">
<use xlink:href="#svg_object"></use>
</svg>Mes outils</h3><div class="justify glob_desc"><p>Les internets regorgent d'outils plus formidables les un que les autres, du petit qui fait gagner du temps, a l'indispensable utilisé au quotidien. Voici une petite liste des outils que j'utilise.</p><ul><li><a href=https://fr.wikipedia.org/wiki/RTFM_(expression)#Environnement_Posix target=_blank rel=noreferrer>RTFM</a> (La meilleur source d'information)</li><li><a href=https://www.openbsd.org/ target=_blank rel=noreferrer>OpenBSD</a> (Meilleurs OS serveur)</li><li><a href=https://www.archlinux.org/ target=_blank rel=noreferrer>ArchLinux</a> (Meilleur OS Desktop)</li><li><a href=https://www.vim.org/ target=_blank rel=noreferrer>Vim</a> (Un meilleur editeur que emacs)</li><li><a href=https://www.openssh.com/ target=_blank rel=noreferrer>OpenSSH</a> (&lt;3)</li><li><a href=https://www.tinymce.com/ target=_blank rel=noreferrer>Editeur HTML en WYSIWYG</a> (Licence LGPL)</li><li><a href=https://cryptpad.fr/index.html target=_blank rel=noreferrer>Outils collaboratifs libre/léger</a></li></ul></div></div></div></div><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>
@ -91,4 +109,32 @@
<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>
<symbol id="svg_pencil" viewBox="0 0 512 512">
<title>Pencil</title>
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z" />
</symbol>
<symbol id="svg_joke_redhat" viewBox="0 0 512 512">
<title>Hahah a redhat for license part</title>
<path d="M341.52 285.56c33.65 0 82.34-6.94 82.34-47 .22-6.74.86-1.82-20.88-96.24-4.62-19.15-8.68-27.84-42.31-44.65-26.09-13.34-82.92-35.37-99.73-35.37-15.66 0-20.2 20.17-38.87 20.17-18 0-31.31-15.06-48.12-15.06-16.14 0-26.66 11-34.78 33.62-27.5 77.55-26.28 74.27-26.12 78.27 0 24.8 97.64 106.11 228.47 106.11M429 254.84c4.65 22 4.65 24.35 4.65 27.25 0 37.66-42.33 58.56-98 58.56-125.74.08-235.91-73.65-235.91-122.33a49.55 49.55 0 0 1 4.06-19.72C58.56 200.86 0 208.93 0 260.63c0 84.67 200.63 189 359.49 189 121.79 0 152.51-55.08 152.51-98.58 0-34.21-29.59-73.05-82.93-96.24" />
</symbol>
<symbol id="svg_cookie" viewBox="0 0 512 512">
<title>Cookie</title>
<path d="M494.6 255.9c-65.63-.8203-118.6-54.14-118.6-119.9c-65.74 0-119.1-52.97-119.8-118.6c-25.66-3.867-51.8 .2346-74.77 12.07L116.7 62.41C93.35 74.36 74.36 93.35 62.41 116.7L29.6 181.2c-11.95 23.44-16.17 49.92-12.07 75.94l11.37 71.48c4.102 25.9 16.29 49.8 34.81 68.32l51.36 51.39C133.6 466.9 157.3 479 183.2 483.1l71.84 11.37c25.9 4.101 52.27-.1172 75.59-11.95l64.81-33.05c23.32-11.84 42.31-30.82 54.14-54.14l32.93-64.57C494.3 307.7 498.5 281.4 494.6 255.9zM176 367.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S193.6 367.1 176 367.1zM208 208c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S225.6 208 208 208zM368 335.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S385.6 335.1 368 335.1z" />
</symbol>
<symbol id="svg_cross" viewBox="0 0 320 512">
<title>Cross</title>
<path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" />
</symbol>
<symbol id="svg_user" viewBox="0 0 448 512">
<title>User</title>
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z" />
</symbol>
<symbol id="svg_users" viewBox="0 0 640 512">
<title>Users</title>
<path d="M319.9 320c57.41 0 103.1-46.56 103.1-104c0-57.44-46.54-104-103.1-104c-57.41 0-103.1 46.56-103.1 104C215.9 273.4 262.5 320 319.9 320zM369.9 352H270.1C191.6 352 128 411.7 128 485.3C128 500.1 140.7 512 156.4 512h327.2C499.3 512 512 500.1 512 485.3C512 411.7 448.4 352 369.9 352zM512 160c44.18 0 80-35.82 80-80S556.2 0 512 0c-44.18 0-80 35.82-80 80S467.8 160 512 160zM183.9 216c0-5.449 .9824-10.63 1.609-15.91C174.6 194.1 162.6 192 149.9 192H88.08C39.44 192 0 233.8 0 285.3C0 295.6 7.887 304 17.62 304h199.5C196.7 280.2 183.9 249.7 183.9 216zM128 160c44.18 0 80-35.82 80-80S172.2 0 128 0C83.82 0 48 35.82 48 80S83.82 160 128 160zM551.9 192h-61.84c-12.8 0-24.88 3.037-35.86 8.24C454.8 205.5 455.8 210.6 455.8 216c0 33.71-12.78 64.21-33.16 88h199.7C632.1 304 640 295.6 640 285.3C640 233.8 600.6 192 551.9 192z" />
</symbol>
<symbol id="svg_object" viewBox="0 0 576 512">
<title>Object</title>
<path d="M128 160C128 142.3 142.3 128 160 128H288C305.7 128 320 142.3 320 160V256C320 273.7 305.7 288 288 288H160C142.3 288 128 273.7 128 256V160zM288 320C323.3 320 352 291.3 352 256V224H416C433.7 224 448 238.3 448 256V352C448 369.7 433.7 384 416 384H288C270.3 384 256 369.7 256 352V320H288zM32 119.4C12.87 108.4 0 87.69 0 64C0 28.65 28.65 0 64 0C87.69 0 108.4 12.87 119.4 32H456.6C467.6 12.87 488.3 0 512 0C547.3 0 576 28.65 576 64C576 87.69 563.1 108.4 544 119.4V392.6C563.1 403.6 576 424.3 576 448C576 483.3 547.3 512 512 512C488.3 512 467.6 499.1 456.6 480H119.4C108.4 499.1 87.69 512 64 512C28.65 512 0 483.3 0 448C0 424.3 12.87 403.6 32 392.6V119.4zM119.4 96C113.8 105.7 105.7 113.8 96 119.4V392.6C105.7 398.2 113.8 406.3 119.4 416H456.6C462.2 406.3 470.3 398.2 480 392.6V119.4C470.3 113.8 462.2 105.7 456.6 96H119.4z" />
</symbol>
</svg></body></html>

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@ -20,7 +20,7 @@
</p>
<![endif]-->
<header class="page_header">
<header class="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>
@ -153,7 +153,7 @@
<p class="question_response">{{index . 71}}</p>
</details>
<details class="question">
<summary class="link question_title">{{index . 87}}</summary>
<summary class="link question_title">{{index . 73}}</summary>
<p class="question_response">{{index . 74}}</p>
</details>
<details class="question">
@ -220,7 +220,7 @@
<use xlink:href="#svg_iglou"></use>
</svg>
</a>
<p class="footer_content">{{index . 97}} - <a class="link" href="#engagement">{{index . 98}}</a> - <a class="link" href="#legal">{{index . 99}}</a>
<p class="footer_content">{{index . 97}} - <a class="link" href="#engagements">{{index . 98}}</a> - <a class="link" href="#mentions_legales">{{index . 99}}</a>
</p>
<ul class="footer_social">
<li class="footer_social__item">
@ -247,6 +247,93 @@
</ul>
</footer>
<div id="mentions_legales" class="popup">
<div class="box">
<a href="#" class="popup_close link" title="Fermer la popup">
<svg class="svg_icon">
<use xlink:href="#svg_cross"></use>
</svg>
</a>
<h2 class="mentions_title glob_title grid_full">{{index . 102}}</h2>
<p class="mentions_desc glob_desc grid_full">{{index . 103}}</p>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_pencil"></use>
</svg>
{{index . 105}}
</h3>
<p class="glob_desc">{{index . 106}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_server"></use>
</svg>
{{index . 108}}
</h3>
<p class="glob_desc">{{index . 109}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_joke_redhat"></use>
</svg>
{{index . 111}}
</h3>
<p class="glob_desc">{{index . 112}}</p>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_cookie"></use>
</svg>
{{index . 114}}
</h3>
<p class="glob_desc">{{index . 115}}</p>
</div>
</div>
</div>
<div id="engagements" class="popup">
<div class="box">
<a href="#" class="popup_close link" title="Fermer la popup">
<svg class="svg_icon">
<use xlink:href="#svg_cross"></use>
</svg>
</a>
<h2 class="engagements_title glob_title grid_full">{{index . 118}}</h2>
<p class="engagements_desc glob_desc grid_full">{{index . 119}}</p>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_user"></use>
</svg>
{{index . 121}}
</h3>
<div class="justify glob_desc">{{index . 122}}</div>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_users"></use>
</svg>
{{index . 124}}
</h3>
<div class="justify glob_desc">{{index . 125}}</div>
</div>
<div class="box">
<h3 class="glob_title">
<svg class="svg_icon">
<use xlink:href="#svg_object"></use>
</svg>
{{index . 127}}
</h3>
<div class="justify glob_desc">{{index . 128}}</div>
</div>
</div>
</div>
<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">
@ -306,6 +393,34 @@
<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>
<symbol id="svg_pencil" viewBox="0 0 512 512">
<title>Pencil</title>
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z" />
</symbol>
<symbol id="svg_joke_redhat" viewBox="0 0 512 512">
<title>Hahah a redhat for license part</title>
<path d="M341.52 285.56c33.65 0 82.34-6.94 82.34-47 .22-6.74.86-1.82-20.88-96.24-4.62-19.15-8.68-27.84-42.31-44.65-26.09-13.34-82.92-35.37-99.73-35.37-15.66 0-20.2 20.17-38.87 20.17-18 0-31.31-15.06-48.12-15.06-16.14 0-26.66 11-34.78 33.62-27.5 77.55-26.28 74.27-26.12 78.27 0 24.8 97.64 106.11 228.47 106.11M429 254.84c4.65 22 4.65 24.35 4.65 27.25 0 37.66-42.33 58.56-98 58.56-125.74.08-235.91-73.65-235.91-122.33a49.55 49.55 0 0 1 4.06-19.72C58.56 200.86 0 208.93 0 260.63c0 84.67 200.63 189 359.49 189 121.79 0 152.51-55.08 152.51-98.58 0-34.21-29.59-73.05-82.93-96.24" />
</symbol>
<symbol id="svg_cookie" viewBox="0 0 512 512">
<title>Cookie</title>
<path d="M494.6 255.9c-65.63-.8203-118.6-54.14-118.6-119.9c-65.74 0-119.1-52.97-119.8-118.6c-25.66-3.867-51.8 .2346-74.77 12.07L116.7 62.41C93.35 74.36 74.36 93.35 62.41 116.7L29.6 181.2c-11.95 23.44-16.17 49.92-12.07 75.94l11.37 71.48c4.102 25.9 16.29 49.8 34.81 68.32l51.36 51.39C133.6 466.9 157.3 479 183.2 483.1l71.84 11.37c25.9 4.101 52.27-.1172 75.59-11.95l64.81-33.05c23.32-11.84 42.31-30.82 54.14-54.14l32.93-64.57C494.3 307.7 498.5 281.4 494.6 255.9zM176 367.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S193.6 367.1 176 367.1zM208 208c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S225.6 208 208 208zM368 335.1c-17.62 0-32-14.37-32-31.1s14.38-31.1 32-31.1s32 14.37 32 31.1S385.6 335.1 368 335.1z" />
</symbol>
<symbol id="svg_cross" viewBox="0 0 320 512">
<title>Cross</title>
<path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" />
</symbol>
<symbol id="svg_user" viewBox="0 0 448 512">
<title>User</title>
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z" />
</symbol>
<symbol id="svg_users" viewBox="0 0 640 512">
<title>Users</title>
<path d="M319.9 320c57.41 0 103.1-46.56 103.1-104c0-57.44-46.54-104-103.1-104c-57.41 0-103.1 46.56-103.1 104C215.9 273.4 262.5 320 319.9 320zM369.9 352H270.1C191.6 352 128 411.7 128 485.3C128 500.1 140.7 512 156.4 512h327.2C499.3 512 512 500.1 512 485.3C512 411.7 448.4 352 369.9 352zM512 160c44.18 0 80-35.82 80-80S556.2 0 512 0c-44.18 0-80 35.82-80 80S467.8 160 512 160zM183.9 216c0-5.449 .9824-10.63 1.609-15.91C174.6 194.1 162.6 192 149.9 192H88.08C39.44 192 0 233.8 0 285.3C0 295.6 7.887 304 17.62 304h199.5C196.7 280.2 183.9 249.7 183.9 216zM128 160c44.18 0 80-35.82 80-80S172.2 0 128 0C83.82 0 48 35.82 48 80S83.82 160 128 160zM551.9 192h-61.84c-12.8 0-24.88 3.037-35.86 8.24C454.8 205.5 455.8 210.6 455.8 216c0 33.71-12.78 64.21-33.16 88h199.7C632.1 304 640 295.6 640 285.3C640 233.8 600.6 192 551.9 192z" />
</symbol>
<symbol id="svg_object" viewBox="0 0 576 512">
<title>Object</title>
<path d="M128 160C128 142.3 142.3 128 160 128H288C305.7 128 320 142.3 320 160V256C320 273.7 305.7 288 288 288H160C142.3 288 128 273.7 128 256V160zM288 320C323.3 320 352 291.3 352 256V224H416C433.7 224 448 238.3 448 256V352C448 369.7 433.7 384 416 384H288C270.3 384 256 369.7 256 352V320H288zM32 119.4C12.87 108.4 0 87.69 0 64C0 28.65 28.65 0 64 0C87.69 0 108.4 12.87 119.4 32H456.6C467.6 12.87 488.3 0 512 0C547.3 0 576 28.65 576 64C576 87.69 563.1 108.4 544 119.4V392.6C563.1 403.6 576 424.3 576 448C576 483.3 547.3 512 512 512C488.3 512 467.6 499.1 456.6 480H119.4C108.4 499.1 87.69 512 64 512C28.65 512 0 483.3 0 448C0 424.3 12.87 403.6 32 392.6V119.4zM119.4 96C113.8 105.7 105.7 113.8 96 119.4V392.6C105.7 398.2 113.8 406.3 119.4 416H456.6C462.2 406.3 470.3 398.2 480 392.6V119.4C470.3 113.8 462.2 105.7 456.6 96H119.4z" />
</symbol>
</svg>
</body>

View File

@ -464,6 +464,9 @@ progress {
/* Utils */
--t-duration: .3s;
--p-marge: 5vw;
--p-hmarge: 5vh;
--p-max: 1920px;
--p-min: 370px;
--h-size: 2em;
--h-marge: 1em;
--b-radius: 3px;
@ -488,11 +491,24 @@ body {
background-color: var(--c-white);
}
.header,
.article,
.footer {
margin: auto;
min-width: var(--p-min);
max-width: var(--p-max);
}
.article {
padding: 0 var(--p-marge);
min-height: var(--p-min);
padding-top: 6em;
}
.grid_full {
grid-column: 1 / -1;
}
.glob_title {
color: var(--c-dark);
font-weight: 600;
@ -508,6 +524,18 @@ body {
display: none;
}
.left {
text-align: left;
}
.justify {
text-align: justify;
}
.right {
text-align: right;
}
.box {
position: relative;
}
@ -517,6 +545,67 @@ body {
height: 100%;
}
.glob_title>.svg_icon {
fill: var(--c-blue);
width: 1em;
height: 1em;
margin-right: .5em;
vertical-align: sub;
}
.popup {
display: none;
}
.popup:target {
display: initial;
}
.popup::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1010;
opacity: .8;
content: "";
position: fixed;
background-color: var(--c-dark);
}
.popup>.box {
gap: 1em;
top: var(--p-hmarge);
left: var(--p-marge);
right: var(--p-marge);
bottom: var(--p-hmarge);
padding: 1em;
z-index: 1020;
display: grid;
overflow: auto;
position: fixed;
border-radius: var(--b-radius);
background-color: var(--c-white);
}
.popup_close {
top: var(--p-hmarge);
right: var(--p-marge);
color: var(--c-blue);
margin: 1em;
border: .1em solid;
z-index: 1;
padding: .25em .5em;
position: fixed;
font-weight: 600;
border-radius: var(--b-radius);
background-color: var(--c-white);
}
.popup_close>.svg_icon {
fill: var(--c-blue);
}
.link {
cursor: pointer;
text-decoration: none;
@ -641,7 +730,7 @@ body {
}
/* # Header */
.page_header {
.header {
padding: var(--h-marge) var(--p-marge);
display: flex;
justify-content: space-between;
@ -736,6 +825,12 @@ body {
color: var(--c-light);
}
.hero__text>.link {
color: var(--c-light);
font-weight: 600;
text-decoration: underline;
}
.services_preview {
display: none;
}
@ -840,10 +935,6 @@ body {
color: var(--c-blue);
}
.grid_full {
grid-column: 1 / -1;
}
/* ## Contact/Map */
#a_contact {
margin: 6em auto auto auto;
@ -941,7 +1032,7 @@ body {
@media (min-width: 576px) {
/* # Header */
.page_header {
.header {
position: fixed;
top: 0;
left: 0;
@ -1019,7 +1110,7 @@ body {
/* # Footer */
#footer {
background-size: 100%;
background-size: 101%;
background-image: url(/media/footer.svg);
background-repeat: no-repeat;
background-position: center -15px;
@ -1028,6 +1119,11 @@ body {
@media (min-width: 992px) {
.popup>.box {
gap: 1em 4em;
grid-template-columns: 1fr 1fr;
}
/* # Articles */
/* ## Primary */
.services_preview {