Add engagement section

Signed-off-by: Adrien Kara <adrien@iglou.eu>
master
Adrien Kara 5 months ago
parent ffbe91c84f
commit 10916b803b
Signed by: adrien
GPG Key ID: 605B69551C56DB62
  1. 17
      data/data.stf
  2. BIN
      public/media/coopaname_logo.png
  3. 53
      src/DiscoveryOne.html
  4. 20
      src/css/Monolith.css

@ -12,7 +12,7 @@ Contact
// Présentation
Je&#8239;développe&#8239;pour&#8239;vous&thinsp;ce&#8239;qui&#8239;n’existe&#8239;pas.
// Description
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 dans le solutionnement de vos problématiques.
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.
// 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
@ -113,3 +113,16 @@ Iconographie par <strong>Font Awesome</strong> sous licence <strong>SIL OFL 1.1<
// Cookies
Cookies et vie privée
Ce site n’utilise absolument aucun cookies ou outils de créations de statistiques.
// HTML Engagements
A propos
Mes engagements, soutiens et parcours. Vous trouverez ici des informations plus personnelles et potentiellement moins pertinentes.
// Présentation
Présentation
<p style="padding-left:2rem">Je m’appelle Adrien Kara, et suis indépendant au sein d’une 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 d’utiliser 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. C’est un engagement moral très personnel, il en résulte des choix comme le pas lier mes clients par contrats d’exploitation 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 j’utilise pour mener à bien mes missions.</p></li><li><p>🌿 L’écologie est une préoccupation. J’ai 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 d’assiduité afin de réduire l’impacte de mes solutions. Si vous n’êtes pas réceptif a cet argumentaire, sachez que dans tous cas, c’est un avantage pour vous, que ce soit un argument marketing en plus ou une réduction de vos coups d’hébergement, mes solutions étant plus performantes qu’une 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, j’ai à 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

@ -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="#mentions_legales">{{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">
@ -295,6 +295,45 @@
</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">
@ -370,6 +409,18 @@
<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>

@ -524,6 +524,18 @@ body {
display: none;
}
.left {
text-align: left;
}
.justify {
text-align: justify;
}
.right {
text-align: right;
}
.box {
position: relative;
}
@ -562,7 +574,7 @@ body {
}
.popup>.box {
gap: 1em;
gap: 1em 4em;
top: var(--p-hmarge);
left: var(--p-marge);
right: var(--p-marge);
@ -811,6 +823,12 @@ body {
color: var(--c-light);
}
.hero__text>.link {
color: var(--c-light);
font-weight: 600;
text-decoration: underline;
}
.services_preview {
display: none;
}

Loading…
Cancel
Save