Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
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 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Infanticide — David Larlet</title>
  13. <meta name="description" content="Large numbers of the Aboriginal children who were sent to residential schools never returned to their home communities. Some of these children ran away, while others died at the schools. The exact number of children who died at school may never be known, but the death rates for many schools, particularly during times of epidemic or disease, were very high.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script>
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Infanticide</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2021/05/28/" title="Publication précédente : Curriculum chain">← Précédent</a> •
  59. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  60. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  61. </svg> Accueil</a>
  62. • <a rel="next" href="/david/2021/05/31/" title="Publication suivante : Design accessible">Suivant →</a>
  63. </p>
  64. </nav>
  65. <hr>
  66. <blockquote lang="en">
  67. <p>Large numbers of the Aboriginal children who were sent to residential schools never returned to their home communities. Some of these children ran away, while others died at the schools. The exact number of children who died at school may never be known, but the death rates for many schools, particularly during times of epidemic or disease, were very high.</p>
  68. <p>Sometimes parents never found out what happened to their children. The students who did not return have come to be known as the Missing Children. Working with Survivors and Aboriginal organizations, the Missing Children Projects is documenting the deaths and the burial places of children who died while attending the schools.</p>
  69. <p>To date the TRC has identified the names of, or information about, more than 4,100&nbsp;children who died of disease or accident while attending a residential school.</p>
  70. <p><cite><em><a href="http://www.trc.ca/events-and-projects/missing-children-project.html">MISSING CHILDREN PROJECT</a></em> (<a href="/david/cache/2021/d15bee86cbddb11d5902617b68f0a12f/">cache</a>)</cite></p>
  71. </blockquote>
  72. <p>L’histoire du Canada comporte des zones d’ombre assez horribles. De <a href="https://en.wikipedia.org/wiki/Slavery_in_Canada">l’esclavage</a> — <a href="https://ici.radio-canada.ca/nouvelle/1269942/esclavage-canada-noirs-autochtones-histoire">voir aussi</a> (<a href="/david/cache/2021/a950ddcb816cf0593893120ffa6b56cd/">cache</a>) — à la <a href="https://en.wikipedia.org/wiki/Compulsory_sterilization_in_Canada">stérilisation</a>, la colonisation s’est faite avec une brutalité dont je ne découvre que depuis récemment une partie de son histoire, celle que l’on ne retrouvera probablement pas dans les livres d’Histoire&nbsp;:</p>
  73. <blockquote lang="en">
  74. <p>May 27, 2021, Kamloops – It is with a heavy heart that Tk’emlúps te Secwépemc Kukpi7 (Chief) Rosanne Casimir confirms an unthinkable loss that was spoken about but never documented by the Kamloops Indian Residential School. This past weekend, with the help of a ground penetrating radar specialist, the stark truth of the preliminary findings came to light — the confirmation of the remains of 215&nbsp;children who were students of the Kamloops Indian Residential School.</p>
  75. <p><cite><em><a href="https://tkemlups.ca/wp-content/uploads/05-May-27-2021-TteS-MEDIA-RELEASE.pdf">OFFICE OF THE CHIEF</a> (<a href="/static/David/2021/infanticide.pdf">cache, PDF - 158&#8239;Ko</a>)</em>, FOR IMMEDIATE RELEASE</cite></p>
  76. </blockquote>
  77. <p>Voir aussi&nbsp;:</p>
  78. <ul>
  79. <li><a href="https://www.nytimes.com/2021/05/28/world/canada/kamloops-mass-grave-residential-schools.html">‘Horrible History’: Mass Grave of Indigenous Children Reported in Canada</a> (<a href="/david/cache/2021/91df583aec4e26acd488ec6c52a96a98/">cache</a>)</li>
  80. <li><a href="https://www.ledevoir.com/societe/605445/les-restes-de-215-enfants-retrouves-sur-le-site-d-un-pensionnat-autochtone-de-colombie-britannique">Les restes de 215&nbsp;enfants autochtones retrouvés sur le site d’un pensionnat</a> (<a href="/david/cache/2021/db61029481fb395dc5b8031dda55619f/">cache</a>)</li>
  81. </ul>
  82. <nav>
  83. <p class="center">
  84. <a rel="prev" href="/david/2021/05/28/" title="Publication précédente : Curriculum chain">← Précédent</a> •
  85. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  86. • <a rel="next" href="/david/2021/05/31/" title="Publication suivante : Design accessible">Suivant →</a>
  87. </p>
  88. </nav>
  89. </article>
  90. <hr>
  91. <footer>
  92. <p>
  93. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  94. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  95. </svg> Accueil</a> •
  96. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  97. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  98. </svg> Suivre</a> •
  99. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  100. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  101. </svg> Pro</a> •
  102. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  103. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  104. </svg> Email</a> •
  105. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  106. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  107. </svg> Légal</abbr>
  108. </p>
  109. <template id="theme-selector">
  110. <form>
  111. <fieldset>
  112. <legend><svg class="icon icon-brightness-contrast">
  113. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  114. </svg> Thème</legend>
  115. <label>
  116. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  117. </label>
  118. <label>
  119. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  120. </label>
  121. <label>
  122. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  123. </label>
  124. </fieldset>
  125. </form>
  126. </template>
  127. </footer>
  128. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  129. <script>
  130. function loadThemeForm(templateName) {
  131. const themeSelectorTemplate = document.querySelector(templateName)
  132. const form = themeSelectorTemplate.content.firstElementChild
  133. themeSelectorTemplate.replaceWith(form)
  134. form.addEventListener('change', (e) => {
  135. const chosenColorScheme = e.target.value
  136. localStorage.setItem('theme', chosenColorScheme)
  137. toggleTheme(chosenColorScheme)
  138. })
  139. const selectedTheme = localStorage.getItem('theme')
  140. if (selectedTheme && selectedTheme !== 'undefined') {
  141. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  142. }
  143. }
  144. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  145. window.addEventListener('load', () => {
  146. let hasDarkRules = false
  147. for (const styleSheet of Array.from(document.styleSheets)) {
  148. let mediaRules = []
  149. for (const cssRule of styleSheet.cssRules) {
  150. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  151. continue
  152. }
  153. // WARNING: Safari does not have/supports `conditionText`.
  154. if (cssRule.conditionText) {
  155. if (cssRule.conditionText !== prefersColorSchemeDark) {
  156. continue
  157. }
  158. } else {
  159. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  160. continue
  161. }
  162. }
  163. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  164. }
  165. // WARNING: do not try to insert a Rule to a styleSheet you are
  166. // currently iterating on, otherwise the browser will be stuck
  167. // in a infinite loop…
  168. for (const mediaRule of mediaRules) {
  169. styleSheet.insertRule(mediaRule.cssText)
  170. hasDarkRules = true
  171. }
  172. }
  173. if (hasDarkRules) {
  174. loadThemeForm('#theme-selector')
  175. }
  176. })
  177. </script>
  178. </body>
  179. </html>