A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 41KB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575
  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>Pourquoi je crois que je suis peut-être autiste ? (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://maiadereva.net/pourquoi-je-crois-que-je-suis-peut-etre-autiste/">
  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. Pourquoi je crois que je suis peut-être autiste ? (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://maiadereva.net/pourquoi-je-crois-que-je-suis-peut-etre-autiste/">Source originale du contenu</a></h3>
  445. <p> Avec l'aimable participation de la petite voix : </p>
  446. <figure class="wp-block-image"><img src="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste1.png" alt="" class="wp-image-1245" srcset="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste1.png 439w, http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste1-300x218.png 300w" sizes="(max-width: 439px) 100vw, 439px"/></figure>
  447. <p><p> Dans quelques jours, je vais passer des tests pour tenter de déterminer si je suis concernée par une forme de trouble du spectre autistique. Forcément, la date approchant, je ne peux pas m’empêcher de remettre en question toute ma démarche et de me demander « <em>mais pourquoi donc est-ce que je crois que je suis peut-être autiste ? Sur quoi est-ce que je me base pour échafauder une telle hypothèse ?</em> », questions que je retrouve d’ailleurs dans le regard, certes bienveillant mais manifestement incrédule, de mon entourage. </p></p>
  448. <p><p> Ce n’est tout de même pas anodin, à bientôt 45 ans, de s’imaginer que, peut-être, on est autiste. Comment serait-il possible d’avoir ignoré cela pendant aussi longtemps ? Depuis quand est-ce que cette idée m’a traversé l’esprit ? Est-ce que je ne l’ai pas toujours su sans véritablement y accorder de l’importance ? </p></p>
  449. <p><p> Et puis, à force de m'imprégner des symptômes des autres et de relire ma vie à la lumière de cette grille de lecture, ne suis-je pas atteinte de l’<a href="https://fr.wikipedia.org/wiki/Effet_Barnum" target="_blank" rel="noreferrer noopener" aria-label="effet Barnum (s’ouvre dans un nouvel onglet)">effet Barnum</a> ? Car il faut bien admettre qu’à la lecture des <a href="http://maiadereva.net/aspergirl-lasperger-au-feminin/">traits susceptibles de montrer que je suis peut-être une femme autiste</a>, n’importe qui aurait beau jeu de répondre que « <em>tout le monde est comme ça</em> », peu ou prou (surtout mes copines geeks !), et que ces particularités ne peuvent en aucun cas signer la présence d’un autisme ! </p></p>
  450. <p><p> Les psychiatres non sensibilisés à la cause féminine ne s’y trompent pas d’ailleurs : « <em>Vous me regardez dans les yeux et vous avez des amis ? Alors vous ne pouvez pas être autiste</em> » m’a répondu l’un d’entre eux de manière très péremptoire, me barrant ainsi l’accès aux tests alors que j’attendais cette rencontre depuis plus d’un an. Sûr de lui comme savent l’être les médecins qui pensent que le nombre d’années de leurs études les affranchissent de toute écoute et de toute remise en question, il m’a alors affublée d’un diagnostic de « <em>trouble anxieux</em> », une croix déjà bien assez lourde à porter selon lui puisque c’est « <em>à vie</em> » et « <em>incurable</em> » (sic). </p></p>
  451. <p><p> J’aurais pu me contenter de cette réponse. </p></p>
  452. <p><p> Tout simplement parce que c’est irrépressible. L’intuition est là, depuis trop longtemps, pour que je puisse me contenter d’un avis aussi lapidaire, d’autant qu’il n’est pas pertinent, si j’en crois toute la littérature disponible en ligne concernant l’autisme au féminin. Oui les femmes Asperger regardent leurs interlocuteurs dans les yeux (voir <a href="https://video.femmeactuelle.fr/le-mag/simone-julia-march-est-autiste-asperger_6352" target="_blank" rel="noreferrer noopener" aria-label="ici (s’ouvre dans un nouvel onglet)">ici</a> ou <a rel="noreferrer noopener" aria-label="ici (s’ouvre dans un nouvel onglet)" href="https://www.youtube.com/watch?v=C5DZc6bldBg" target="_blank">ici</a> par exemple), oui elles sont capables d’avoir des ami⋅e⋅s, et non, quand elles parlent, on n’a pas l’impression d’entendre une IA mal programmée (pardon à mes amis Aspie masculins pour cette analogie un peu directe concernant l’aspect monocorde de leur expression verbale). Je veux bien qu'on me dise que je ne suis pas autiste, mais en utilisant des arguments plus convaincants. </p></p>
  453. <p><p> Il n’y a sans doute pas un seul symptôme ou trait qui, pris isolément, puisse signer de manière certaine un hypothétique autisme chez moi. Je ne me balance pas assise par terre pendant des heures (bien que cela me soit arrivé à plusieurs reprise dans des moments de stress intense), je n’ai jamais regardé tourner la machine à laver une journée entière (bien que j’ai toujours trouvé ça fascinant), et je ne sais pas compter des cure-dents tombés à terre (bien que j’ai toujours eu un penchant pour trier les Legos par couleurs), autant de "preuves" qui auraient pu être "irréfutables". Il s’agirait plutôt d’une accumulation telle que, passé un certain stade, cela devient la seule explication possible à l’ensemble des comportements observés chez la même personne et dans le temps. </p></p>
  454. <p><p> Les choses pourraient déjà être suffisamment compliquées comme cela, mais non, pimentons encore un peu l’affaire en ajoutant que depuis sept ans, je sais que je suis une adulte dite "surdouée". Derrière les clichés véhiculés par ce constat, il existe une <a href="http://maiadereva.net/reflexion-liste-traits-individu-surdoue/">ribambelle de traits</a> que l’on retrouverait plus ou moins chez les personnes concernées, et qui viennent se superposer à l’image globale : on y trouve notamment (en vrac et sans exhaustive) une hypersensibilité des cinq sens, une <a rel="noreferrer noopener" aria-label="dyssynchronie (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Dyssynchronie" target="_blank">dyssynchronie</a> entraînant des maladresses, une <a rel="noreferrer noopener" aria-label="hyperlexie (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Hyperlexie" target="_blank">hyperlexie</a> ou encore une intolérance à l’injustice… autant de traits que l’on peut retrouver chez les personnes autistes Asperger par exemple. </p></p>
  455. <p><p> Ce n’est d’ailleurs pas pour rien si j’ai sauté de joie le jour où j’ai appris qu’<a rel="noreferrer noopener" aria-label="il existe un lien génétique entre les personnes surdouées et celles avec autisme (s’ouvre dans un nouvel onglet)" href="https://www.dailymail.co.uk/sciencetech/article-4534306/People-smart-genes-likely-autism.html" target="_blank">il existe un lien génétique entre les personnes surdouées et celles avec autisme</a> : mon intuition me le disait depuis bien longtemps ! Mais du coup, cela ne facilite pas la tâche pour un diagnostic différentiel, et encore moins chez une femme qui, apparemment, aurait la capacité à "mimer" les gens dits "normaux" comme pas deux (c’est juste que ça l’épuise de le faire). Comment font les professionnels pour faire la part des choses ? Je n’en ai aucune idée malgré toutes mes lectures, et je dois bien avouer que s’il me tient tant à cœur de passer ces tests, c’est aussi pour avoir une réponse à cette question en les vivant de l’intérieur. </p></p>
  456. <div class="wp-block-image"><figure class="aligncenter"><img src="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste3.png" alt="" class="wp-image-1247" srcset="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste3.png 520w, http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste3-300x268.png 300w" sizes="(max-width: 520px) 100vw, 520px"/></figure></div>
  457. <p><p> OK, je prends mon temps, un peu parce que j'ai peur de ne plus rien trouver de pertinent à dire, et à l'inverse, de faire un inventaire à la Prévert fourre-tout, long comme un jour sans pain, et sans aucun intérêt pour le lecteur. Et puis, ça valait la peine de poser le décor quand même non ? </p></p>
  458. <p><p> Dès l'âge de 30 ans, alors que je rédigeais un <a href="http://maiadereva.net/le-chemin-du-coeurpoint-zero-le-debut-et-la-fin/">mémoire personnel</a> censé rendre compte de ma vie dans le cadre de mes études de psychothérapeute, l'idée m'a effleurée que je pouvais être concernée par des traits autistiques. Dans ce mémoire, dans lequel je faisais un auto-diagnostic, on lit notamment « <em>La rigidité corporelle globale, et plus particulièrement celle de la nuque, des épaules, et du sternum semblent vouloir contenir une terreur existentielle. </em>» ou encore « <em>La patiente fuit généralement le contact visuel avec le thérapeute et toute confrontation. Elle n’arrive jamais en retard à ses séances.</em> ». Il est également question de « <em>désocialisation</em> », et de manière beaucoup plus explicite, de l'hypothèse de la présence d'un « <em>noyau autistique</em>». </p></p>
  459. <p><p> A l'occasion de cette rédaction, j'ai lu le livre <a rel="noreferrer noopener" aria-label="Si on me touche, je n'existe plus (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Si_on_me_touche,_je_n'existe_plus" target="_blank"><em>Si on me touche, je n'existe plus</em></a> de Donna Williams, et j'en suis ressortie bouleversée. Pour autant, il était encore beaucoup trop tôt dans mon cheminement pour que je puisse m'autoriser à penser que j'étais peut-être réellement concernée moi aussi. J'ai donc enterré cette supposition pendant de longues années. Mais je n'ai pas abandonné l'idée de comprendre pourquoi j'avais autant de difficultés dans la vie, et j'ai continué de chercher jusqu'à ce que je <a href="http://maiadereva.net/potentiel-daction/">découvre ma douance</a>. </p></p>
  460. <p><p> De quelles difficultés est-il question au fait ? </p></p>
  461. <p><p> Je ne m'étendrai pas sur une vie sentimentale chaotique et, il faut bien le dire, totalement ratée, au point que mon désir d'enfant, présent dès l'adolescence, est resté lettre morte jusqu'à un âge où il est désormais temps d'en faire le deuil. Au final, j'ai essentiellement focalisé sur des relations impossibles, et je ne suis toujours pas guérie de ce triste penchant à m'attacher à des personnes qui ne peuvent ou ne veulent pas entrer en relation avec moi. Tout cela peut se résumer en un seul mot : solitude. Je n'aspire pourtant qu'à vivre des choses simples, mais il faut croire que c'est plus compliqué qu'il n'y paraît. </p></p>
  462. <p><p> Bah tu t'attendais à quoi ? Y'a marqué "Je" dans le titre, pas "<em>Encyclopédie scientifique et objective de l'autisme au féminin</em>" ! Ceci-dit, les anecdotes livrées ici sont toutes liées aux spécificités supposées des femmes concernée par l'autisme, je ne les évoque pas juste pour le plaisir. </p></p>
  463. <p><p> Ces spécificités ne font pas l'objet d'une documentation scientifique pour le moment. Dans le <a rel="noreferrer noopener" aria-label="DSM-5 (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/DSM-5" target="_blank">DSM-5</a>, qui est la référence des psychiatres, les <a rel="noreferrer noopener" aria-label="troubles du spectre autistique (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Trouble_du_spectre_de_l%27autisme" target="_blank">troubles du spectre autistique</a> ont été définis essentiellement à partir de cas masculins. Alors sur quoi je me base, à part les centaines de témoignages que j'ai pu lire ? </p></p>
  464. <p><p> Ce serait un peu fastidieux de revenir sur chacun de ces critères bien entendu, je vous laisse les découvrir si le sujet vous intéresse, et je ne vais en évoquer que quelques uns pour illustrer cet article. Mais autant vous dire que c'est le genre d'enquête qui ne fait pas tâche dans mon parcours : cela fait très longtemps que je suis mon propre cobaye d'expérimentation, et que je gère les informations récoltées avec un soin tout scientifique... (ou obsessionnel, c'est selon les points de vue <span class="wp-font-emots-emo-wink"/> ) </p></p>
  465. <div class="wp-block-image"><figure class="aligncenter"><img src="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste4.png" alt="" class="wp-image-1250" srcset="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste4.png 982w, http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste4-300x145.png 300w, http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste4-768x372.png 768w" sizes="(max-width: 982px) 100vw, 982px"/></figure></div>
  466. <p><p> S'il y a bien un domaine où on peut considérer que j'ai des difficultés, c'est celui de l'insertion dans le monde du travail. Mon relevé de carrière pour la retraite ressemble à un beau morceau d'emmental ! J'ai passé mon temps à trouver un emploi, m'investir dans cet emploi, traverser un burn-out et mettre au moins deux ans à m'en remettre. Le dernier effondrement remonte à cinq ans, et cette fois, quelque chose semble définitivement cassé : je me sens parfaitement incapable de recommencer le cycle infernal. </p></p>
  467. <p><p> Et si vous m'aviez demandé il y a quelques années d'expliquer pourquoi ça se passe comme ça, je n'aurais pas su vous répondre. Ce n'est qu'en découvrant les témoignages de femmes Asperger, et en constatant que depuis cinq ans, je n'ai plus (trop) de problème, que j'ai pu tisser un début d'explication. Il semblerait que la socialisation m'épuise littéralement. Mais c'est insidieux. Je (me) donne l'impression que tout se passe bien, alors qu'en réalité, tout me demande des efforts invisibles. </p></p>
  468. <p><p> Et ça ne date pas d'hier, car la première chose qui m'est difficile, c'est de me plier aux horaires considérés comme "normaux" par la société. Il semblerait que j'ai un <a rel="noreferrer noopener" aria-label="rythme circadien (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Rythme_circadien" target="_blank">rythme circadien</a> décalé et atypique, ce qui fait l'objet de moqueries depuis au moins mon adolescence ! En classe prépa déjà, je suis allée voir la directrice du lycée pour lui annoncer que j'allais passer les concours en candidat libre, ne supportant plus les horaires imposés. Aujourd'hui je réponds par des plaisanteries à ceux qui soulignent cette particularité, mais je peux vous dire que ça me blesse toujours autant. </p></p>
  469. <p><p> Si l'on ajoute à cela mon sens aigu de la justice et de la précision qui, à de nombreuses reprises, ont provoqué des situations délicates avec mes profs, ma hiérarchie ou mes clients, on finit par comprendre pourquoi, détail après détail accumulés, je finis inexorablement en larmes, roulée en boule au fond de mon lit et convaincue que le mieux qu'il me reste à faire c'est de me laisser mourir. </p></p>
  470. <p><p> Oui, on peut voir ça comme ça. D'ailleurs, adhérer à cette idée a longtemps provoqué beaucoup de culpabilité chez moi. Si je fous en l'air tous mes jobs, c'est forcément de ma faute n'est-ce pas ? Fainéante, instable, et depuis toujours en plus, puisque je n'ai jamais validé un seul diplôme après le bac ! </p></p>
  471. <p><p> Pourtant, il y a quelque chose qui ne colle pas dans cette histoire. Car à chaque arrêt maladie, j'ai produit... une base de données colossale... C'est un peu comme si me focaliser sur un sujet et collecter le maximum d'informations sur ce sujet me servait d'anti-dépresseur naturel. Par exemple, j'ai ainsi saisi l'ensemble des sommaires de toute la <a rel="noreferrer noopener" aria-label="revue française de Go (s’ouvre dans un nouvel onglet)" href="https://rfg.jeudego.org/" target="_blank">revue française de Go</a> depuis sa création en 1978, créé et rempli le site internet le plus complet de l'époque sur le vote de <a href="http://maiadereva.net/psychotherapeutes-chronique-dune-desillusion/" target="_blank" rel="noreferrer noopener" aria-label="la loi sur les p (s’ouvre dans un nouvel onglet)">la loi sur les psychothérapeutes</a> ou, plus récemment, recensé <a rel="noreferrer noopener" aria-label="des centaines d'initiatives &quot;constructives&quot; (s’ouvre dans un nouvel onglet)" href="http://semeoz.info/" target="_blank">des centaines d'initiatives "constructives"</a> pour me remonter le moral. </p></p>
  472. <p><p> Tout ça à un rythme et avec une rigueur qui ferait pâlir d'envie n'importe quel employeur. Oui... sauf que ce travail, je le fais à mes horaires, sans pression, et parfaitement isolée de toute interaction sociale. En gros, si l'on m'impose la moindre contrainte, c'est l'anxiété et la dépression qui se pointent, et c'est manifestement non négociable, il a bien fallu que je me rende à l'évidence. </p></p>
  473. <p><p> Même le milieu associatif ne me met pas à l'abri ! Car quand on devient en quelques mois plus calée sur un sujet que la majorité des personnes gravitant dans un milieu (forcément, quand on compulse de l'information, on devient vite "expert"), on est alors identifiée comme une "référence". Je viens de stopper toutes mes conférences dans "<a href="http://maiadereva.net/category/communs/">les communs</a>" à cause de ça. C'est très compliqué d'expliquer aux gens qu'on s'intéresse à leur cause comme un entomologiste à un papillon : sans identification, et sans y croire comme eux. Alors quand en plus on commence à être interviewée dans tous les sens pour donner son avis sur l'avenir de la société... courage fuyons ! </p></p>
  474. <p><p> En bref, ma vie sociale d'adulte se résume en une inexorable alternance entre le trop et le pas assez d'interactions. Et mon dernier <a href="http://maiadereva.net/desintegration/">effondrement</a> m'a laissé carrément sur le carreau : six semaines d'attaques de panique permanente suivies d'un an de ce qui ressemblait furieusement aux symptômes d'un stress post traumatique, autant vous dire que je suis vaccinée maintenant. Et j'assume. De vivre seule, de détester faire les courses, de rester silencieuse dans un groupe, de quitter une réunion quand je suis fatiguée, etc... Fini de faire le clown pour soulager la gêne des autres. </p></p>
  475. <p><p> Si vous ajoutez à cela une litanie de symptômes physiques (intestin irritable, crises de coliques hépatiques, asthme,...) miraculeusement soulagés quand je ne travaille plus, vous comprendrez qu'au final j'ai pris la décision ferme de ne plus jamais chercher à "m'insérer" normalement. </p></p>
  476. <p><p> Pas "aussi", mais "seulement". Je t'explique, c'est comme pour les mathématiques : la démonstration la plus élégante est souvent la bonne. Une fois qu'on suit les cailloux du Petit Poucet attentivement, on finit par tomber sur le colonel Moutarde dans la cuisine ! Je t'invite à jeter un coup d’œil sur cette page pour te faire une idée toi-même : <a rel="noreferrer noopener" aria-label="Comorbidités des troubles du spectre de l'autisme (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Comorbidit%C3%A9s_des_troubles_du_spectre_de_l%27autisme" target="_blank">Comorbidités des troubles du spectre de l'autisme</a>. Ca ne te rappelle pas un certain nombre de choses dont je viens tout juste de parler ? </p></p>
  477. <p><p> Tu ne trouverais pas ça rudement satisfaisant sur le plan intellectuel d'arriver à expliquer l'ensemble de mes difficultés avec un seul nom qui permet de tout englober ? On serait tenté à moins non ? Un peu comme les personnes qui sont en errance médicale des années durant, en se faisant traiter de "psychosomatique" par la plupart des médecins, avant de s'apercevoir qu'ils ont contracté la <a rel="noreferrer noopener" aria-label="maladie de Lyme (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/Maladie_de_Lyme" target="_blank">maladie de Lyme</a>. </p></p>
  478. <p><p> On n'a fait qu'effleurer la (longue) liste d'indices ici, mais tu peux me faire confiance, je les ai décortiqués un par un. Evidemment, il y en a dans lesquels je ne me reconnais pas du tout, mais majoritairement (37/44 pour les critères de Rudy Simone c'est pas rien !), ça met tout de même la puce à l'oreille... Et puis il y a des aspects que seuls des spécialistes attentifs et bien informés auraient pu repérer (dans le monde des Bisounours !), par exemple mes <a rel="noreferrer noopener" aria-label="réactions paradoxales (s’ouvre dans un nouvel onglet)" href="https://fr.wikipedia.org/wiki/R%C3%A9action_paradoxale" target="_blank">réactions paradoxales</a> aux médicaments, et particulièrement aux benzodiazépines. </p></p>
  479. <p><p> A ce stade, ce sont donc tous les éléments que je suis en mesure de vivre, ressentir et analyser dans ma vie d'adulte qui m'ont amenée à me poser des questions. Mais parmi les thèmes à aborder qui m'attendent chez la psychologue, il y a aussi tout ce qui concerne l'enfance. Et là, ça se corse. Parce que je n'ai quasiment aucun souvenir jusqu'à l'âge de 11 ans... Je me souviens surtout de mes livres, de mes jouets préférés (les Legos et le Meccano), et de mes activités favorites (trier mes timbres, compléter mon arbre généalogique et compter mes points Lustucru). </p></p>
  480. <p><p> ... et de ma propension à faire comme la petite voix : donner des consignes et expliquer des trucs aux gens. <span class="wp-font-emots-emo-grin"/> </p></p>
  481. <p><p> J'ai eu une amie en primaire, Virginie, et une autre au collège, Nathalie. Ni plus, ni moins. Les autres enfants faisaient juste partie du décor, et je savais exactement comment me comporter pour qu'on me laisse tranquille. Et croyez moi, ce n'est pas simple. Il faut doser de manière très subtile d'être à la fois suffisamment discrète pour ne pas trop attirer l'attention, mais pas complètement sur la touche pour ne pas devenir une tête de Turc. Tout un art auquel j'ai excellé la plupart du temps. </p></p>
  482. <p><p> Quant aux années qui ont suivi, j'ai surtout le sentiment d'avoir passé énormément de temps seule dans ma chambre à écouter de la musique et faire mes devoirs, d'avoir été une ado relativement modèle car très attachée à respecter les règles, d'avoir détesté les jeux et sports collectifs (sauf le volley parce que l'adversaire est de l'autre côté du filet), et d'avoir commencé à me focaliser très fort sur un garçon ce qui fait qu'aujourd'hui, quand je regarde la photo de classe du lycée, je suis totalement incapable de citer un seul prénom à part le sien. </p></p>
  483. <p><p> Mon enfance s'est terminée bizarrement : estimant que la maison n'était pas assez calme pour mes révisions du bac, j'ai fait ma valise en cachette, et je suis partie vivre chez mon père. Il m'a fallu de nombreuses années avant de comprendre à quel point ce départ brutal avait été un choc pour ma mère et mes sœurs : moi j'avais remis en place de nouvelles routines là où j'étais, et le dossier était clos. Quand j'y repense, ça me fait froid dans le dos d'avoir pu me montrer aussi insensible. Parce que, sans que je le sache, et malgré un côté un peu "ours des cavernes", ma manière d'être prévisible, organisée, honnête, serviable mais aussi rigolote et fiable avait fait de moi un pilier du foyer. </p></p>
  484. <div class="wp-block-image"><figure class="aligncenter"><img src="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste9.png" alt="" class="wp-image-1268" srcset="http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste9.png 658w, http://maiadereva.net/wp-content/uploads/2019/01/pourquoi-je-crois-que-je-suis-autiste9-300x214.png 300w" sizes="(max-width: 658px) 100vw, 658px"/></figure></div>
  485. <p><p> Rien. Je serai toujours qui je suis, c'est sûr, que le diagnostic soit positif ou négatif. Mais je vais te confier un truc : si j'ai un putain de papier qui assure que je suis concernée par une forme d'autisme, je pourrais enfin demander légitimement à ce qu'on me foute la paix ! Pardonne-moi l'expression, mais si tu n'as jamais été confrontée à un⋅e conseiller⋅e de chez Pôle Emploi, tu ne sais pas ce que ça veut dire de ressentir la pression permanente d'une société qui te demande de rentrer dans le rang alors que tu t'en sais incapable sans pouvoir le justifier. </p></p>
  486. <p><p> Et puis c'est bête mais : avoir la satisfaction intellectuelle d'avoir enfin une réponse claire ; pouvoir donner des explications rationnelles à ma famille, qui m'aime mais qui ne comprend pas toujours mes comportements et mes choix ; pouvoir expliquer à un⋅e hypothétique conjoint⋅e de quoi j'ai besoin sans passer pour la chieuse de service ; renforcer les choses que j'ai déjà commencé à mettre en place pour prendre soin de moi parce que je me sens validée dans mes ressentis... tu vois, des trucs simples. </p></p>
  487. <p><p> Parce tu sais, la petite voix, malgré toute ces années de quête existentielle et d'épisodes dépressifs, je le sais moi que je ne suis pas dépressive et que je n'ai pas de "trouble anxieux". Je m'émerveille toujours autant de la beauté d'une pâquerette ou d'un moineau, j'ai le sourire aux lèvres en regardant les rayons du soleil danser dans le courant de la rivière, et je continue de croire au Prince Charmant <span class="wp-font-emots-emo-happy"/> </p></p>
  488. <p><em>Un grand merci à Simon "Gee" Giraudot qui met son <a rel="noreferrer noopener" aria-label="Geektionnerd (s’ouvre dans un nouvel onglet)" href="https://framalab.org/gknd-creator/" target="_blank">Geektionnerd</a> </em> <br/> <em>à disposition sous licence Creative Commons By-Sa ce qui permet à des personnes nulles en dessin comme moi d'illustrer un article quand même <span class="wp-font-emots-emo-wink"/></em> </p>
  489. </article>
  490. </section>
  491. <nav id="jumpto">
  492. <p>
  493. <a href="/david/blog/">Accueil du blog</a> |
  494. <a href="http://maiadereva.net/pourquoi-je-crois-que-je-suis-peut-etre-autiste/">Source originale</a> |
  495. <a href="/david/stream/2019/">Accueil du flux</a>
  496. </p>
  497. </nav>
  498. <footer>
  499. <div>
  500. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  501. <p>
  502. Bonjour/Hi!
  503. 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>
  504. 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>).
  505. </p>
  506. <p>
  507. 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>.
  508. </p>
  509. <p>
  510. Voici quelques articles choisis :
  511. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  512. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  513. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  514. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  515. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  516. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  517. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  518. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  519. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  520. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  521. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  522. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  523. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  524. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  525. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  526. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  527. </p>
  528. <p>
  529. 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>.
  530. </p>
  531. <p>
  532. Je ne traque pas ta navigation mais mon
  533. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  534. conserve des logs d’accès.
  535. </p>
  536. </div>
  537. </footer>
  538. <script type="text/javascript">
  539. ;(_ => {
  540. const jumper = document.getElementById('jumper')
  541. jumper.addEventListener('click', e => {
  542. e.preventDefault()
  543. const anchor = e.target.getAttribute('href')
  544. const targetEl = document.getElementById(anchor.substring(1))
  545. targetEl.scrollIntoView({behavior: 'smooth'})
  546. })
  547. })()
  548. </script>