{"id":444,"date":"2025-11-24T14:17:55","date_gmt":"2025-11-24T16:17:55","guid":{"rendered":"https:\/\/illerfissarsiutileqatigiit.gl\/?page_id=444"},"modified":"2025-11-24T16:25:08","modified_gmt":"2025-11-24T18:25:08","slug":"bingorta","status":"publish","type":"page","link":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/bingorta\/","title":{"rendered":"Bingorta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"444\" class=\"elementor elementor-444\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5290ca5 e-flex e-con-boxed e-con e-parent\" data-id=\"5290ca5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9eaae4f elementor-widget elementor-widget-html\" data-id=\"9eaae4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bingo-app\">\r\n  <style>\r\n    #bingo-app {\r\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      padding: 1rem;\r\n      border-radius: 1rem;\r\n      box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n      background: #ffffff;\r\n    }\r\n\r\n    #bingo-app h2 {\r\n      margin-top: 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .bingo-subtitle {\r\n      text-align: center;\r\n      font-size: 0.9rem;\r\n      color: #666;\r\n      margin-top: 0.1rem;\r\n      margin-bottom: 0.9rem;\r\n    }\r\n\r\n    .bingo-controls {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.75rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .bingo-controls .control-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.5rem;\r\n      align-items: center;\r\n    }\r\n\r\n    .bingo-controls label {\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .bingo-controls select,\r\n    .bingo-controls input[type=\"range\"] {\r\n      margin-right: 0.5rem;\r\n    }\r\n\r\n    .bingo-controls button {\r\n      border-radius: 999px;\r\n      border: 1px solid #ddd;\r\n      padding: 0.45rem 0.9rem;\r\n      cursor: pointer;\r\n      font-size: 0.9rem;\r\n      background: #f5f5f5;\r\n      transition: background 0.15s, transform 0.05s, box-shadow 0.15s;\r\n    }\r\n\r\n    .bingo-controls button:hover {\r\n      background: #e9e9e9;\r\n      box-shadow: 0 3px 8px rgba(0,0,0,0.12);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .bingo-controls button:disabled {\r\n      opacity: 0.5;\r\n      cursor: not-allowed;\r\n      box-shadow: none;\r\n      transform: none;\r\n    }\r\n\r\n    .bingo-main {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .current-number-panel {\r\n      flex: 1 1 100%;\r\n      border-radius: 1rem;\r\n      padding: 1rem;\r\n      background: radial-gradient(circle at top left, #f7f7ff, #fdfdfd);\r\n      text-align: center;\r\n      box-shadow: inset 0 0 0 1px #f0f0f0;\r\n    }\r\n\r\n    .current-number-panel div:first-child {\r\n      font-size: 0.9rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      color: #666;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    #currentNumberDisplay {\r\n      font-size: 7rem;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      min-height: 3.2rem;\r\n      color: #222;\r\n    }\r\n\r\n    .status-line {\r\n      font-size: 0.85rem;\r\n      color: #555;\r\n      margin-top: 0.5rem;\r\n    }\r\n\r\n    \/* NEW: audio panel full width at bottom *\/\r\n    .audio-panel {\r\n      margin-top: 1.2rem;\r\n      border-radius: 1rem;\r\n      padding: 1rem;\r\n      background: #fafafa;\r\n      box-shadow: inset 0 0 0 1px #f0f0f0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.5rem;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .audio-panel button {\r\n      width: 100%;\r\n      margin-top: 0.25rem;\r\n    }\r\n\r\n    #numbersGrid {\r\n      display: grid;\r\n      grid-template-columns: repeat(10, minmax(0, 1fr));\r\n      gap: 0.35rem;\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    .number-cell {\r\n      border-radius: 0.5rem;\r\n      padding: 0.3rem 0;\r\n      text-align: center;\r\n      border: 1px solid #eee;\r\n      background: #fcfcfc;\r\n      color: #999;\r\n      user-select: none;\r\n    }\r\n\r\n    .number-cell.drawn {\r\n      background: #222;\r\n      color: #fff;\r\n      border-color: #222;\r\n      box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .number-cell.current {\r\n      outline: 2px solid #ff9800;\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      #bingo-app {\r\n        padding: 0.75rem;\r\n      }\r\n      #numbersGrid {\r\n        grid-template-columns: repeat(9, minmax(0, 1fr));\r\n      }\r\n      .bingo-controls .control-row {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n      .bingo-controls button {\r\n        width: 100%;\r\n      }\r\n      .audio-panel button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <h2>Bingortitsineq<\/h2>\r\n  <div class=\"bingo-subtitle\">\r\n    Peqatigiiffiup bingornermi atugassiaa\r\n  <\/div>\r\n\r\n  <!-- CONTROLS -->\r\n  <div class=\"bingo-controls\">\r\n    <div class=\"control-row\">\r\n      <label for=\"gameType\">Kisitsisit amerlassusaat:<\/label>\r\n      <select id=\"gameType\">\r\n        <option value=\"75\">1\u201375 (Bingo)<\/option>\r\n        <option value=\"90\" selected>1\u201390 (Tombola \/ Banko)<\/option>\r\n      <\/select>\r\n\r\n      <label for=\"speedRange\">\r\n        Sukkassusaa:\r\n        <span id=\"speedValue\">5<\/span> sek.\r\n      <\/label>\r\n      <input type=\"range\" id=\"speedRange\" min=\"2\" max=\"120\" value=\"5\"\/>\r\n    <\/div>\r\n\r\n    <div class=\"control-row\">\r\n      <button id=\"startBtn\">Auto aallartiguk<\/button>\r\n      <button id=\"drawBtn\">Kisitsimmik qaqitsigit<\/button>\r\n      <button id=\"resetBtn\">Nakkartikkit<\/button>\r\n      <button id=\"saveBtn\">Pinnguaat toqqoruk<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"control-row\">\r\n      <button id=\"prizeBtn\">Ingerlataq: Sanimut ataaseq<\/button>\r\n      <button id=\"displayBtn\">Qaqinneqarnikut igalaasartaa ammaruk<\/button>\r\n      <!-- auto-lyd knappen tilf\u00f8jes af JS -->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- LAST NUMBER -->\r\n  <div class=\"current-number-panel\">\r\n    <div>Qaqitaq<\/div>\r\n    <div id=\"currentNumberDisplay\">\u2013<\/div>\r\n    <div class=\"status-line\">\r\n      Qaqinikut:\r\n      <span id=\"countDrawn\">0<\/span>\/<span id=\"countMax\">90<\/span>\r\n      \u00b7 Killiffik:\r\n      <span id=\"modeLabel\">Sanimut ataaseq<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- NUMBERS GRID -->\r\n  <div class=\"drawn-numbers\" style=\"margin-top: 1rem;\">\r\n    <h3>Qaqinneqarnikut<\/h3>\r\n    <div id=\"numbersGrid\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- AUDIO PANEL MOVED TO THE BOTTOM -->\r\n  <div class=\"audio-panel\">\r\n    <div id=\"audioInfo\">\r\n      Suli qaqitsisoqanngilaq.\r\n    <\/div>\r\n    <button id=\"recordBtn\" disabled>\r\n      Kisitsip nipaa immiuguk\r\n    <\/button>\r\n    <button id=\"stopRecordBtn\" disabled>\r\n      Immiussineq unitsiguk\r\n    <\/button>\r\n    <button id=\"playAudioBtn\" disabled>\r\n      Immiussap nipaa tusarnaaruk\r\n    <\/button>\r\n    <small>\r\n      Optagelse kr\u00e6ver mikrofon-tilladelse i browseren.\r\n      <br\/>\r\n      Immiussineq browserimi akuerineqaqqaassaaq.\r\n    <\/small>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bingortitsineq Peqatigiiffiup bingornermi atugassiaa Kisitsisit amerlassusaat: 1\u201375 (Bingo)1\u201390 (Tombola \/ Banko) Sukkassusaa: 5 sek. Auto aallartiguk Kisitsimmik qaqitsigit Nakkartikkit Pinnguaat toqqoruk Ingerlataq: Sanimut ataaseq Qaqinneqarnikut igalaasartaa ammaruk Qaqitaq \u2013 Qaqinikut: 0\/90 \u00b7 Killiffik: Sanimut ataaseq Qaqinneqarnikut Suli qaqitsisoqanngilaq. Kisitsip nipaa immiuguk Immiussineq unitsiguk Immiussap nipaa tusarnaaruk Optagelse kr\u00e6ver mikrofon-tilladelse i browseren. Immiussineq browserimi akuerineqaqqaassaaq.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/pages\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":36,"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/pages\/444\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/pages\/444\/revisions\/481"}],"wp:attachment":[{"href":"https:\/\/illerfissarsiutileqatigiit.gl\/saqqa\/wp-json\/wp\/v2\/media?parent=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}