A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611
  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>"Je ne suis pas autiste" : moi, je le suis, Monsieur Fillon. Et ce n'est pas une tare (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. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://leplus.nouvelobs.com/contribution/1659854-je-ne-suis-pas-autiste-moi-je-le-suis-monsieur-fillon-et-ce-n-est-pas-une-tare.html">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. "Je ne suis pas autiste" : moi, je le suis, Monsieur Fillon. Et ce n'est pas une tare (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://leplus.nouvelobs.com/contribution/1659854-je-ne-suis-pas-autiste-moi-je-le-suis-monsieur-fillon-et-ce-n-est-pas-une-tare.html">Source originale du contenu</a></h3>
  445. <p>Hier, alors qu’il était interviewé sur le plateau du journal télévisé de France 2, François Fillon a déclaré <a rel="follow" href="http://tempsreel.nouvelobs.com/societe/20170306.OBS6135/je-ne-suis-pas-autiste-assene-trois-fois-fillon-bonjour-les-cliches.html" target="_blank">qu’il n’était "pas autiste"</a>.</p>
  446. <p> </p>
  447. <p>Ces mots, il ne les a pas prononcés qu’une seule fois, mais à plusieurs reprises, excluant ainsi une simple maladresse. Je regrette que Laurent Delahousse n’ait pas eu le réflexe de réagir.</p>
  448. <p> </p>
  449. <p>Dans la bouche de Monsieur Fillon, être autiste était perçu comme quelque chose de péjoratif. À sa manière de le dire, il sous-entendait que les personnes autistes sont butées, vivent dans leur bulle et n’entendent pas ce qu’on leur dit.</p>
  450. <p> </p>
  451. <p>François Fillon se trompe totalement. J’ai 37 ans, je suis autiste Asperger et je m’en porte très bien. Ce n'est pas une tare. </p>
  452. <p> </p>
  453. <p><span><strong>Un QI supérieur à 145</strong></span></p>
  454. <p> </p>
  455. <p>Tout a débuté à 29 ans grâce à mon fils. À 4 ans, il avait appris à lire seul. Pour moi, il n’y avait rien de bien étonnant puisque j’avais moi-même appris à parler et à lire très tôt. Ma mère, qui est enseignante, m’a dit que c’était peu conventionnel et qu’il valait mieux faire quelques tests pour en savoir plus. Ce que nous avons fait.</p>
  456. <p> </p>
  457. <p>Après une série d'examens, nous avons eu la confirmation que mon fils avait un quotient intellectuel élevé. Je me souviens de l’entretien de restitution des résultats pendant lequel la psychologue m’a expliqué ce que cela signifiait. En l’écoutant, j’ai compris qu’il y avait de fortes chances pour que moi aussi je dispose des mêmes facultés intellectuelles.</p>
  458. <p> </p>
  459. <p>Après avoir passé une batterie de tests, ce que j’imaginais m’a été confirmé : j’avais un QI supérieur à 145.</p>
  460. <p> </p>
  461. <p><span><strong>En 2012, j’ai appris que j’étais autiste Asperger</strong></span></p>
  462. <p> </p>
  463. <p>J’ai toujours aimé lire. En 2009, j’ai été bouleversée par le livre de Daniel Tammet, "<a rel="follow" href="http://www.babelio.com/livres/Tammet-Je-suis-ne-un-jour-bleu/34033" target="_blank">Je suis né un jour bleu</a>", dans lequel il parle de l’autisme de type Asperger. Au fil des pages, j’avais l’impression que me retrouver.</p>
  464. <p> </p>
  465. <p>Il évoquait notamment la <a rel="follow" href="https://fr.wikipedia.org/wiki/Synesth%C3%A9sie" target="_blank">synesthésie</a>, capacité qui consiste à associer plusieurs sens. Toute ma vie, j’ai toujours associé les mots et les chiffres à des couleurs, mais je pensais que tout le monde faisait ainsi. Or, seulement 4% de la population réfléchissent ainsi, et, particulièrement, les autistes Asperger.</p>
  466. <p> </p>
  467. <p>Cette lecture a été une révélation. J’ai donc décidé de faire de nouveaux tests. Il faut savoir que pour être diagnostiqué, il existe deux circuits possibles. Le premier consiste à passer par la voie libérale, mais les démarches sont coûteuses. Le second, que j’ai emprunté, est public et totalement gratuit. En effet, il suffit d’aller consulter l’un des centres de ressources autisme disséminés dans la France entière. Cela prend du temps, j’ai dû attendre trois ans avant qu’on m’annonce que j’étais autiste Asperger.</p>
  468. <p> </p>
  469. <p><span><strong>Un immense soulagement</strong></span></p>
  470. <p> </p>
  471. <p>Quand le diagnostic m’a été annoncé, j’ai ressenti un immense soulagement. Enfin, je réalisais pour quelles raisons je m’étais sentie si différente des autres depuis si longtemps.</p>
  472. <p> </p>
  473. <p>Je suis incapable de faire un effort de hiérarchisation et j’éprouve quelques difficultés à être dans une foule. Ça m’épuise. J’ai souvent besoin de calme et de solitude. Par exemple, je me lève tous les jours à 5 heures du matin pour avoir un temps pour moi, sans mon fils et mon mari, même si évidemment je les adore.</p>
  474. <p> </p>
  475. <p>J’ai aussi besoin de tout segmenter. L’imprévu m’angoisse plus que tout. Mais contrairement à ce que semble croire François Fillon, cela ne signifie en aucun cas que je n’ai pas de vie sociale ou que je ne suis pas à même d’écouter les autres. Je n’ai aucun souci à ce niveau-là.</p>
  476. <p> </p>
  477. <p/>
  478. <p> </p>
  479. <p><span><strong>Les propos de Fillon sont caricaturaux et blessants</strong></span></p>
  480. <p> </p>
  481. <p>Je regrette que François Fillon puisse avoir une image aussi péjorative des autistes, mais malheureusement ce type d’expression est très fréquent chez les politiques. Il n’est pas le premier et il ne sera pas le dernier.</p>
  482. <p> </p>
  483. <p>Entendre de tels propos me blesse car, pour lui, j’ai le sentiment qu’être autiste est quelque chose de dévalorisant, presque une insulte. Nous – et je parle au nom d’une grande majorité d’autistes – sommes victimes d’un mépris ordinaire. On ne peut pas mettre sous silence ce genre de petites phrases.</p>
  484. <p> </p>
  485. <p>Par ailleurs, il faut savoir que l’autisme n’est absolument pas une maladie, mais un trouble neurodéveloppemental, une caractéristique. On naît autiste et on le reste. Je suis avant tout une personne et je ne supporte pas l’idée que l’on puisse me réduire à une invalidité et sous-entendre que je vis coupée du monde.</p>
  486. <p> </p>
  487. <p>Les propos de François Fillon sont très caricaturaux.</p>
  488. <p> </p>
  489. <p><span><strong>Autiste, mais ni sourde, ni coupée des réalités</strong></span></p>
  490. <p> </p>
  491. <p>J’ai immédiatement réagi sur Twitter en alpaguant le candidat à la présidentielle, mais ce dernier ne m’a pas répondu. Son staff, s’est quant à lui défendu en déclarant que François Fillon avait utilisé le terme d’"autiste" comme un adjectif. C’est loin d’être une explication satisfaisante.</p>
  492. <p> </p>
  493. <p>Je trouve cette histoire d’autant plus triste que j’ai appris que <a rel="follow" href="http://www.aspergeraide.com/index.php" target="_blank">Penelope Fillon était marraine de l’association Asperger Aide France</a>.</p>
  494. <p> </p>
  495. <p>Si j’avais l’occasion de parler avec Monsieur Fillon, j’aimerais lui dire que l’autisme ne rend pas sourd, que nous ne sommes pas coupés des réalités et que nous ne supportons pas l’idée d’être pointés du doigt ainsi. En tant qu’autiste, je n’ai pas besoin d’être stigmatisée.</p>
  496. <p> </p>
  497. <p>Je trouve ces déclarations d’autant plus choquantes qu’elles proviennent d’une personne qui souhaite être chef de l’État, représentant des citoyens français. À l’avenir, je lui conseille grandement de réfléchir à deux fois avant de prononcer des mots qui blessent.</p>
  498. </article>
  499. </section>
  500. <nav id="jumpto">
  501. <p>
  502. <a href="/david/blog/">Accueil du blog</a> |
  503. <a href="http://leplus.nouvelobs.com/contribution/1659854-je-ne-suis-pas-autiste-moi-je-le-suis-monsieur-fillon-et-ce-n-est-pas-une-tare.html">Source originale</a> |
  504. <a href="/david/stream/2019/">Accueil du flux</a>
  505. </p>
  506. </nav>
  507. <footer>
  508. <div>
  509. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  510. <p>
  511. Bonjour/Hi!
  512. 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>
  513. 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>).
  514. </p>
  515. <p>
  516. 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>.
  517. </p>
  518. <p>
  519. Voici quelques articles choisis :
  520. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  521. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  522. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  523. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  524. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  525. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  526. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  527. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  528. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  529. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  530. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  531. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  532. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  533. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  534. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  535. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  536. </p>
  537. <p>
  538. 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>.
  539. </p>
  540. <p>
  541. Je ne traque pas ta navigation mais mon
  542. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  543. conserve des logs d’accès.
  544. </p>
  545. </div>
  546. </footer>
  547. <script type="text/javascript">
  548. ;(_ => {
  549. const jumper = document.getElementById('jumper')
  550. jumper.addEventListener('click', e => {
  551. e.preventDefault()
  552. const anchor = e.target.getAttribute('href')
  553. const targetEl = document.getElementById(anchor.substring(1))
  554. targetEl.scrollIntoView({behavior: 'smooth'})
  555. })
  556. })()
  557. </script>