David Larlet před 5 měsíci
rodič
revize
fa3f33c410
Podepsáno: David Larlet <david@larlet.fr> ID GPG klíče: 3E2953A359E7E7BD

+ 231
- 0
cache/2024/55f475e327a5d1c4851e1e67b19c83e6/index.html Zobrazit soubor

@@ -0,0 +1,231 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Notre accompagnement (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://updr.fr/notre-accompagnement/">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Notre accompagnement</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://updr.fr/notre-accompagnement/" title="Lien vers le contenu original">Source originale</a>
<br>
Mis en cache le 2024-06-20
</p>
</nav>
<hr>
<figure class="wp-block-image aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" src="https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter.png" alt="" class="wp-image-69" srcset="https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter.png 1500w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-300x200.png 300w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-1024x683.png 1024w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-768x512.png 768w" sizes="(max-width: 690px) 100vw, 690px"></figure>

<p>Tu es une personne engagée, ou membre d’un collectif engagé, et tu souhaites développer ton indépendance numérique au travers d’un site web ? Nous pouvons t’accompagner. Voilà ce que nous pouvons te proposer :</p>

<ul>
<li><strong>Un audit de tes besoins : </strong>quel site web, pour partager quoi, avec quel outil ? Ces questions, on se les pose très souvent, et on peut te faire bénéficier de cette expérience.</li>



<li><strong>Un hébergement et un suivi technique de ton site :</strong> en gros on te met en place le site dont tu as besoin, avec l’outil le plus adapté (<a href="https://wordpress.com/fr/">WordPress</a>, <a href="https://www.dokuwiki.org/dokuwiki">Dokuwiki</a>, <a href="https://yeswiki.pro">Yeswiki</a>, <a href="https://getgrav.org/">Grav</a>, <a href="https://gohugo.io/">Hugo</a>, etc). Ensuite, on le bichonne, on le personnalise un peu, on le met à jour, on évite les cyberattaques, toussa toussa.</li>



<li><strong>Un hébergement et un suivi technique de ton podcast</strong> : avec un outil libre et éthique : <a href="https://castopod.org/">Castopod</a>.</li>



<li><strong><strong>Une formation à la prise en main de ton site</strong> : </strong>nous te rendons autonome pour que tu puisses alimenter ton site en contenus bien sûr, mais aussi pour le mettre à jour et l’arroser régulièrement comme une jolie petite plante.</li>



<li><strong>Une aide à la structuration de ton site :</strong> créer un site web, c’est à la fois simple et compliqué. Par où commencer ? Quelle organisation du contenu ? Nous pouvons te faire profiter de notre expérience.</li>



<li><strong>Une aide à la valorisation de tes contenus</strong> : créer c’est bien, mais communiquer reste un passage souvent obligé. Nous te proposons de t’offrir notre expérience d’une communication sans compromis sur les valeurs (réseaux sociaux, newsletter, etc.).</li>



<li><strong>Un accompagnement sur tout le reste :</strong> les questions juridiques (RGPD, mentions légales), les questions éthiques (être ou ne pas être… sur Tik Tok ?), les questions économiques (comment gagner de l’argent grâce à mon contenu ?).</li>
</ul>

<h2 class="wp-block-heading">Nos engagements</h2>

<p><strong>Tu auras ton propre bout de web !</strong> Fondamentalement, notre objectif est de te permettre d’avoir ton petit bout de web à toi, sur lequel tu seras indépendant, responsable, et en maîtrise de tes contenus.</p>

<p><strong>Tu seras accompagné, mais autonome !</strong> Notre mission, c’est de t’accompagner, et de te rendre autonome sur ton site, avec tes contenus.</p>

<p><strong>Tu seras libre !</strong> Tu peux décider de changer d’outils, de passer par un autre hébergeur que le nôtre, de nous quitter à tout moment. Nous garantissons un maximum d’interopérabilité, sauvegardes, ouverture. Nous prônons et n’utilisons que des <a href="https://fr.wikipedia.org/wiki/Logiciel_libre">logiciels et services libres</a>.</p>

<h2 class="wp-block-heading">Nos limites</h2>

<p>Si notre accompagnement stratégique est fondamentalement sur mesure, notre accompagnement technique ne l’est pas. Tes besoins doivent être donc limités, voire minimalistes pour que nous puissions sereinement héberger et éditer ton site.</p>

<p>Nous ne sommes pas des professionnels de l’hébergement. Il peut donc y avoir des ratés, des mises hors service, un site inaccessible. Nous nous engageons à faire de notre mieux, mais pas à faire aussi bien que les mastodontes du marché. La bienveillance et la confiance respectives sont indispensables dans notre partenariat.</p>

<p><em>Note : Si nos limites te posent problème ou si tes besoins sont supérieurs à ce que nous proposons, tu trouveras sans doute ton bonheur parmi l’un des <a href="https://www.chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires). On peut en discuter.</em></p>

<h2 class="wp-block-heading">Combien ça coûte ?</h2>

<p>Nous pratiquons le <a href="https://david.mercereau.info/ma-pratique-du-prix-libre-et-conscient/">prix libre et conscient</a>. Nous serons transparents sur ce que nous coûte ton accompagnement et te proposerons ensuite de contribuer à la hauteur de tes capacités et de tes besoins. L’objectif ici est d’être radicalement abordables.</p>

<h2 class="wp-block-heading">Intéressé⋅e ?</h2>

<p>Contacte-nous à <strong>bonjour [arobase] updr [point] fr</strong></p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 92
- 0
cache/2024/55f475e327a5d1c4851e1e67b19c83e6/index.md Zobrazit soubor

@@ -0,0 +1,92 @@
title: Notre accompagnement
url: https://updr.fr/notre-accompagnement/
hash_url: 55f475e327a5d1c4851e1e67b19c83e6
archive_date: 2024-06-20
og_image: https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter.png
description: Tu es une personne engagée, ou membre d’un collectif engagé, et tu souhaites développer ton indépendance numérique au travers d’un site web ? Nous pouvons t’accompagner. Voilà ce que nous pouvons te proposer : Nos engagements Tu auras ton propre bout de web ! Fondamentalement, notre objectif est de te permettre d’avoir ton petit bout […]
favicon: https://updr.fr/wp-content/uploads/2023/02/favicon-150x150.png
language: fr_FR

<figure class="wp-block-image aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" src="https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter.png" alt="" class="wp-image-69" srcset="https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter.png 1500w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-300x200.png 300w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-1024x683.png 1024w, https://updr.fr/wp-content/uploads/2023/02/blacklivesmatter-768x512.png 768w" sizes="(max-width: 690px) 100vw, 690px"></figure>



<p>Tu es une personne engagée, ou membre d’un collectif engagé, et tu souhaites développer ton indépendance numérique au travers d’un site web ? Nous pouvons t’accompagner. Voilà ce que nous pouvons te proposer :</p>



<ul>
<li><strong>Un audit de tes besoins : </strong>quel site web, pour partager quoi, avec quel outil ? Ces questions, on se les pose très souvent, et on peut te faire bénéficier de cette expérience.</li>



<li><strong>Un hébergement et un suivi technique de ton site :</strong> en gros on te met en place le site dont tu as besoin, avec l’outil le plus adapté (<a href="https://wordpress.com/fr/">WordPress</a>, <a href="https://www.dokuwiki.org/dokuwiki">Dokuwiki</a>, <a href="https://yeswiki.pro">Yeswiki</a>, <a href="https://getgrav.org/">Grav</a>, <a href="https://gohugo.io/">Hugo</a>, etc). Ensuite, on le bichonne, on le personnalise un peu, on le met à jour, on évite les cyberattaques, toussa toussa.</li>



<li><strong>Un hébergement et un suivi technique de ton podcast</strong> : avec un outil libre et éthique : <a href="https://castopod.org/">Castopod</a>.</li>



<li><strong><strong>Une formation à la prise en main de ton site</strong> : </strong>nous te rendons autonome pour que tu puisses alimenter ton site en contenus bien sûr, mais aussi pour le mettre à jour et l’arroser régulièrement comme une jolie petite plante.</li>



<li><strong>Une aide à la structuration de ton site :</strong> créer un site web, c’est à la fois simple et compliqué. Par où commencer ? Quelle organisation du contenu ? Nous pouvons te faire profiter de notre expérience.</li>



<li><strong>Une aide à la valorisation de tes contenus</strong> : créer c’est bien, mais communiquer reste un passage souvent obligé. Nous te proposons de t’offrir notre expérience d’une communication sans compromis sur les valeurs (réseaux sociaux, newsletter, etc.).</li>



<li><strong>Un accompagnement sur tout le reste :</strong> les questions juridiques (RGPD, mentions légales), les questions éthiques (être ou ne pas être… sur Tik Tok ?), les questions économiques (comment gagner de l’argent grâce à mon contenu ?).</li>
</ul>



<h2 class="wp-block-heading">Nos engagements</h2>



<p><strong>Tu auras ton propre bout de web !</strong> Fondamentalement, notre objectif est de te permettre d’avoir ton petit bout de web à toi, sur lequel tu seras indépendant, responsable, et en maîtrise de tes contenus.</p>



<p><strong>Tu seras accompagné, mais autonome !</strong> Notre mission, c’est de t’accompagner, et de te rendre autonome sur ton site, avec tes contenus.</p>



<p><strong>Tu seras libre !</strong> Tu peux décider de changer d’outils, de passer par un autre hébergeur que le nôtre, de nous quitter à tout moment. Nous garantissons un maximum d’interopérabilité, sauvegardes, ouverture. Nous prônons et n’utilisons que des <a href="https://fr.wikipedia.org/wiki/Logiciel_libre">logiciels et services libres</a>.</p>



<h2 class="wp-block-heading">Nos limites</h2>



<p>Si notre accompagnement stratégique est fondamentalement sur mesure, notre accompagnement technique ne l’est pas. Tes besoins doivent être donc limités, voire minimalistes pour que nous puissions sereinement héberger et éditer ton site.</p>



<p>Nous ne sommes pas des professionnels de l’hébergement. Il peut donc y avoir des ratés, des mises hors service, un site inaccessible. Nous nous engageons à faire de notre mieux, mais pas à faire aussi bien que les mastodontes du marché. La bienveillance et la confiance respectives sont indispensables dans notre partenariat.</p>



<p><em>Note : Si nos limites te posent problème ou si tes besoins sont supérieurs à ce que nous proposons, tu trouveras sans doute ton bonheur parmi l’un des <a href="https://www.chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires). On peut en discuter.</em></p>



<h2 class="wp-block-heading">Combien ça coûte ?</h2>



<p>Nous pratiquons le <a href="https://david.mercereau.info/ma-pratique-du-prix-libre-et-conscient/">prix libre et conscient</a>. Nous serons transparents sur ce que nous coûte ton accompagnement et te proposerons ensuite de contribuer à la hauteur de tes capacités et de tes besoins. L’objectif ici est d’être radicalement abordables.</p>



<h2 class="wp-block-heading">Intéressé⋅e ?</h2>



<p>Contacte-nous à <strong>bonjour [arobase] updr [point] fr</strong></p>

+ 199
- 0
cache/2024/a9323e18a9a0baafc49c8451081dece2/index.html Zobrazit soubor

@@ -0,0 +1,199 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Mes engagements - Copsaé (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://www.copsae.fr/a-propos/engagements/">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Mes engagements - Copsaé</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://www.copsae.fr/a-propos/engagements/" title="Lien vers le contenu original">Source originale</a>
<br>
Mis en cache le 2024-06-20
</p>
</nav>
<hr>
<h1>Mes engagements</h1>
<p>Copsaé se définit par des valeurs et des principes qui guident mon travail au quotidien. Parce qu’il est important pour moi de présenter ma démarche et que ces engagements me tiennent à cœur, j’ai choisi de les afficher publiquement.</p>
<h2>Mes engagements pour un environnement de travail sain et respectueux</h2>
<ol>
<li><strong>Coopération</strong> : Travailler dans une structure coopérative et travailler avec vous pour rendre le web accessible ;</li>
<li><strong>Respect</strong> : Considérer que je suis une personne et je travaille avec des personnes et non pas des ressources. Le respect, l’honnêteté, l’absence de discrimination et l’équité sont essentielles pour travailler ensemble. Je veille à appliquer ce principe aux personnes avec qui je travaille, et j’attends la même chose en retour ;</li>
<li><strong>Transparence</strong> : Communiquer de façon transparente sur ce que je fais, mes éventuelles erreurs, etc. Ensemble, se dire les choses explicitement pour bien se comprendre, ne pas laisser place au doute et à l’incompréhension. Je tâche de respecter cet engagement pour les personnes avec qui je travaille, et j’attends la même chose en retour ;</li>
<li><strong>Prise en compte de mes besoins</strong> : Adapter au mieux mes conditions de travail (télétravail, horaires adaptables, temps de travail, congés…) à mes besoins ;</li>
<li><strong>Séparation vie pro/vie perso</strong> : Respecter fondamentalement la séparation entre vie personnelle et vie professionnelle ainsi que le droit à la déconnexion ;</li>
<li><strong>Transports propres</strong> : Préférer, dans la mesure du possible, les modes de transport les plus propres (train, transports en commun de ville, marche à pied, vélo) ;</li>
<li><strong>Politique zéro cadeau</strong> : Éviter la corruption, les attentes implicites, les messages cachés en n’offrant pas et en n’acceptant pas de cadeau d’affaires afin de conserver un environnement et des pratiques de travail saines, sans ambiguïté. Éviter, également, un surcoût écologique.</li></ol>
<h2>Mes engagements pour des projets qui correspondent à mes valeurs</h2>
<ol>
<li><strong>Considérer l’accessibilité numérique comme un droit fondamental pour les personnes handicapées</strong>, afin de leur garantir autonomie et inclusion dans la société ;</li>
<li>Travailler uniquement sur des projets qui ont une <strong>exigence d’accessibilité numérique</strong> pour les personnes handicapées ;</li>
<li>Travailler sur des projets <strong>en faveur d’une société inclusive et solidaire</strong> ;</li>
<li>Travailler sur des projets qui veillent à <strong>nuire le moins possible au vivant dans sa globalité</strong> ;</li>
<li>Ne renouveler aucune prestation dont la collaboration mutuelle se révélerait être un échec dans la mise en accessibilité d’un projet : <strong>ne pas s’obstiner si ça ne fonctionne pas</strong> afin de me et vous préserver ;</li>
<li><strong>Ne pas travailler sur les projets en contradiction totale avec mes valeurs.</strong> En particulier, refuser de travailler sur des projets ou avec des organismes :<ul>
<li>discriminants ;</li>
<li>et, plus largement, amenés à entraver les droits, les libertés et la vie privée des individus ou de la collectivité.</li></ul>
</li></ol>
<p><strong>Note :</strong> Le quatrième point pourra faire l’objet de plus de souplesse dès lors qu’il s’agit de réaliser des prestations d’expertise-conseil en accessibilité sur des projets nécessitant d’être accessibles pour permettre l’autonomie des personnes handicapées et leur inclusion dans la société.</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 30
- 0
cache/2024/a9323e18a9a0baafc49c8451081dece2/index.md Zobrazit soubor

@@ -0,0 +1,30 @@
title: Mes engagements - Copsaé
url: https://www.copsae.fr/a-propos/engagements/
hash_url: a9323e18a9a0baafc49c8451081dece2
archive_date: 2024-06-20
og_image:
description: Mes engagements pour un environnement de travail sain et respectueux
favicon: https://www.copsae.fr/favicon.ico
language: fr_FR

# Mes engagements

Copsaé se définit par des valeurs et des principes qui guident mon travail au quotidien. Parce qu’il est important pour moi de présenter ma démarche et que ces engagements me tiennent à cœur, j’ai choisi de les afficher publiquement.

<h2>Mes engagements pour un environnement de travail sain et respectueux</h2><ol>
<li><strong>Coopération</strong> : Travailler dans une structure coopérative et travailler avec vous pour rendre le web accessible ;</li>
<li><strong>Respect</strong> : Considérer que je suis une personne et je travaille avec des personnes et non pas des ressources. Le respect, l’honnêteté, l’absence de discrimination et l’équité sont essentielles pour travailler ensemble. Je veille à appliquer ce principe aux personnes avec qui je travaille, et j’attends la même chose en retour ;</li>
<li><strong>Transparence</strong> : Communiquer de façon transparente sur ce que je fais, mes éventuelles erreurs, etc. Ensemble, se dire les choses explicitement pour bien se comprendre, ne pas laisser place au doute et à l’incompréhension. Je tâche de respecter cet engagement pour les personnes avec qui je travaille, et j’attends la même chose en retour ;</li>
<li><strong>Prise en compte de mes besoins</strong> : Adapter au mieux mes conditions de travail (télétravail, horaires adaptables, temps de travail, congés…) à mes besoins ;</li>
<li><strong>Séparation vie pro/vie perso</strong> : Respecter fondamentalement la séparation entre vie personnelle et vie professionnelle ainsi que le droit à la déconnexion ;</li>
<li><strong>Transports propres</strong> : Préférer, dans la mesure du possible, les modes de transport les plus propres (train, transports en commun de ville, marche à pied, vélo) ;</li>
<li><strong>Politique zéro cadeau</strong> : Éviter la corruption, les attentes implicites, les messages cachés en n’offrant pas et en n’acceptant pas de cadeau d’affaires afin de conserver un environnement et des pratiques de travail saines, sans ambiguïté. Éviter, également, un surcoût écologique.</li></ol><h2>Mes engagements pour des projets qui correspondent à mes valeurs</h2><ol>
<li><strong>Considérer l’accessibilité numérique comme un droit fondamental pour les personnes handicapées</strong>, afin de leur garantir autonomie et inclusion dans la société ;</li>
<li>Travailler uniquement sur des projets qui ont une <strong>exigence d’accessibilité numérique</strong> pour les personnes handicapées ;</li>
<li>Travailler sur des projets <strong>en faveur d’une société inclusive et solidaire</strong> ;</li>
<li>Travailler sur des projets qui veillent à <strong>nuire le moins possible au vivant dans sa globalité</strong> ;</li>
<li>Ne renouveler aucune prestation dont la collaboration mutuelle se révélerait être un échec dans la mise en accessibilité d’un projet : <strong>ne pas s’obstiner si ça ne fonctionne pas</strong> afin de me et vous préserver ;</li>
<li><strong>Ne pas travailler sur les projets en contradiction totale avec mes valeurs.</strong> En particulier, refuser de travailler sur des projets ou avec des organismes :<ul>
<li>discriminants ;</li>
<li>et, plus largement, amenés à entraver les droits, les libertés et la vie privée des individus ou de la collectivité.</li></ul>
</li></ol><p><strong>Note :</strong> Le quatrième point pourra faire l’objet de plus de souplesse dès lors qu’il s’agit de réaliser des prestations d’expertise-conseil en accessibilité sur des projets nécessitant d’être accessibles pour permettre l’autonomie des personnes handicapées et leur inclusion dans la société.</p>

+ 4
- 0
cache/2024/index.html Zobrazit soubor

@@ -74,6 +74,8 @@
<li><a href="/david/cache/2024/5ff0fe74d43b57fa41db8851bc56ac88/" title="Accès à l’article dans le cache local : Highlight Text When a User Scrolls Down to That Piece of Text">Highlight Text When a User Scrolls Down to That Piece of Text</a> (<a href="https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/" title="Accès à l’article original distant : Highlight Text When a User Scrolls Down to That Piece of Text">original</a>)</li>
<li><a href="/david/cache/2024/a9323e18a9a0baafc49c8451081dece2/" title="Accès à l’article dans le cache local : Mes engagements - Copsaé">Mes engagements - Copsaé</a> (<a href="https://www.copsae.fr/a-propos/engagements/" title="Accès à l’article original distant : Mes engagements - Copsaé">original</a>)</li>
<li><a href="/david/cache/2024/e1f6125fe416ecd26f2804cdab5cc571/" title="Accès à l’article dans le cache local : Microsoft's new Windows 11 Recall is a privacy nightmare">Microsoft's new Windows 11 Recall is a privacy nightmare</a> (<a href="https://www.bleepingcomputer.com/news/microsoft/microsofts-new-windows-11-recall-is-a-privacy-nightmare/" title="Accès à l’article original distant : Microsoft's new Windows 11 Recall is a privacy nightmare">original</a>)</li>
<li><a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Accès à l’article dans le cache local : The Walk and Talk: Everything We Know">The Walk and Talk: Everything We Know</a> (<a href="https://craigmod.com/ridgeline/176/" title="Accès à l’article original distant : The Walk and Talk: Everything We Know">original</a>)</li>
@@ -106,6 +108,8 @@
<li><a href="/david/cache/2024/cba1417ac2338abde14bb06d0a1f505d/" title="Accès à l’article dans le cache local : A Woman Who Left Society to Live With Bears Weighs in on “Man or Bear”">A Woman Who Left Society to Live With Bears Weighs in on “Man or Bear”</a> (<a href="https://bikepacking.com/plog/man-or-bear-debate/" title="Accès à l’article original distant : A Woman Who Left Society to Live With Bears Weighs in on “Man or Bear”">original</a>)</li>
<li><a href="/david/cache/2024/55f475e327a5d1c4851e1e67b19c83e6/" title="Accès à l’article dans le cache local : Notre accompagnement">Notre accompagnement</a> (<a href="https://updr.fr/notre-accompagnement/" title="Accès à l’article original distant : Notre accompagnement">original</a>)</li>
<li><a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Accès à l’article dans le cache local : Reconsider your partnership with Brave">Reconsider your partnership with Brave</a> (<a href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" title="Accès à l’article original distant : Reconsider your partnership with Brave">original</a>)</li>
<li><a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Accès à l’article dans le cache local : carnet d'archéologue">carnet d'archéologue</a> (<a href="https://www.la-grange.net/2024/01/22/carnet" title="Accès à l’article original distant : carnet d'archéologue">original</a>)</li>

Načítá se…
Zrušit
Uložit