{"id":5577,"date":"2026-03-11T15:54:06","date_gmt":"2026-03-11T15:54:06","guid":{"rendered":"https:\/\/hemiboreal.com\/?page_id=5577"},"modified":"2026-03-20T13:36:54","modified_gmt":"2026-03-20T13:36:54","slug":"zines","status":"publish","type":"page","link":"https:\/\/hemiboreal.com\/fr\/zines\/","title":{"rendered":"Zines imprimables"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Zines imprimables<\/h2>\n\n\n\n<p>Ces mini-zines sur la nature sont imprimables sans frais, et vous pouvez les consulter ici directement!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Le premier est le zine des Quatre-Temps. Il montre un moyen de connecter avec un lieu qui va au-del\u00e0 de l&rsquo;observation.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><head>\r\n<style>\r\n.book {\r\n  max-width: 400px; \/* adjust size *\/\r\n  min-width: 200px;\r\n  display: flex;\r\n  align-content: center;\r\n   font-family: \"Soulful Serif\", serif;\r\n  font-size: 1em;\r\n  position: relative;\r\n}\r\n#zine {\r\n  width: 210px;\r\n}\r\n.open{\r\n  position: absolute;\r\n  bottom: -20px;\r\n  right: 20px;\r\n}\r\n\r\nbutton {\r\n  background-color: #58302C;\r\n  padding: 5px 20px 5px 20px;\r\n  font-family: monospace;\r\n  color: #FDD05E\r\n}\r\n\r\n.pageL,\t.pageR {\r\n  height: 100%;\r\n  width: 100%;\r\n  color: #58302C;\r\n  padding: 0px;\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n.seam {\r\n  width: 7px;\r\n  background:\r\n    linear-gradient(to right,\r\n    white, grey, white);\r\n}\r\n#center {\r\n  max-width: 200%;\r\n}\r\n#manyL {\r\n    border-left: 5px #FDF9EE double;\r\n}\r\n\r\n#manyR {\r\n    border-right: 5px #FDF9EE double;\r\n}\r\n\r\n\r\n#botright {\r\n  position: relative;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n.quote {\r\n  color: #F0B169\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"book\">\r\n<\/div>\r\n\t<script>\r\n\r\nlet currentPage = 0;\r\nlet pages = [];\r\nlet loadPage = () => {};\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const book = document.querySelector('.book');\r\n\r\n  const pages = [    `\r\n    <div class=\"pageL\">\r\n<img decoding=\"async\" id=\"zine\" class=\"next\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p1.png\">\r\n    <\/div>\r\n    `,\r\n    `\r\n    <div class=\"pageL\">\r\n<img decoding=\"async\" id=\"zine\" class=\"previous\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p2-658x1024.png\">\r\n    <\/div>\r\n    <div class=\"pageR\"\"><img decoding=\"async\" id=\"zine\" class=\"next\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p3.png\">\r\n    <\/div>\r\n    `,\r\n    `\r\n    <div class=\"pageL\">\r\n      <img decoding=\"async\" class=\"previous\" id=\"zine\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p4.png\">\r\n    <\/div>\r\n    <div class=\"pageR\">\r\n      <img decoding=\"async\" class=\"next\" id=\"zine\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p5.png\">\r\n    <\/div>\r\n    `,\r\n     `\r\n    <div class=\"pageL\">\r\n      <img decoding=\"async\" class=\"previous\" id=\"zine\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p6.png\">\r\n    <\/div>\r\n    <div class=\"pageR\">\r\n      <img decoding=\"async\" class=\"next\" id=\"zine\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p7.png\">\r\n    <\/div>\r\n    <button class=\"open\">OUVRIR<\/button>\r\n    `,    \r\n    `<div class=\"pageL\"><i>\r\n<img decoding=\"async\" id=\"zine\" class=\"previous\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/p8.png\">\r\n    <\/div>\r\n    `,\r\n        `<div class=\"pageL\"><i>\r\n<img decoding=\"async\" id=\"center\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/center-scaled.png\">\r\n  <button class=\"previous\">FERMER<\/button>\r\n    <\/div>\r\n    `\r\n  ];\r\n\r\n function loadPage(index) {\r\n  book.innerHTML = pages[index];\r\n\r\n  \/\/ Auto-trigger animation if clickable-image is on this page\r\n  const autoImg = book.querySelector('.clickable-image');\r\n  if (autoImg && autoImg.dataset.anim) {\r\n    const originalSrc = autoImg.src;\r\n    const animSrc = autoImg.dataset.anim;\r\n    const soundCode = autoImg.dataset.sound;\r\n\r\n    \/\/ Lock to prevent overlap\r\n    autoImg.dataset.locked = \"true\";\r\n\r\n    if (soundCode) {\r\n      const sound = sfxr.toAudio(soundCode);\r\n      sound.play();\r\n    }\r\n\r\n    autoImg.src = animSrc;\r\n\r\n    setTimeout(() => {\r\n      autoImg.src = originalSrc;\r\n      autoImg.dataset.locked = \"false\";\r\n    }, 450); \/\/ Match your click timeout\r\n  }\r\n}\r\n\r\n  loadPage(currentPage);\r\n\r\n  book.addEventListener('click', function(e) {\r\n    const target = e.target;\r\n\r\n    if (target.classList.contains('clickable-image')) {\r\n      if (target.dataset.locked === \"true\") return;\r\n\r\n      target.dataset.locked = \"true\";\r\n\r\n      const originalSrc = target.src;\r\n      const soundImage = target.getAttribute('data-anim') || originalSrc;\r\n      const soundCode = target.getAttribute('data-sound');\r\n\r\n      if (soundCode) {\r\n        const sound = sfxr.toAudio(soundCode);\r\n        sound.play();\r\n      }\r\n\r\n      target.src = soundImage;\r\n\r\n      setTimeout(() => {\r\n        target.src = originalSrc;\r\n        target.dataset.locked = \"false\";\r\n      }, 450);\r\n\r\n    } else if (target.classList.contains('next')) {\r\n      const soundCode = target.getAttribute('data-sound');\r\n      if (soundCode) {\r\n        const sound = sfxr.toAudio(soundCode);\r\n        sound.play();\r\n      }\r\n\r\n      currentPage++;\r\n      if (currentPage >= pages.length) currentPage = 0;\r\n      loadPage(currentPage);\r\n\r\n    } else if (target.classList.contains('previous')) {\r\n      const soundCode = target.getAttribute('data-sound');\r\n      if (soundCode) {\r\n        const sound = sfxr.toAudio(soundCode);\r\n        sound.play();\r\n      }\r\n\r\n      currentPage--;\r\n      if (currentPage < 0) currentPage = pages.length - 1;\r\n      loadPage(currentPage);\r\n\r\n    } else if (target.classList.contains('open')) {\r\n      const soundCode = target.getAttribute('data-sound');\r\n      if (soundCode) {\r\n        const sound = sfxr.toAudio(soundCode);\r\n        sound.play();\r\n      }\r\n\r\n      currentPage = 5;\r\n      if (currentPage < 0) currentPage = pages.length - 1;\r\n      loadPage(currentPage);\r\n    }\r\n  });\r\ndocument.addEventListener('keydown', function(e) {\r\n  const flipSound = \"9DneNhivefN5j2VbM8eP6YjhAeVdAWPWarXFLTSvGiF8BUpWc9Je5jexQFn5nQ9kkgpEwFgBA39zd41egkxQLzAVD86oWxkDybfmmAACwkGeSsGU366oWKCs1\";\r\n\r\n  if (e.key === 'ArrowRight' && currentPage < pages.length - 1) {\r\n    const sound = sfxr.toAudio(flipSound);\r\n    sound.play();\r\n    currentPage++;\r\n    loadPage(currentPage);\r\n  }\r\n\r\n  if (e.key === 'ArrowLeft' && currentPage > 0) {\r\n    const sound = sfxr.toAudio(flipSound);\r\n    sound.play();\r\n    currentPage--;\r\n    loadPage(currentPage);\r\n  }\r\n});\r\n\r\n  \r\n});\r\n<\/script>\r\n<\/body>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p>Version 1 (mars 2026)<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine-quatretemps.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger le zine<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/hemiboreal.com\/fr\/quatre-temps\/\">Page des Quatre-Temps<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Voici un guide montrant comment plier un minizine de 8 pages en 8 \u00e9tapes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"1024\" src=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine_num-1-743x1024.png\" alt=\"\" class=\"wp-image-5744\" style=\"width:498px;height:auto\" srcset=\"https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine_num-1-743x1024.png 743w, https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine_num-1-218x300.png 218w, https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine_num-1-768x1058.png 768w, https:\/\/hemiboreal.com\/wp-content\/uploads\/2026\/03\/minizine_num-1.png 795w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Zines imprimables Ces mini-zines sur la nature sont imprimables sans frais, et vous pouvez les consulter ici directement! Le premier est le zine des Quatre-Temps. Il montre un moyen de connecter avec un lieu qui va au-del\u00e0 de l&rsquo;observation. Version 1 (mars 2026) Voici un guide montrant comment plier un minizine de 8 pages en &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Zines imprimables\" class=\"read-more button\" href=\"https:\/\/hemiboreal.com\/fr\/zines\/#more-5577\" aria-label=\"En savoir plus sur Zines imprimables\">Lire plus<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":{"0":"post-5577","1":"page","2":"type-page","3":"status-publish","5":"infinite-scroll-item"},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Samuel LeGresley","author_link":"https:\/\/hemiboreal.com\/fr\/author\/samuel-legresley\/"},"uagb_comment_info":0,"uagb_excerpt":"Zines imprimables Ces mini-zines sur la nature sont imprimables sans frais, et vous pouvez les consulter ici directement! Le premier est le zine des Quatre-Temps. Il montre un moyen de connecter avec un lieu qui va au-del\u00e0 de l&rsquo;observation. Version 1 (mars 2026) Voici un guide montrant comment plier un minizine de 8 pages en\u2026","_links":{"self":[{"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/pages\/5577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/comments?post=5577"}],"version-history":[{"count":21,"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/pages\/5577\/revisions"}],"predecessor-version":[{"id":5746,"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/pages\/5577\/revisions\/5746"}],"wp:attachment":[{"href":"https:\/\/hemiboreal.com\/fr\/wp-json\/wp\/v2\/media?parent=5577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}