Compare commits
3 Commits
7e6acb92f4
...
38af8aa513
Author | SHA1 | Date | |
---|---|---|---|
Adrien Kara | 38af8aa513 | ||
Adrien Kara | 984749aa92 | ||
Adrien Kara | c12f01b634 |
|
@ -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> (<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
|
|
@ -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 d’application Web et Logiciel 🧩, d’Automatisations ⚙️, d’API 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 d’application Web et Logiciel 🧩, d’Automatisations ⚙️, d’API 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 d’application Web et Logiciel 🧩, d’Automatisations ⚙️, d’API 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 développe pour vous ce qui n’existe pas.</h1><p class=hero__text>Avec plus de 10 ans d’expériences dans le développement spécifique de Logiciels, d’Applications Web & d’API. J’apporte 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 d’hé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 l’hé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. N’hé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 s’y connaitre en développement pour faire appel à vos services ?</summary><p class=question_response>Absolument pas, je suis disponible pour vos questions et m’adapte à votre niveau pour vous accompagner, quel que soit le projet. Vous avez votre domaine d’expertise et le mien à votre disposition.</p></details><details class=question><summary class="link question_title">Comment puis-je avoir l’état d’avancement 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 d’avancement 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 d’une mission, j’assure 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 d’aide dans l’utilisation de votre outil. Il est pour moi essentiel d’assurer votre satisfaction.</p></details><details class=question><summary class="link question_title">Comment vous faire part d’un problème sur ma solution ?</summary><p class=question_response>Dans le cas ou vous rencontriez un problème, qu’il soit du à une erreur de manipulation ou d’un éventuel bug apparut à l’usage. Il est à tout moment possible de m’en faire part, via l’un des canaux suivants : E-mail, Téléphone, SMS ou via un ticket d’issue via l’outil 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 d’un é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 l’hé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. N’hé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 s’y connaitre en développement pour faire appel à vos services ?</summary><p class=question_response>Absolument pas, je suis disponible pour vos questions et m’adapte à votre niveau pour vous accompagner, quel que soit le projet. Vous avez votre domaine d’expertise et le mien à votre disposition.</p></details><details class=question><summary class="link question_title">Comment puis-je avoir l’état d’avancement 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 d’avancement 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 d’une mission, j’assure 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 d’aide dans l’utilisation de votre outil. Il est pour moi essentiel d’assurer votre satisfaction.</p></details><details class=question><summary class="link question_title">Comment vous faire part d’un problème sur ma solution ?</summary><p class=question_response>Dans le cas ou vous rencontriez un problème, qu’il soit du à une erreur de manipulation ou d’un éventuel bug apparut à l’usage. Il est à tout moment possible de m’en faire part, via l’un des canaux suivants : E-mail, Téléphone, SMS ou via un ticket d’issue via l’outil 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 d’un é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>
|
||||
|
|
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 3.3 KiB |
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|