{"id":655,"date":"2026-09-22T07:00:00","date_gmt":"2026-09-22T05:00:00","guid":{"rendered":"https:\/\/iconoclaste.net\/blog\/?p=655"},"modified":"2026-09-24T09:59:15","modified_gmt":"2026-09-24T07:59:15","slug":"bench","status":"publish","type":"post","link":"https:\/\/iconoclaste.net\/blog\/2026\/09\/22\/bench\/","title":{"rendered":"Bench"},"content":{"rendered":"\n<style>\n  .amiga-container {\n    text-align: center;\n    margin: 30px 0;\n  }\n\n  .amiga-start-img {\n    max-width: 100%;\n    height: auto;\n    cursor: pointer;\n    display: block;\n    margin: 0 auto;\n    transition: opacity 0.3s ease, transform 0.2s ease;\n  }\n\n  .amiga-start-img:hover {\n    opacity: 0.9;\n    transform: scale(1.01);\n  }\n\n  .amiga-wb {\n    background: #000066;\n    padding: 30px 15px;\n    margin: 0;\n    font-family: \"Courier New\", Courier, monospace;\n    display: none; \/* cach\u00e9 au d\u00e9part *\/\n  }\n\n  .amiga-window {\n    max-width: 640px;\n    margin: 0 auto;\n    background: #000000;\n  }\n\n  .amiga-titlebar {\n    background: #0055aa;\n    color: #fff;\n    padding: 5px 10px;\n    font-size: 14px;\n    font-weight: bold;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .amiga-titlebar .btns {\n    display: flex;\n    gap: 4px;\n  }\n\n  .amiga-titlebar .btn {\n    width: 13px;\n    height: 13px;\n    background: #c0c0c0;\n    border: 1px solid #000;\n  }\n\n  .amiga-screen {\n    padding: 18px 20px 26px;\n    min-height: 260px;\n    color: #ffffff;\n    font-size: 15px;\n    line-height: 1.45;\n    white-space: pre-wrap;\n    text-shadow: 0 0 2px rgba(255,255,255,0.3);\n    text-align: left;\n  }\n\n  .amiga-cursor {\n    display: inline-block;\n    width: 10px;\n    height: 15px;\n    background: #ffffff;\n    vertical-align: text-bottom;\n    margin-left: 1px;\n    animation: amiga-blink 1.05s steps(1) infinite;\n  }\n\n  @keyframes amiga-blink {\n    0%, 49%   { opacity: 1; }\n    50%, 100% { opacity: 0; }\n  }\n<\/style>\n\n<div class=\"amiga-container\">\n  <!-- Image de d\u00e9marrage -->\n  <img decoding=\"async\" src=\"https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/amigapron.jpg\" alt=\"Clique pour d\u00e9marrer\" id=\"amiga-start-btn\" class=\"amiga-start-img\">\n\n  <!-- \u00c9cran Workbench (cach\u00e9 au d\u00e9part) -->\n  <div class=\"amiga-wb\" id=\"amiga-wb\">\n    <div class=\"amiga-window\">\n      <div class=\"amiga-titlebar\">\n        <span>*** ICONOCLASTE 1.0 ***<\/span>\n        <div class=\"btns\">\n          <div class=\"btn\"><\/div>\n          <div class=\"btn\"><\/div>\n          <div class=\"btn\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"amiga-screen\" id=\"amiga-output\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const startBtn = document.getElementById(\"amiga-start-btn\");\n  const wb       = document.getElementById(\"amiga-wb\");\n  const screen   = document.getElementById(\"amiga-output\");\n\n  if (!startBtn || !wb || !screen) return;\n\n  const lines = [\n    \"LOADING : fuzzout.net..........OK\",\n    \"UPGRADE : iconoclaste.net......OK\",\n    \"\",\n    \"HYBRIDATION : .................OK\",\n    \"Starting iconoclaste.net\",\n    \"\",\n    \"Pr\u00eat.e?\",\n    \"\"\n  ];\n\n  let lineIndex  = 0;\n  let charIndex  = 0;\n  const typingSpeed = 28;\n  const linePause   = 420;\n  let started = false;\n\n  function type() {\n    if (lineIndex >= lines.length) {\n      screen.innerHTML = screen.innerHTML.replace(\/<span class=\"amiga-cursor\"><\\\/span>\/g, \"\") + '<span class=\"amiga-cursor\"><\/span>';\n      return;\n    }\n\n    const currentLine = lines[lineIndex];\n\n    if (charIndex < currentLine.length) {\n      const text = screen.innerHTML.replace(\/<span class=\"amiga-cursor\"><\\\/span>\/g, \"\");\n      screen.innerHTML = text + currentLine.charAt(charIndex) + '<span class=\"amiga-cursor\"><\/span>';\n      charIndex++;\n      setTimeout(type, typingSpeed);\n    } else {\n      const text = screen.innerHTML.replace(\/<span class=\"amiga-cursor\"><\\\/span>\/g, \"\");\n      screen.innerHTML = text + \"\\n\";\n      lineIndex++;\n      charIndex = 0;\n      setTimeout(type, linePause);\n    }\n  }\n\n  \/\/ Clic sur l'image \u2192 d\u00e9marre l'animation\n  startBtn.addEventListener(\"click\", function() {\n    if (started) return;\n    started = true;\n\n    \/\/ Cache l'image et affiche le Workbench\n    startBtn.style.display = \"none\";\n    wb.style.display = \"block\";\n\n    \/\/ Petit d\u00e9lai puis lancement du typing\n    setTimeout(type, 300);\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>*** ICONOCLASTE 1.0 ***<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[214,215,136],"class_list":["post-655","post","type-post","status-publish","format-standard","hentry","category-retropixel","tag-amiga","tag-javascript","tag-retro"],"_links":{"self":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/comments?post=655"}],"version-history":[{"count":9,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/655\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/655\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/media?parent=655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/categories?post=655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/tags?post=655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}