Update template and data set

Signed-off-by: Adrien Kara <adrien@iglou.eu>
master
Adrien Kara 6 months ago
parent a02d5a2610
commit 4c8af67a8d
Signed by: adrien
GPG Key ID: 605B69551C56DB62
  1. 14
      data/data.stf
  2. 116
      src/DiscoveryOne.html
  3. 10
      src/css/Monolith.css

@ -53,10 +53,18 @@ Dans le cas ou vous ne trouviez pas la reponse a votre question. N’hesitez pas
Faut il s’y connaitre en développement pour faire appel à vos services ?
Absoluement 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 a votre disposition.
// Q2
// Q3
// Q4
// Q5
// HTML Contact
Me contacter
Favorisez le contact par e-mail qui est mon moyen de communication de predilection
@ -65,6 +73,7 @@ E-mail
contact@iglou.eu
// Tel
Téléphone
+33769812078
07.69.81.20.78
// Addr
Adresse
@ -72,15 +81,16 @@ Iglou.eu / Coopaname<br>3/7 rue Albert Marquet<br>75020 Paris<br>France
// HTML Footer
Par Iglou.eu en 2022
Mes engagements
Mentions-légales
// HTML Mentions
// Credit
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 contenus diffusés par <strong>Iglou.eu</strong> sont sous licence libre CC-BY et APACHE, conformement 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.
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 contenus diffusés par <strong>Iglou.eu</strong> sont sous licence libre CC-BY et APACHE, conformement 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.
// Edition
É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”><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>

@ -5,9 +5,9 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<title>{{index . 3}}</title>
<meta name="description" content="">
<meta name="description" content="{{index . 5}}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
<link rel="stylesheet" href="css/Monolith.css">
@ -29,16 +29,16 @@
<nav class="header_nav" aria-label="Menu">
<ul class="header_menu">
<li class="menu_entry">
<a href="#a_benefits" class="menu_entry link">Avantages</a>
<a href="#a_benefits" class="menu_entry link">{{index . 8}}</a>
</li>
<li class="menu_entry">
<a href="#" class="menu_entry link">Services</a>
<a href="#" class="menu_entry link">{{index . 9}}</a>
</li>
<li class="menu_entry">
<a href="#a_faq" class="menu_entry link">Questions</a>
<a href="#a_faq" class="menu_entry link">{{index . 10}}</a>
</li>
<li class="menu_entry">
<a href="#a_contact" class="menu_entry button contact"><span>Contact</span></a>
<a href="#a_contact" class="menu_entry button contact"><span>{{index . 11}}</span></a>
</li>
</ul>
</nav>
@ -47,15 +47,13 @@
<main id="main" class="main">
<article id="a_primary" class="article">
<div class="hero">
<h1 class="hero__title">Je&#8239;développe&#8239;pour&#8239;vous&thinsp;ce&#8239;qui&#8239;n'existe&#8239;pas.</h1>
<p class="hero__text">Avec plus de 10 ans d'expériences, dans la creation de Logiciels, d'Applications Web & d'API. J'apporte mon expertise dans le solutionement de vos problematiques</p>
<a href="mailto:contact@iglou.eu?subject=%5BDevis%5D%20Cr%C3%A9ation%20sur%20mesure&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0A%0D%0ANous%20avons%20un%20projet%20%28cocher%20la%20case%20correspondante%29%20%3A%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%20Progiciels%2FLogicielle%0D%0A-%20%5B%20%5D%20Application%20web%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%2FExploitation%20API%0D%0A-%20%5B%20%5D%20Automatisation%2FScrapping%0D%0A%0D%0AAvec%20un%20budget%20entre%20...%20et%20...%20%E2%82%AC%0D%0A%0D%0ALe%20projet%20en%20quelques%20lignes%20%3A%0D%0A%7BVotre%20projet%7D%0D%0A%0D%0A%0D%0ACordialement%2C" class="button with_icon contact">
<h1 class="hero__title">{{index . 13}}</h1>
<p class="hero__text">{{index . 15}}</p>
<a href="mailto:{{index . 73}}?subject=%5BDevis%5D%20Cr%C3%A9ation%20sur%20mesure&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0A%0D%0ANous%20avons%20un%20projet%20%28cocher%20la%20case%20correspondante%29%20%3A%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%20Progiciels%2FLogicielle%0D%0A-%20%5B%20%5D%20Application%20web%0D%0A-%20%5B%20%5D%20Cr%C3%A9ation%2FExploitation%20API%0D%0A-%20%5B%20%5D%20Automatisation%2FScrapping%0D%0A%0D%0AAvec%20un%20budget%20entre%20...%20et%20...%20%E2%82%AC%0D%0A%0D%0ALe%20projet%20en%20quelques%20lignes%20%3A%0D%0A%7BVotre%20projet%7D%0D%0A%0D%0A%0D%0ACordialement%2C" class="button with_icon contact">
<svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg>
<span>
Demander un devis
</span>
<span> {{index . 17}}</span>
</a>
</div>
<div class="services_preview">
@ -65,8 +63,8 @@
<use xlink:href="#svg_software"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">Logiciel</a>
<p class="services_preview__item_text prez_pad__text">Creation de logiciel blablabla machin truc Creation de logiciel blablabla machin truc</p>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 21}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 22}}</p>
</div>
<div class="services_preview__item prez_pad">
<div class="services_preview__item_icon prez_pad__icon">
@ -74,8 +72,8 @@
<use xlink:href="#svg_webapp"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">Web</a>
<p class="services_preview__item_text prez_pad__text">Et le web, la aussi c'est des machin avec des machines mais pas que</p>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 24}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 25}}</p>
</div>
<div class="services_preview__item prez_pad">
<div class="services_preview__item_icon prez_pad__icon">
@ -83,18 +81,16 @@
<use xlink:href="#svg_api"></use>
</svg>
</div>
<a href="#" class="services_preview__item_title prez_pad__title">API</a>
<p class="services_preview__item_text prez_pad__text">We les api c'est cool, et voila quoi We les api c'est cool, et voila quoi</p>
<a href="#" class="services_preview__item_title prez_pad__title">{{index . 27}}</a>
<p class="services_preview__item_text prez_pad__text">{{index . 28}}</p>
</div>
</div>
</div>
</article>
<article id="a_benefits" class="article">
<h2 class="benefits_title grid_full glob_title">Mes aventages</h2>
<p class="benefits_desc grid_full glob_desc">
Si jamais vous trouvez pas, blablabla. Je reste dispo <a href="#a_contact" class="link">Contacter</a>
</p>
<h2 class="benefits_title grid_full glob_title">{{index . 31}}</h2>
<p class="benefits_desc grid_full glob_desc">{{index . 32}}</p>
<img src="/media/exemple_app.png" alt="exemple d'application" class="benefits_reps" loading="lazy">
<ol class="benefits_list">
<li class="benefit_item prez_pad">
@ -103,8 +99,8 @@
<use xlink:href="#svg_eye"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Licence permissive</p>
<p class="benefit_item__text prez_pad__text">Pas de limitation dans l'usage ou le temps</p>
<p class="benefit_item__title prez_pad__title">{{index . 34}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 35}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -112,8 +108,8 @@
<use xlink:href="#svg_git"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">6 mois de maintenance</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 37}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 38}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -121,8 +117,8 @@
<use xlink:href="#svg_medical"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Code source fournit</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 40}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 41}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -130,8 +126,8 @@
<use xlink:href="#svg_screwdriver"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">outils de deploiement</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 43}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 44}}</p>
</li>
<li class="benefit_item prez_pad">
<div class="benefit_item__icon prez_pad__icon">
@ -139,46 +135,42 @@
<use xlink:href="#svg_server"></use>
</svg>
</div>
<p class="benefit_item__title prez_pad__title">Infrastructure dédiée</p>
<p class="benefit_item__text prez_pad__text"></p>
<p class="benefit_item__title prez_pad__title">{{index . 46}}</p>
<p class="benefit_item__text prez_pad__text">{{index . 47}}</p>
</li>
</ol>
</article>
<article id="a_faq" class="article">
<h2 class="faq_title glob_title">Questions fréquentes</h2>
<p class="faq_desc glob_desc">
Si jamais vous trouvez pas, blablabla. Je reste dispo <a href="#a_contact" class="link">Contacter</a>
</p>
<h2 class="faq_title glob_title">{{index . 50}}</h2>
<p class="faq_desc glob_desc">{{index . 51}}</p>
<div class="faq_questions">
<details class="question" open>
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 53}}</summary>
<p class="question_response">{{index . 54}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 56}}</summary>
<p class="question_response">{{index . 57}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 59}}</summary>
<p class="question_response">{{index . 60}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 62}}</summary>
<p class="question_response">{{index . 63}}</p>
</details>
<details class="question">
<summary class="link question_title">Faut il s'y connaitre en développement pour faire appel à vos services ?</summary>
<p class="question_response">Toujours là pour vous aider et vous conseiller au mieux. Disponible pour vos questions, je m'adapte à votre niveau pour vous accompagner Quel que soit le projet. Vous avez votre domaine d'expertise, et le mien a votre disposition.</p>
<summary class="link question_title">{{index . 65}}</summary>
<p class="question_response">{{index . 66}}</p>
</details>
</div>
</article>
<article id="a_contact" class="article">
<h2 class="contact_title glob_title">Questions fréquentes</h2>
<p class="contact_desc glob_desc">
Si jamais vous trouvez pas, blablabla. Je reste dispo <a href="#a_contact" class="link">Contacter</a>
</p>
<h2 class="contact_title glob_title">{{index . 69}}</h2>
<p class="contact_desc glob_desc">{{index . 70}}</p>
<div class="box">
<address class="contact_info">
<div class="contact_info__item">
@ -186,11 +178,11 @@
<svg class="svg_icon">
<use xlink:href="#svg_paperplane"></use>
</svg>
<span>E-mail</span>
<span>{{index . 72}}</span>
</h3>
<p class="contact_info__item_content">
<a class="link" href="mailto:contact@iglou.eu?subject=%5BContact%5D%20Depuis%20Iglou.eu&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0ACordialement%2C">
contact&#64;iglou.eu
<a class="link" href="mailto:{{index . 73}}?subject=%5BContact%5D%20Depuis%20Iglou.eu&body=Bonjour%20Adrien%2C%0D%0A{Votre message}%0D%0A%0D%0ACordialement%2C">
{{index . 73}}
</a>
</p>
</div>
@ -199,11 +191,11 @@
<svg class="svg_icon">
<use xlink:href="#svg_phone"></use>
</svg>
<span>Téléphone</span>
<span>{{index . 75}}</span>
</h3>
<p class="contact_info__item_content">
<a class="link" href="tel:+33769812078">
07.69.81.20.78
<a class="link" href="tel:{{index . 76}}">
{{index . 77}}
</a>
</p>
</div>
@ -212,14 +204,9 @@
<svg class="svg_icon">
<use xlink:href="#svg_location"></use>
</svg>
<span>Adresse</span>
<span>{{index . 79}}</span>
</h3>
<p class="contact_info__item_content">
Iglou.eu / Coopaname<br>
3/7 rue Albert Marquet<br>
75020 Paris<br>
France
</p>
<p class="contact_info__item_content">{{index . 80}}</p>
</div>
</address>
<img src="/media/map.jpg" alt="Carte openstreetmap indiquant l'emplacement de Iglou.eu" class="contact_map" loading="lazy">
@ -234,8 +221,7 @@
<use xlink:href="#svg_iglou"></use>
</svg>
</a>
<p class="footer_content">
Par Iglou.eu en 2022 - <a class="link" href="">Mentions-légales</a>
<p class="footer_content">{{index . 83}} - <a class="link" href="#engagement">{{index . 84}}</a> - <a class="link" href="#legal">{{index . 85}}</a>
</p>
<ul class="footer_social">
<li class="footer_social__item">

@ -567,13 +567,13 @@ body {
}
.button.with_icon>.svg_icon {
height: 1em;
width: 1em;
fill: var(--button-color);
position: relative;
z-index: 1;
left: 0;
width: 1em;
height: 1em;
z-index: 1;
position: relative;
margin-right: .5em;
transition-duration: var(--t-duration);
transition-property: fill, left, transform;
}

Loading…
Cancel
Save