Compare commits

..

3 Commits

Author SHA1 Message Date
Adrien Kara 38af8aa513
Add ref section 6 months ago
Adrien Kara 984749aa92
Add seo/partage 6 months ago
Adrien Kara c12f01b634
Add favicon 6 months ago
  1. 6
      data/data.stf
  2. 9
      public/DiscoveryOne.html
  3. 2
      public/css/Monolith.css
  4. BIN
      public/favicon.ico
  5. BIN
      public/media/clients/carlab.png
  6. BIN
      public/media/clients/esa.png
  7. BIN
      public/media/clients/imagine.png
  8. BIN
      public/media/clients/mpf.png
  9. BIN
      public/media/clients/neo_ps.png
  10. BIN
      public/media/clients/sncf.png
  11. BIN
      public/media/favicon.png
  12. 23
      src/DiscoveryOne.html
  13. 22
      src/css/Monolith.css

@ -125,4 +125,8 @@ 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>
<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

@ -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&#8239;développe&#8239;pour&#8239;vous&#8201;ce&#8239;qui&#8239;n’existe&#8239;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>

File diff suppressed because one or more lines are too long

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

Binary file not shown.

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;
}

Loading…
Cancel
Save