davidbgk
/
larlet-fr-david-cache
Следить 1
В избранное 0
Форкнуть 0
Код Релизы 0 Активность
A place to cache linked articles (think custom and personal wayback machine)
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
314 коммитов
1 ветка
Дерево: e9ef5f47dd
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'e9ef5f47dd'
${ noResults }
larlet-fr-david-cache/cache/19e12f71b92331c5fcdb887f3fb.../index.html

index.html 57KB
Исходник Blame История

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956 
  1. <!doctype html><!-- This is a valid HTML5 document. -->

  2. <!-- Screen readers, SEO, extensions and so on. -->

  3. <html lang=fr>

  4. <!-- Has to be within the first 1024 bytes, hence before the <title>

  5.   See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->

  6. <meta charset=utf-8>

  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->

  8. <!-- The viewport meta is quite crowded and we are responsible for that.

  9.   See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->

  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">

  11. <!-- Required to make a valid HTML5 document. -->

  12. <title>Code social de Semeoz (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://semeoz.info/codesocial-de-semeoz/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Code social de Semeoz (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://semeoz.info/codesocial-de-semeoz/">Source originale du contenu</a></h3>

  463.     <h2>En résumé</h2>

  464. 

  465. <h3>Nos qualités</h3>

  466. 

  467. <ul>

  468. <li>association loi 1901, commun intangible, autonome, abondant, immatériel, durable, non appropriable</li>

  469. <li>base de données inclusive dans son utilisation, exclusive dans l’accès à sa maintenance</li>

  470. <li>accès libre, diffusion autorisée sous conditions de réciprocité</li>

  471. </ul>

  472. 

  473. <h3>Nos valeurs</h3>

  474. 

  475. <ul>

  476. <li>humanisme, pair-à-pair, Bernard Stiegler, Michel Bauwens, diffusion libre du savoir, des œuvres d’art et de l’esprit, agilité, souplesse, autonomie, bienveillance</li>

  477. <li>gouvernance démocratique, décision par consentement, formation des contributeurs</li>

  478. <li>mise en action constructive et optimiste, rigueur journalistique</li>

  479. <li>écologie, permaculture, libre circulation</li>

  480. </ul>

  481. 

  482. <h3>Droits d'accès</h3>

  483. 

  484. <ul>

  485. <li>Le site est en consultation libre.</li>

  486. <li>L’utilisation et la diffusion des contenus originaux à des fins personnelles est libre et gratuite.</li>

  487. <li>L’agrément des contributeurs fonctionnels se fait par un accord tacite à partir du moment où la personne participe activement, de manière répétitive, constructive et prolongée dans le temps à la vie de l’association.</li>

  488. <li>Les contributeurs financiers sont accueillis avec la même bienveillance que tous les autres mais ils n’ont pas la possibilité de prendre part directement aux votes.</li>

  489. <li>L’accès technique à l’administration, aux fichiers du site, à l’hébergement et à la base de données est réservé à un membre de confiance.</li>

  490. </ul>

  491. 

  492. <h3>Matrice de réciprocité</h3>

  493. 

  494. <p>Consultation, Utilisation et Diffusion des contenus originaux, Accès à des données de la base libres sauf pour une utilisation commerciale pour les contributeurs financiers qui est soumise à une <strong>redevance contributive de 50€</strong> par article et par diffusion (site internet, revue,...). <a href="http://semeoz.info/codesocial-de-semeoz/#matrice">Voir détail</a>.</p>

  495. 

  496. <p> </p>

  497. 

  498. <h2><span>Introduction</span></h2>

  499. 

  500. <p><span>Le code social de l’association Semeoz présente les différents fondements, éthiques, principes et modèles qui fondent nos actions, sur les plans social et humain, économique, écologique, technologique, juridique et financier, artistique et culturel.</span></p>

  501. 

  502. <p><span>Il est construit sur la complémentarité du contexte théorique et historique et de leur mise en application concrète à travers le développement de l’association Semeoz qui a actuellement pour objet de créer, maintenir et animer le site internet</span><a href="http://www.semeoz.info/"> <span>www.semeoz.info</span></a><span>. C'est cette dualité qui différencie ce code social d'une charte ou d'un manifeste.</span></p>

  503. 

  504. <p><span>L'idée du code social est d'explorer la notion “d'API Juridique”. Une API en informatique est une façade clairement délimitée par laquelle un logiciel offre des services à d'autres logiciels. Le code social repose donc sur l’analogie au fameux « Code Logiciel » plus souvent appelé « code source » d’un programme informatique ou d’un langage destiné au web. (<a href="http://cheznous.coop/le-codesocial-de-cheznous/">voir l’article</a> publié à ce sujet par la structure auteure de ce concept</span><span>)</span></p>

  505. 

  506. <p><span>Parce que le collectif qui porte l’association Semeoz est une organisation évolutive, le présent code social est naturellement en constante évolution, c'est un document qui est jardiné par la communauté. Le processus de modification de ce code social est basé sur le consentement (voir Gouvernance).</span></p>

  507. 

  508. <h2><span>Nos qualités</span></h2>

  509. 

  510. <h3><span>L’histoire du projet</span></h3>

  511. 

  512. <p><span>Le projet Semeoz est une émanation directe du collectif Kaléido, cercle privé d'échanges intellectuels, esthétiques et émotionnels (dont l’histoire est une autre histoire et fera l’objet d’un code social séparé). Tout a commencé en février 2015 par une conversation de forum intitulée « Un méta-annuaire des initiatives citoyennes ». Et de fil en aiguille, le projet a fini par voir le jour concrètement grâce à 4 membres co-fondateurs et 3 membres bienfaiteurs sous la forme de l’association Semeoz en août 2015 et du site internet</span><a href="http://www.semeoz.info/"> <span>www.semeoz.info</span></a><span> en septembre 2015.</span></p>

  513. 

  514. <p><span>L’histoire ne serait pas complète sans préciser qu’un conflit relatif à la façon de gérer l’hébergement du site a éclaté au sein de l’équipe courant mai 2015. La personne qui avait acheté le nom de domaine et l’hébergement a menacé l’équipe de poursuite en justice pour avoir tenté de lui « voler » le site. Ce conflit, qui a malheureusement débouché sur une rupture radicale, a conduit l’équipe à créer une association pour structurer le projet et ainsi préciser explicitement et de manière durable le statut de bien commun du site internet, notion qui est loin d'être évidente pour tout le monde et qui a clairement besoin d'être vulgarisée après avoir été théorisée. Le projet a redémarré en août 2015 après avoir reçu de la part d’un membre bienfaiteur les fonds nécessaires pour racheter un nouveau nom de domaine et un hébergement.</span></p>

  515. 

  516. <h3><span>Raison d’être , carte d’identité</span></h3>

  517. 

  518. <p><span>Qu'ils se nomment décroissants, zèbres, suricates, colibris, créatifs culturels, altercréatifs, conspirateurs positifs, alter‐mondialistes, ou tout simplement citoyens... des êtres humains partout sur la planète s'organisent et agissent pour imaginer et créer un monde meilleur. Combien sont‐ils ? Quel est le véritable impact de leurs initiatives ? Difficile à dire !</span></p>

  519. 

  520. <p><span>Auto‐organisation, autogestion, économie circulaire, solidaire, collaborative, contributive, entreprenariat social, crowdfunding, commerce équitable, écologie, agriculture biologique ou raisonnée, énergies alternatives, consomm’action, logiciels libres, communs, méthodes naturelles de santé, non‐violence, parentalité proximale, défense des animaux,... autant de valeurs qui ne sont pas seulement des utopies mais des réalités bien concrètes et quotidiennes pour toute cette population qui s'organise en associations, groupes, coopératives, SCOP, éco‐villages, entreprises sociales... pour réfléchir et surtout agir.</span></p>

  521. 

  522. <p><span>De plus en plus de sites web, revues, films, pages de réseaux sociaux… prennent le parti de montrer et démontrer que les gens agissent, que le monde change dans un sens positif, plutôt que de dénoncer ce qui ne va pas.</span></p>

  523. 

  524. <p><span>L’association Semeoz, créée le 15 août 2015, notamment via son site internet</span><a href="http://www.semeoz.info/"> <span>www.semeoz.info</span></a><span>, se propose de recenser les initiatives mises en place directement par une société civile qui s'affranchit de plus en plus des décideurs politiques, économiques et des codes, clivages, intentions, gouvernances, méthodes ou usages classiques pour prendre son destin en main. Des milliers de communautés sont-elles en train d’inventer une nouvelle civilisation ?</span></p>

  525. 

  526. <p><span> Les objectifs de l’association sont de :</span></p>

  527. 

  528. <ul>

  529. <li><span>     </span><span>Mieux identifier, quantifier, qualifier et illustrer concrètement l’ampleur du mouvement ;</span></li>

  530. <li><span>     </span><span>Favoriser le relais de l’information constructive et donner une visibilité aux initiatives positives ;</span></li>

  531. <li><span>     </span><span>Proposer un espace fédérateur supplémentaire aux acteurs de ce mouvement ;</span></li>

  532. <li><span>     </span><span>Réaliser une cartographie collaborative de la transition pour proposer une vision optimiste de l’avenir.</span></li>

  533. </ul>

  534. 

  535. <p><span>Plus qu’une simple agrégation de contenus, le site internet propose une information structurée, et éditorialisée, ainsi que des contenus inédits, afin de constituer un observatoire de cette humanité en marche vers son avenir.</span></p>

  536. 

  537. <p><span>L’association Semeoz vise à assurer la pérennité du site internet et souhaite mettre en œuvre concrètement un certain nombre de valeurs contributives dans son fonctionnement interne, notamment en adoptant un mode de fonctionnement contributif basé sur le </span><b>processus de décision par consentement.</b><span> Les membres co-fondateurs de l’association ont également déclaré que l’association a vocation à être propriétaire du site internet</span><a href="http://www.semeoz.info/"> <span>www.semeoz.info</span></a><span> sous le statut de « bien commun ». Ce bien commun ne peut en aucun cas faire l’objet d’une appropriation totale ou partielle financière ou intellectuelle par aucun des membres individuels physiques ou moraux de l’association.</span></p>

  538. 

  539. <p><span>Les statuts de l’association prévoient en outre de :</span></p>

  540. 

  541. <ul>

  542. <li><span>     </span><span>rendre compte des activités locales, nationales et internationales des individus, associations, organisations qui participent activement à la vie de la Cité ;</span></li>

  543. <li><span>     </span><span>diffuser des œuvres originales mises à la disposition du public ;</span></li>

  544. <li><span>     </span><span>favoriser le relais de l’information concernant des œuvres externes au site internet ;</span></li>

  545. <li><span>     </span><span>organiser et/ou participer à des campagnes, conférences, séminaires et congrès nationaux et internationaux ; </span></li>

  546. <li><span>     </span><span>éditer et/ou diffuser tous documents et supports d’informations concourant à l’objet de l’association ;</span></li>

  547. <li><span>     </span><span>créer des partenariats, commander des études, ou toutes actions pouvant aider à atteindre les buts de l’association.</span></li>

  548. </ul>

  549. 

  550. <p><span>L’association se donne donc naturellement un rôle d’observatoire au sens journalistique mais aussi d’acteur artistique, citoyen et politique au sens “vie de la cité”.</span></p>

  551. 

  552. <h3><span>Organisation juridique</span></h3>

  553. 

  554. <p><span>Semeoz est une association régie par la loi du 1er juillet 1901 et le décret du 16 août 1901.</span></p>

  555. 

  556. <p><span>Nous avons néanmoins pris soin de ne pas utiliser les statuts types généralement proposés. Les membres co-fondateurs ont un pouvoir et un rôle identiques à ceux des autres membres assorti d’un droit de veto dont ils s’engagent à user avec parcimonie et dans l’unique but de préserver les valeurs fondamentales de l’association décrites dans les</span><a href="http://semeoz.info/wp-content/uploads/2015/08/statuts_association_Semeoz.pdf"> <span>statuts</span></a><span> et dans la</span><a href="https://docs.google.com/document/d/1JcVYHHZWGB6Uu3Q2pfcUp3_momt3eyA2BB6kMdobjkk/edit"> <span>Convention de fonctionnement</span></a><span>, en particulier le statut de « bien commun » du site internet.</span></p>

  557. 

  558. <p><span>Le collège de 4 membres co-fondateurs peut être complété sur simple proposition d’une candidature mise au vote.</span></p>

  559. 

  560. <p><span>Semeoz se développe dans l’économie des biens communs et met la coopération et la réciprocité au coeur de son modèle juridique.</span></p>

  561. 

  562. <p><span>L'association participe à la réflexion sur l’évolution du droit d’auteur et des licences associées : voir la</span><a href="http://contributivecommons.org/"> <span>Licence Contributive Commons</span></a><span> qui est un projet initié par l'association.</span></p>

  563. 

  564. <p><span>Elle place ses contenus originaux sous une licence garantissant le partage du savoir selon des modalités visant à une réciprocité.</span></p>

  565. 

  566. <h3><span>Organisation financière</span></h3>

  567. 

  568. <p><span>A ce jour, l’association ne s’est pas dotée d’un compte bancaire car elle souhaite être cohérente avec les valeurs qu’elle véhicule et ne pas alimenter le système bancaire classique ni payer un abonnement élevé et injustifié selon nous.</span></p>

  569. 

  570. <p><span><span>Nous attendons l’ouverture des comptes Nickel dédiés aux associations prévue courant 2016. En attendant, </span>* les sommes détenues par l’association sont déposées en liquide au siège social ou sur les comptes dédiés au don (voir ci-après).<br/>

  571. *<em> MàJ 07/04/2017 : Semeoz n'ouvrira pas de compte Nickel, compte-tenu du <a href="https://www.insolentiae.com/bnp-rachete-compte-nickel-et-remplacera-toutes-ses-agences-par-des-buralistes-ledito-de-charles-sannat/" target="_blank">rachat par BNP Paribas</a> !</em></span></p>

  572. 

  573. <p><span>L’association propose trois biais de don en ligne sur</span><a href="http://semeoz.info/contribuer/"> <span>une page dédiée aux contributions</span></a><span> :</span></p>

  574. 

  575. <ul>

  576. <li><span>   </span><span>Don ponctuel versé en une seule fois à l'association via un agent bancaire de l'économie classique qui prend une commission (Paypal) : pour les utilisateurs qui n’auraient pas encore confiance dans les nouveaux moyens de contribution. L’association exprime clairement sa préférence pour les autres moyens mais laisse le choix à l’utilisateur éclairé.</span></li>

  577. <li><span>     </span><span>Don ponctuel reversé en petites sommes toutes les semaines à l'association via un site libre et transparent qui ne prend pas de commission (</span><a href="https://liberapay.com/Semeoz/donate"><span>Liberapay</span></a><span>)</span></li>

  578. <li><span>     </span><span>Don ponctuel ou mensuel via un site associatif qui ne prend de pourboire que si vous le souhaitez (</span><a href="https://semeoz.donnerenligne.fr/"><span>HelloAsso</span></a><span>)</span></li>

  579. </ul>

  580. 

  581. <p><span>Cette page mélange volontairement les différents types de contributions (y compris financières) pour illustrer concrètement les notions de réciprocité exposées plus haut.</span></p>

  582. 

  583. <p><span>Les</span><a href="http://forum.semeoz.info/les-comptes-association-t743.html"> <span>comptes de l’association</span></a><span> sont disponibles publiquement en temps réel sur le forum de l’association.</span></p>

  584. 

  585. <h3><span>Animation et communication</span></h3>

  586. 

  587. <p><span>Le projet s’est doté d’un </span><b>forum de discussion</b><a href="http://forum.semeoz.info/"> <span>http://forum.semeoz.info/</span></a><span> dont les contenus sont accessibles de manière transparente.</span></p>

  588. 

  589. <p><span>C’est l’élément essentiel des échanges entre les membres de l’association car nous estimons important de pouvoir structurer et historiser les échanges pour les rendre pérennes et consultables aisément par les nouveaux contributeurs. La forme "forum" est ainsi pour nous un excellent remède au caractère éphémère de réseaux sociaux comme Facebook.</span></p>

  590. 

  591. <p><span>Le choix du forum comme outil de communication est aussi un choix historique : 3 membres fondateurs sur 4 se sont connus via un forum, et les 4 ont participé à l'aventure de la création d'un second, avant de créer semeoz.info.</span></p>

  592. 

  593. <p><span>Nous utilisons la fonction de </span><b>sondage </b><span>intégrée à ce forum pour prendre certaines décisions importantes comme l’affectation des budgets ou les partenariats. Le reste du temps, le fonctionnement se base sur des prises de décision spontanées individuelles : nous faisons collectivement confiance à chacun pour œuvrer dans le sens du projet sans nécessairement demander validation au collectif. Ces actions individuelles sont par contre soigneusement documentées de manière à ce que tout le monde soit informé et puisse intervenir.</span></p>

  594. 

  595. <p><span>Nous utilisons également les échanges par e-mail, messagerie Facebook et Skype.</span></p>

  596. 

  597. <p><span>Le projet est mis en valeur par le biais d’une</span><a href="https://www.facebook.com/Semeoz.info/"> <span>page Facebook</span></a><span> qui diffuse une revue de presse  constructive quotidienne et les articles originaux du blog. Un compte</span><a href="https://twitter.com/SemeozInfo"> <span>Twitter</span></a><span> existe également. Il est alimenté de manière plus sporadique faute de temps. Un compte</span><a href="https://www.pinterest.com/semeozi/"> <span>Pinterest</span></a><span> sert à diffuser les cartes géographiques de la rubrique “Cartes” et les articles du blog. Les abonnés du site reçoivent une alerte lors de la publication d’articles originaux sur le blog.</span></p>

  598. 

  599. <h3><span>Les technologies utilisées par le projet</span></h3>

  600. 

  601. <p><span>Le site internet est réalisé à l’aide du CMS (Content Management System) WordPress. Cet outil souple est adapté à la taille prévue du site. Il est réalisé en PHP/MySQL, et sur le principe de l'open-source. La communauté WordPress est très active et de nombreux modules (plugins) sont disponibles. Nous avons jugé que cela assure une excellente évolutivité du site pour l'avenir (ajout de pages, de rubriques, d'extensions supplémentaires).</span></p>

  602. 

  603. <p><span>Cet outil propose par défaut un espace d'administration convivial et facile à prendre en main que nous avons adapté aux particularités du site.</span></p>

  604. 

  605. <p><span>Le CMS est installé dans sa version “multisite” dans l’éventualité d’un déploiement multilingue futur. Il est également déployé sous sa forme “Buddypress” pour proposer les fonctionnalités d’un réseau social aux contributeurs.</span></p>

  606. 

  607. <p><span>De manière générale, nous faisons en sorte d’utiliser et de diffuser des technologies open-source, open-data, libres, en bien commun.</span></p>

  608. 

  609. <p> </p>

  610. 

  611. <h2><span>Nos valeurs</span></h2>

  612. 

  613. <h3><span>Modèle social et humain</span></h3>

  614. 

  615. <p><span>Semeoz se reconnaît dans des valeurs humanistes, le fonctionnement pair-à-pair, les idées de Bernard Stiegler et de Michel Bauwens, la diffusion libre du savoir, des œuvres d’art et de l’esprit par l’adoption de licences adaptées. C’est dans cet esprit que nous avons souhaité donner à notre site le statut de bien commun et mettre ses contenus inédits sous une licence de diffusion qui véhicule ces valeurs.</span></p>

  616. 

  617. <p><span>Le site nous ayant ouvert les portes d’une communauté plus vaste, nous avons désormais à cœur d’œuvrer activement au développement et à la protection des (biens) communs comme nouveau modèle de société.</span></p>

  618. 

  619. <p><span>Les membres fondateurs ont tous pour point commun une curiosité insatiable vis-à-vis du monde, de la nature, des humains, de leur histoire et de leurs richesses. Ils posent dessus un regard un peu décalé, sociologique et poétique, aimant passer tour à tour des détails de la mosaïque à la « grande image » dans laquelle on distingue parfois des patterns étonnants.</span></p>

  620. 

  621. <p><span>Nous apprécions les valeurs d’agilité et de souplesse véhiculées par les nouvelles méthodes de gestion de projet, mais il est important pour nous de travailler dans un environnement structuré et démocratique qui protège le projet et ses contributeurs.</span></p>

  622. 

  623. <p><span>Nous reconnaissons l’importance de l’existence d’un élément tiers identifié et légitimé tel qu’une charte ou une convention de fonctionnement (qui peut être écrite collectivement) pour réguler les échanges sociaux. Pour nous, la véritable liberté se gagne par l’acquisition et l’appropriation collective d’un cadre souple, soutenant et créatif.</span></p>

  624. 

  625. <p><span>Pour les membres de Semeoz, la bienveillance est également une valeur clé. Nous savons qu’il n’est pas toujours possible d’être d’accord sur tous les sujets, mais nous avons à cœur de partager nos points de vue dans le respect et l’autonomie. Nous pensons que la politesse, la civilité, la courtoisie, le savoir-être permettent un savoir-vivre ensemble qui n’empêche nullement d’exprimer des points de vue différents.</span></p>

  626. 

  627. <p><span>Nous savons “ne pas être d’accord” tout en laissant autrui argumenter. Le maintien de la communication, y compris en cas de conflit, est un élément important de notre fonctionnement. Nous savons néanmoins laisser chacun reprendre sa route individuelle sans rancœur si les divergences s’avèrent trop profondes pour que la collaboration puisse se poursuivre sereinement.</span></p>

  628. 

  629. <p><span>Nous avons enfin un parti pris général qui consiste à mettre en valeur les actions constructives et à tout simplement éviter de parler des actions destructrices ou négatives. L’idée sous-jacente est que lorsqu’on est “contre” une idée ou des actes, l’énergie dépensée à les dénoncer les alimente plus qu’elle ne les combat. Tant que le contexte le permet, nous préférons donc agir pour construire plutôt que d’avoir un discours militant ou plaintif.</span></p>

  630. 

  631. <h3><span>La gouvernance</span></h3>

  632. 

  633. <p><span>Le « </span><b>processus de décision par consentement</b><span> » est le processus de décision retenu par l’association. Ce mode de fonctionnement interne fait partie intégrante du projet de l’association. Il s’applique notamment dans le Cercle de Pilotage. En cas d’échec de ce processus les décisions sont prises par un vote à la « majorité des 2/3 ». Ce processus est décrit en détail dans la</span><a href="https://docs.google.com/document/d/1JcVYHHZWGB6Uu3Q2pfcUp3_momt3eyA2BB6kMdobjkk/"> <span>convention de fonctionnement</span></a><span>.</span></p>

  634. 

  635. <p><span>L’association distingue trois catégories de membres :</span></p>

  636. 

  637. <ul>

  638. <li><span>     </span><span>les membres </span><b>fondateurs</b><span> sont les signataires des</span><a href="http://semeoz.info/wp-content/uploads/2015/08/statuts_association_Semeoz.pdf"> <span>statuts de l’association</span></a><span>,</span></li>

  639. <li><span>     </span><span>les membres </span><b>opérationnels</b><span> sont les salariés et bénévoles qui s’impliquent dans la marche de l’association par leurs actions,</span></li>

  640. <li><span>     </span><span>les membres </span><b>bienfaiteurs</b><span> sont les personnes physiques ou morales qui contribuent ponctuellement ou régulièrement à la marche de l’association par des dons financiers bénéficiant à l’association. Ils ne disposent pas du droit de vote.</span></li>

  641. </ul>

  642. 

  643. <p><span>Il n’y a cependant aucune différence de traitement entre ces différentes catégories. Les décisions sont prises sur le mode 1 homme = 1 voix, et les avis consultatifs des membres bienfaiteurs sont sollicités et pris en compte. Dans tous les cas, nous privilégions le bien-être des contributeurs et sommes attentifs à écouter toute manifestation de mal-être ou de désaccord. Notre fonctionnement est basé sur la confiance et le dialogue entre les co-équipiers.</span></p>

  644. 

  645. <p><span>L’équipe actuelle est constituée de 4 membres fondateurs (Christian, Maïa, Nicolas et Valérie) et de trois membres bienfaiteurs (Claude, Yvonne et Arnaud).</span></p>

  646. 

  647. <p><span>Concrètement Maïa assure l’essentiel du travail quotidien, soutenue régulièrement par Valérie. Nicolas a réalisé le logo du site et participe aux discussions et aux votes. Christian participe aux discussions et aux votes. Claude a contribué plusieurs fois aux finances et participe régulièrement aux discussions mais n’a pas souhaité faire partie des membres fondateurs. En l’état, le projet manque d’un développeur PHP spécialiste de wordpress.</span></p>

  648. 

  649. <h3><span>La formation dans notre organisation</span></h3>

  650. 

  651. <p><span>La documentation du projet est disponible sur le forum. On y trouve notamment :</span></p>

  652. 

  653. <p><span>Ces documents sont des supports qui sont fournis à tout nouveau contributeur. Celui-ci est accompagné individuellement tout au long de son processus d’intégration et de formation à l’utilisation du site.</span></p>

  654. 

  655. <p><span>Nous accueillons avec bienveillance toute contribution, et nous accompagnons avec patience les personnes motivées le temps nécessaire à ce qu’elles puissent s’approprier au mieux les outils de communication et de travail ainsi que les procédures. Pour nous, s’approprier Semeoz.info va au-delà d’un apprentissage technique. Nous transmettons des valeurs et initions aux concepts de biens communs et de contenus informationnels libres.</span></p>

  656. 

  657. <p><span>Exemple de témoignage : « </span><i><span>Avant je n’y faisais pas attention, mais maintenant je trouve insupportable ces sites internet qui demandent de payer pour voir leurs contenus. Surtout quand en plus ils parlent de communs ! Ce qui m'est arrivé. Preuve qu'il faut encore et encore vulgariser cette notion de communs de manière technique, formelle mais aussi et surtout de façon éthique, philosophique, sociétale.</span></i><span> »</span></p>

  658. 

  659. <h3><span>Modèle artistique et culturel</span></h3>

  660. 

  661. <p><span>Les membres de Semeoz sont tous d’accord sur le fait que le monde dans lequel nous sommes nés ne fait pas assez place à l’art, au futile, au jeu et au plaisir. Dès l’enfance, l’humain est bridé dans sa créativité et sa curiosité, et sa sensibilité est étouffée pour devenir ce qu’il n’est pas : un “Homo Oeconomicus” rationnel. Chez Semeoz, l’équilibre entre raison et émotion est privilégié, notre souhait est de réconcilier scientifiques et poètes, savants et fous.</span></p>

  662. 

  663. <p><span>Ce qui nous caractérise collectivement (nous, membres co-fondateurs de Semeoz), c'est que l'art fait partie intégrante de nos vies. Il est  présent directement dans notre pratique professionnelle et nos activités de loisir (écriture, musique, photographie, théâtre, sculpture, illustration, mosaïque, bijoux, graphisme, spectacle vivant de l’instant, etc)... L'art est donc pour nous plus qu'un objet observé, c'est un rapport au monde privilégié. Sensible, subtil, profond, esthétique, poétique, authentique, lié à l'innovation, à l'enfance, à la beauté, mais aussi aux sciences comme la physique, la biologie, l'histoire ou l'anthropologie... l'art est pour nous un moyen d'expression et d’exploration que nous encourageons sous toutes ses formes, de la plus naïve à la plus aboutie, y compris les formes les moins académiques, car au sein même du monde artistique, nous aimons la créativité et le dépassement des codes établis.</span></p>

  664. 

  665. <h3><span>Notre façon de traiter l’information</span></h3>

  666. 

  667. <p><span>Nous nous sommes donné comme mission de relayer les informations que nous jugeons positives et constructives. En ce sens, nous avons pris le parti de ne pas nous “approprier” le travail éditorial que nous relayons en le copiant-collant, mais de saisir le lien URL qui permet d’y accéder assorti d’une courte citation (faire lien en respectant le travail réalisé). Nous citons nommément les auteurs des articles relayés chaque fois que cela est possible.</span></p>

  668. 

  669. <p><span>C’est aussi en ce sens que nous ne relayons que des actions et des pratiques qui relèvent de la mise en action constructive et optimiste et que nous prenons soin d’utiliser une sémantique qui met en valeur les actions d’autrui. Nous mettons ainsi en oeuvre par notre propre pratique les valeurs que nous reconnaissons à la communication bienveillante. Ce parti pris n’est en aucun cas de l’angélisme. C’est un véritable choix éditorial qui a une portée politique au sens du soin que nous apportons aux actes et aux paroles que nous diffusons dans la cité, dans l’optique de porter une parole joyeuse et optimiste.</span></p>

  670. 

  671. <p><span>Nous essayons également de sélectionner les contenus relayés avec soin et rigueur, en donnant la primeur aux supports qui citent clairement leurs sources, qui rédigent des contenus originaux, qui diffusent leurs contenus gratuitement et qui respectent l’internaute dans sa navigation en lui proposant une ergonomie allégée en contenus publicitaires.</span></p>

  672. 

  673. <p><span>Les</span><a href="http://forum.semeoz.info/criteres-selection-des-publications-t721.html"> <span>critères de sélection des publications</span></a><span> sont publics et modifiables à tout moment par les membres de l’association selon le processus de décision par consentement.</span></p>

  674. 

  675. <h3><span>Notre rapport aux droits d’auteurs</span></h3>

  676. 

  677. <p><span>Semeoz se positionne clairement comme soutenant l’ouverture des droits d’auteurs à des formes différentes du Copyright. Nous plaçons nos oeuvres originales sous une licence originale et expérimentale qui vise à ouvrir le champ des possibles entre la fermeture complète du Copyright et l’ouverture des licences dites libres. Voir le site</span><a href="http://contributivecommons.org/"> <span>http://contributivecommons.org/</span></a></p>

  678. 

  679. <p><span>Pour autant, nous respectons totalement le Copyright et sommes très attentifs à diffuser les informations nécessaires à l’identification des sources des oeuvres que nous relayons (images, vidéos, textes,...) lorsque cela est possible, et y compris lorsque l’auteur ou le diffuseur n’a pas rendu la mention du crédit obligatoire.</span></p>

  680. 

  681. <p><span>En guise d’acte militant, nous préférons diffuser des oeuvres sous licence libre lorsque cela est possible, et nous n’utilisons aucune oeuvre sous Copyright pour réaliser nos propres oeuvres originales.</span></p>

  682. 

  683. <p><span>Et pour nous, citer nommément l’auteur est aussi une manière de mettre en valeur les contributions individuelles lorsqu’elles sont facilement noyées dans le flux d’un support. En effet, nous pensons que c’est en considérant les contributions individuelles qu’il devient possible de créer véritablement du commun. Cette considération immédiate permet de libérer l’auteur de l’attente d’une gratification et peut l’inciter plus facilement à faire don de son oeuvre à la communauté si celle-ci l’accueille comme un cadeau et l’inclue dans un système de redistribution plus vaste non lié à l’oeuvre en elle-même.</span></p>

  684. 

  685. <h3><span>Notre rapport à l’écologie</span></h3>

  686. 

  687. <p><span>Le respect de la nature et de ses rythmes fait partie intégrante des modes de vies individuels des membres fondateurs de l’association.</span></p>

  688. 

  689. <p><span>Ainsi, par exemple, le siège social de l’association est fourni en électricité par</span><a href="https://www.planete-oui.fr/"> <span>https://www.planete-oui.fr</span></a></p>

  690. 

  691. <p><span>Compte-tenu de l’éloignement géographique des membres, l’’essentiel du travail est effectué à domicile avec une utilisation poussée des moyens de communication à distance. Nous essayons néanmoins de nous voir “In Real Life” au moins une fois par an en mutualisant le transport avec d’autres objectifs (familiaux, etc…).</span></p>

  692. 

  693. <p><span>C’est se montrer lucide que d’affirmer que Semeoz se reconnaît dans les pratiques qu’il prétend observer, et qui sont les suivantes :</span></p>

  694. 

  695. <ul>

  696. <li><span>     </span><span>la libre circulation / partage / mise en commun</span></li>

  697. </ul>

  698. 

  699. <p><span>○</span><span>     </span><span>des savoirs / informations / connaissances</span></p>

  700. 

  701. <p><span>○</span><span>     </span><span>des savoirs-faire / pratiques / aptitudes</span></p>

  702. 

  703. <p><span>○</span><span>     </span><span>des usages / objets / savoirs-être / attitudes</span></p>

  704. 

  705. <p><span>○</span><span>     </span><span>du capital financier</span></p>

  706. 

  707. <ul>

  708. <li><span>     </span><span>la valeur sous-jacente principale : le respect</span></li>

  709. </ul>

  710. 

  711. <p><span>○</span><span>     </span><span>de soi</span></p>

  712. 

  713. <p><span>○</span><span>     </span><span>des autres</span></p>

  714. 

  715. <p><span>○</span><span>     </span><span>de la nature en général et des animaux en particulier</span></p>

  716. 

  717. <p><span>○</span><span>     </span><span>des objets</span></p>

  718. 

  719. <p><span>○</span><span>     </span><span>de pair à pair</span></p>

  720. 

  721. <p><span>○</span><span>     </span><span>collaborative</span></p>

  722. 

  723. <p><span>○</span><span>     </span><span>contributive</span></p>

  724. 

  725. <p><span>○</span><span>     </span><span>participative</span></p>

  726. 

  727. <p><span>○</span><span>     </span><span>circulaire</span></p>

  728. 

  729. <p><span>○</span><span>     </span><span>équitable</span></p>

  730. 

  731. <p><span>○</span><span>     </span><span>solidaire</span></p>

  732. 

  733. <p><span>○</span><span>     </span><span>désintermédiée</span></p>

  734. 

  735. <ul>

  736. <li><span>     </span><span>un rapport aux ressources qui privilégie</span></li>

  737. </ul>

  738. 

  739. <p><span>○</span><span>     </span><span>le renouvelable</span></p>

  740. 

  741. <p><span>○</span><span>     </span><span>le recyclage</span></p>

  742. 

  743. <p><span>○</span><span>     </span><span>la sobriété / l'économie</span></p>

  744. 

  745. <p><span>○</span><span>     </span><span>le don / l'échange</span></p>

  746. 

  747. <p><span>○</span><span>     </span><span>le DIY</span></p>

  748. 

  749. <p><span>○</span><span>     </span><span>le local</span></p>

  750. 

  751. <p><span>○</span><span>     </span><span>le bio</span></p>

  752. 

  753. <p> </p>

  754. 

  755. <h2><span>Les droits d'accès et de diffusion</span></h2>

  756. 

  757. <h3><span>Conditions de consultation et d’utilisation du site</span></h3>

  758. 

  759. <p><span>Le site internet</span><a href="http://www.semeoz.info/"> <span>www.semeoz.info</span></a><span> est un bien commun informationnel intangible, inclusif dans sa gestion, sa consultation et son utilisation à des fins personnelles, exclusif dans l’accès à sa maintenance technique et dans l’utilisation de ses données à des fins commerciales.</span></p>

  760. 

  761. <p><span>Le site est en consultation libre.</span></p>

  762. 

  763. <p><span>Son contenu original (blog) et sa base de données (en tant que valeur ajoutée par la curation et l’application d’une taxonomie aux contenus collectés) sont placés sous</span><a href="http://contributivecommons.org/licence-contributive-commons-by-co-sa/"> <i><span>Licence Contributive Commons</span></i><span> BY CO SA</span></a><span>.</span></p>

  764. 

  765. <p><span>L’utilisation et la diffusion des contenus originaux à des fins personnelles est libre et gratuite.</span></p>

  766. 

  767. <p><span>L’utilisation et la diffusion des contenus originaux à des fins commerciales est autorisée aux contributeurs fonctionnels et aux contributeurs financiers selon les conditions tarifaires de la matrice de réciprocité (voir ci-avant).</span></p>

  768. 

  769. <p><span>L’accès aux données non personnelles de la base est réservé aux partenaires désignés par l’association (voir ci-avant) et dans des conditions de réciprocité négociées au cas par cas.</span></p>

  770. 

  771. <p><span>L’accès aux données personnelles est réservé exclusivement à l’administrateur du site qui ne s’en sert qu’en vue d’une gestion du site et du bon fonctionnement technique des services personnalisés offerts aux visiteurs.</span></p>

  772. 

  773. <h3><span>Conditions d’agrément des membres opérationnels aussi appelés contributeurs fonctionnels</span></h3>

  774. 

  775. <p><span>Semeoz privilégie l’adhésion volontaire et l’accueil des élans contributifs. L’agrément des membres opérationnels par le Cercle de Pilotage se fait donc par un accord tacite à partir du moment où la personne participe activement, de manière répétitive, constructive et prolongée dans le temps à la vie de l’association. Ce faisant, un membre opérationnel s’engage à respecter les statuts de l’association et la convention de fonctionnement. Il s’engage également à oeuvrer pour le développement et la préservation de l’association.</span></p>

  776. 

  777. <p><span>L’accès à l’espace contributif du site et du forum de discussion est libre. Il suffit de se créer un compte.</span></p>

  778. 

  779. <h3><span>Conditions de participation des membres bienfaiteurs aussi appelés contributeurs financiers</span></h3>

  780. 

  781. <p><span>Afin de garantir en toutes circonstances l’autonomie financière et politique de l’association, les contributeurs financiers sont accueillis avec la même bienveillance que tous les autres mais ils n’ont pas la possibilité de prendre part directement aux votes du Cercle de Pilotage.</span></p>

  782. 

  783. <p><span>Ces membres bienfaiteurs sont néanmoins des contributeurs à part entière de l’association. Ils assistent librement aux réunions du Cercle de Pilotage. Ils peuvent émettre des avis à titre consultatif et mettre des propositions au vote.</span></p>

  784. 

  785. <p><span>Grâce à cette précaution, l’association permet à toutes les personnes physiques et morales de contribuer financièrement au commun, y compris pour une utilisation commerciale des informations originales diffusées sur le site.</span></p>

  786. 

  787. <h3><span>Conditions de préservation du site</span></h3>

  788. 

  789. <p><span>L’accès technique à l’administration, aux fichiers du site, à l’hébergement et à la base de données est réservé à un membre de confiance dont l’agrément est donné ou repris par le Cercle de Pilotage selon les conditions définies dans la convention de fonctionnement.</span></p>

  790. 

  791. <h2><span>Nos flux de richesses</span></h2>

  792. 

  793. <h3><span>Rémunérations</span></h3>

  794. 

  795. <p><span>A ce jour, aucun membre de l’association n’est rétribué sous forme de monnaie. Nous recevons et échangeons néanmoins régulièrement des marques de gratitude et de satisfaction qui suffisent à nous motiver.</span></p>

  796. 

  797. <p><span>La question des rémunérations financières, de leurs conditions et de leur forme se posera le jour où l’association drainera suffisamment de liquidités pour envisager une redistribution.</span></p>

  798. 

  799. <p><span>Les membres disposant d’une structure de facturation personnelle peuvent également agir au nom de l’association et se faire rétribuer directement via leur structure. Nous encourageons l’autonomie (notamment via le statut d’entrepreneur salarié) et ne souhaitons pas embaucher de salariés.</span></p>

  800. 

  801. <h3><span>Flux financiers</span></h3>

  802. 

  803. <p><span>Semeoz n’a pas été conçu pour générer des flux financiers. Néanmoins, l’association accepte les dons, aides, produits et rétributions pour mener à bien sa mission dans les meilleures conditions.</span></p>

  804. 

  805. <p><span>Les ressources de l’association se composent :  </span></p>

  806. 

  807. <ul>

  808. <li><span>     </span><span>Des dons, notamment ceux de ses membres bienfaiteurs.</span></li>

  809. </ul>

  810. 

  811. <p><span>Ces dons peuvent être spontanés ou issus de campagnes de financement participatif.</span></p>

  812. 

  813. <ul>

  814. <li><span>     </span><span>Des aides et des subventions qui lui seraient accordées  </span></li>

  815. <li><span>     </span><span>Des produits des manifestations organisées  </span></li>

  816. <li><span>     </span><span>Des rétributions pour services rendus</span></li>

  817. </ul>

  818. 

  819. <p><span>L’association refuse tout flux financier provenant d’investissements ou de prêts bancaires. Nous gérons nos flux sous la forme d’une trésorerie de ménage. Quand le porte-monnaie est vide, on ne le remplit pas avec de la dette.</span></p>

  820. 

  821. <h3><span>Partenaires économiques</span></h3>

  822. 

  823. <p><span>L’association Semeoz a vocation à s’associer à des structures oeuvrant au développement et à la préservation de communs, ayant des valeurs compatibles aux siennes.</span></p>

  824. 

  825. <p><span>Elle lie également des partenariats de partage des données de sa base avec des projets tels que</span><a href="https://www.communecter.org/"> <span>Communecter</span></a><span> ou</span><a href="http://transformap.co/"> <span>Transformap</span></a><span> qui lui garantissent un accès aux données partagées et un partage réciproque en open-data.</span></p>

  826. 

  827. <p><a name="matrice"/></p>

  828. 

  829. <h3><span>Matrice de réciprocité</span></h3>

  830. 

  831. <p>Voir la page "<a href="http://semeoz.info/contribuer/">Contribuer</a>"</p>

  832. 

  833. <table>

  834. <tbody>

  835. <tr>

  836. <td><b>Usage</b></td>

  837. <td><b>Conditions</b></td>

  838. <td><b>Monnaies</b></td>

  839. </tr>

  840. <tr>

  841. <td><span>Consultation</span></td>

  842. <td><span>libre</span></td>

  843. <td><span>Gratitude et/ou</span><span><br/>

  844. </span><span>Temps passé et/ou</span><span><br/>

  845. </span><a href="http://semeoz.info/contribuer/#don"><span>Don libre en euros</span></a></td>

  846. </tr>

  847. <tr>

  848. <td><span>Utilisation et Diffusion</span>

  849. <p><span>des contenus originaux</span></p></td>

  850. <td><span>à des fins personnelles, libre</span></td>

  851. <td>Attribution*<br/>

  852. Mêmes conditions**<br/>

  853. <span>Gratitude et/ou</span><span><br/>

  854. </span><span>Temps passé et/ou</span><span><br/>

  855. </span><a href="http://semeoz.info/contribuer/#don"><span>Don libre en euros</span></a></td>

  856. </tr>

  857. <tr>

  858. <td/>

  859. <td><span>à des fins commerciales pour les contributeurs fonctionnels, libre</span></td>

  860. <td><span>Attribution*<br/>

  861. Mêmes conditions**<br/>

  862. Gratitude et/ou</span><span><br/>

  863. </span><span>Temps passé et/ou</span><span><br/>

  864. </span><a href="http://semeoz.info/contribuer/#don"><span>Don libre en euros</span></a></td>

  865. </tr>

  866. <tr>

  867. <td/>

  868. <td><span>à des fins commerciales pour les contributeurs financiers, sous conditions de réciprocité</span></td>

  869. <td><span>Attribution*<br/>

  870. Mêmes conditions**</span><span><br/>

  871. </span><span> ET</span><span><br/>

  872. </span><span><a href="http://semeoz.info/contribuer/#don">50 €</a> par article et par diffusion (site internet, revue,...)</span></td>

  873. </tr>

  874. <tr>

  875. <td><span>Accès à des données de la base</span></td>

  876. <td><span>partenaires désignés légitimement par l’association, oeuvrant pour un ou des communs à des fins non commerciales</span></td>

  877. <td><span>Attribution*<br/>

  878. Mêmes conditions**<br/>

  879. Gratitude et/ou</span><span><br/>

  880. </span><span>Temps passé et/ou</span><span><br/>

  881. </span><a href="http://semeoz.info/contribuer/#don"><span>Don libre en euros</span></a></td>

  882. </tr>

  883. <tr>

  884. <td/>

  885. <td><span>à des fins commerciales</span></td>

  886. <td><span>Non commercialisé</span></td>

  887. </tr>

  888. </tbody>

  889. </table>

  890. 

  891. <p><span>*Attribution : vous devez citer l'auteur et/ou la communauté-racine, fournir un lien vers la licence et indiquer si vous avez effectué des changements.<br/>

  892. **Mêmes conditions : dans le cas où vous effectuez un remix, que vous transformez, ou créez à partir du matériel composant l’œuvre originale, vous devez diffuser l’œuvre modifiée dans les même conditions, c'est à dire avec la même licence avec laquelle l'œuvre originale a été diffusée.</span></p>

  893.   </article>

  894. </section>

  895. 

  896. 

  897. <nav id="jumpto">

  898.   <p>

  899.     <a href="/david/blog/">Accueil du blog</a> |

  900.     <a href="http://semeoz.info/codesocial-de-semeoz/">Source originale</a> |

  901.     <a href="/david/stream/2019/">Accueil du flux</a>

  902.   </p>

  903. </nav>

  904. 

  905. <footer>

  906.   <div>

  907.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  908.     <p>

  909.       Bonjour/Hi!

  910.       Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>

  911.       Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).

  912.     </p>

  913.     <p>

  914.       Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.

  915.     </p>

  916.     

  917.     <p>

  918.       Voici quelques articles choisis :

  919.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  920.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  921.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  922.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  923.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  924.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  925.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  926.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  927.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  928.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  929.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  930.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  931.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  932.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  933.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  934.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  935.     </p>

  936.     <p>

  937.       On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.

  938.     </p>

  939.     <p>

  940.       Je ne traque pas ta navigation mais mon

  941.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  942.       conserve des logs d’accès.

  943.     </p>

  944.   </div>

  945. </footer>

  946. <script type="text/javascript">

  947.   ;(_ => {

  948.     const jumper = document.getElementById('jumper')

  949.     jumper.addEventListener('click', e => {

  950.       e.preventDefault()

  951.       const anchor = e.target.getAttribute('href')

  952.       const targetEl = document.getElementById(anchor.substring(1))

  953.       targetEl.scrollIntoView({behavior: 'smooth'})

  954.     })

  955.   })()

  956. </script>