Compare commits

..

3 Commits

Author SHA1 Message Date
Adrien Kara 38af8aa513
Add ref section
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 16:13:31 +01:00
Adrien Kara 984749aa92
Add seo/partage
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 15:20:25 +01:00
Adrien Kara c12f01b634
Add favicon
Signed-off-by: Adrien Kara <adrien@iglou.eu>
2022-02-16 15:08:53 +01:00
13 changed files with 56 additions and 6 deletions

View File

@ -126,3 +126,7 @@ En coopérative
// 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>
// Ref
Références
Quelques un de mes clients finaux

View File

@ -1,4 +1,4 @@
<!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">
<!doctype html><html lang=fr><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=yes,viewport-fit=cover"><title>Iglou.eu - Développement Logiciel, Web et API</title><meta name=theme-color content="#0071eb"><meta name=description content="🧑‍💻 Développement spécifique dapplication Web et Logiciel 🧩, dAutomatisations ⚙️, dAPI et Scrapping 💌"><meta property="og:type" content="website"><meta property="og:title" content="Iglou.eu - Développement Logiciel, Web et API"><meta property="og:image" content="/media/favicon.png"><meta property="og:description" content="🧑‍💻 Développement spécifique dapplication Web et Logiciel 🧩, dAutomatisations ⚙️, dAPI et Scrapping 💌"><link rel=icon type=image/png href=/media/favicon.png><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 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>
@ -18,7 +18,12 @@
<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 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é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</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</p></details></div></article><article id=a_ref class=article><h2 class="ref_title glob_title">Références</h2><p class="ref_desc glob_desc">Quelques un de mes clients finaux</p><div class=ref_list><img src=/media/clients/esa.png alt="European Space Agency" class=ref_list__item>
<img src=/media/clients/imagine.png alt="Institut Imagine" class=ref_list__item>
<img src=/media/clients/neo_ps.png alt="Neo Property Solutions" class=ref_list__item>
<img src=/media/clients/sncf.png alt="La SNCF" class=ref_list__item>
<img src=/media/clients/carlab.png alt="Carlab france" class=ref_list__item>
<img src=/media/clients/mpf.png alt="Maisons Paysannes de France" class=ref_list__item></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>

File diff suppressed because one or more lines are too long

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
public/media/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -4,13 +4,19 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<title>{{index . 3}}</title>
<meta name="theme-color" content="#0071eb">
<meta name="description" content="{{index . 5}}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<meta property="og:type" content="website">
<meta property="og:title" content="{{index . 3}}">
<meta property="og:image" content="/media/favicon.png">
<meta property="og:description" content="{{index . 5}}">
<link rel="stylesheet" href="css/Monolith.css">
<link rel="icon" type="image/png" href="/media/favicon.png" />
<link rel="stylesheet" href="/css/Monolith.css">
</head>
<body>
@ -140,6 +146,19 @@
</ol>
</article>
<article id="a_ref" class="article">
<h2 class="ref_title glob_title">{{index . 131}}</h2>
<p class="ref_desc glob_desc">{{index . 132}}</p>
<div class="ref_list">
<img loading="lazy" src="/media/clients/esa.png" alt="European Space Agency" class="ref_list__item">
<img loading="lazy" src="/media/clients/imagine.png" alt="Institut Imagine" class="ref_list__item">
<img loading="lazy" src="/media/clients/neo_ps.png" alt="Neo Property Solutions" class="ref_list__item">
<img loading="lazy" src="/media/clients/sncf.png" alt="La SNCF" class="ref_list__item">
<img loading="lazy" src="/media/clients/carlab.png" alt="Carlab france" class="ref_list__item">
<img loading="lazy" src="/media/clients/mpf.png" alt="Maisons Paysannes de France" class="ref_list__item">
</div>
</article>
<article id="a_faq" class="article">
<h2 class="faq_title glob_title">{{index . 64}}</h2>
<p class="faq_desc glob_desc">{{index . 65}}</p>

View File

@ -935,6 +935,23 @@ body {
color: var(--c-blue);
}
/* ## Ref */
#a_ref {
min-height: auto;
}
.ref_list {
gap: 1em;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.ref_list__item {
width: auto;
margin: auto;
height: 2em;
}
/* ## Contact/Map */
#a_contact {
margin: 6em auto auto auto;
@ -1137,6 +1154,11 @@ body {
grid-template-columns: 2fr 4fr;
}
/* ## Ref */
.ref_list {
grid-template-columns: repeat(6, 1fr);
}
.benefits_reps {
object-position: center;
}