{"id":3187,"date":"2026-03-21T22:44:19","date_gmt":"2026-03-21T21:44:19","guid":{"rendered":"https:\/\/www.sif4ever.dk\/nyheder\/?page_id=3187"},"modified":"2026-04-03T23:24:58","modified_gmt":"2026-04-03T21:24:58","slug":"quiz","status":"publish","type":"page","link":"https:\/\/www.sif4ever.dk\/nyheder\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\n<style>\n\t\n\t.front-leaderboards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 40px;\n}\n\n.lb-box {\n    background: black;\n    border: 2px solid #00ffcc;\n    padding: 15px;\n    font-family: 'Press Start 2P', monospace;\n    color: #00ffcc;\n}\n\n.lb-box h3 {\n    color: #ff0033;\n    margin-bottom: 15px;\n    font-size: 12px;\n}\n\n.lb-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 10px;\n    margin-bottom: 8px;\n}\n\t\n.quiz-intro {\n    max-width: 900px;\n    margin: 40px auto;\n    text-align: center;\n    font-family: Arial;\n}\n\n.quiz-intro h2 {\n    font-size: 28px;\n    margin-bottom: 10px;\n}\n\n.quiz-rules {\n    background: #111;\n    color: #0ff;\n    padding: 20px;\n    margin: 20px 0;\n    border: 2px solid #0ff;\n    font-family: 'Press Start 2P', monospace;\n    font-size: 12px;\n}\n\n.quiz-types {\n    display: flex;\n    gap: 20px;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.quiz-type {\n    width: 260px;\n    background: white;\n    padding: 15px;\n    border-radius: 12px;\n    box-shadow: 0 6px 15px rgba(0,0,0,0.2);\n}\n\n.demo-box {\n    background: #000;\n    height: 180px;\n    border-radius: 10px;\n    margin-top: 10px;\n    padding: 10px;\n}\n\n\/* \ud83d\udd25 HORIZONTAL (valg + r\u00e6kkef\u00f8lge) *\/\n.demo-box.horizontal {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n\/* \ud83d\udd25 VERTICAL (ledetr\u00e5de) *\/\n.demo-box.vertical {\n    display: block;\n}\n\n\/* \ud83d\udd25 FAKE ANIMATION *\/\n.demo-card {\n    width: 30%;\n    height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    border-radius: 8px;\n    transition: 0.4s;\n    font-weight: bold;\n}\n\n.demo-card.active {\n    border: 4px solid #c8102e;\n    box-shadow: 0 0 10px #c8102e;\n    transform: scale(1.08);\n}\n\n.demo-order span {\n    display: inline-block;\n    background: #fff;\n    padding: 6px 10px;\n    margin: 5px;\n    border-radius: 6px;\n}\n\n.demo-hint {\n    background: #222;\n    color: #0f0;\n    padding: 8px;\n    margin: 5px;\n    opacity: 0.3;\n}\n\n.demo-hint.open {\n    opacity: 1;\n}\n\t\n\t.quiz-section-title {\n    margin-top: 30px;\n    margin-bottom: 15px;\n    font-size: 22px;\n    color: #222;\n}\n\t\n\t.quiz-start-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 40px;\n    margin: 40px 0 20px 0;\n}\n\n.quiz-start-circle {\n    flex: 1;\n    aspect-ratio: 1\/1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    text-decoration: none;\n    font-family: 'Press Start 2P', monospace;\n    text-align: center;\n    color: white;\n    font-size: 12px;\n\n    \/* \ud83d\udd25 PIXEL LOOK *\/\n    border-radius: 0; \/* VIGTIG \u2013 fjerner \"p\u00e6n\" cirkel *\/\n    image-rendering: pixelated;\n\n    \/* \ud83d\udd25 HARD EDGES *\/\n    border: 4px solid #000;\n\n    transition: 0.15s;\n}\n\n\/* \ud83d\udd34 R\u00d8D ARCADE *\/\n.quiz-start-circle.red {\n    background: #c8102e;\n\n    box-shadow:\n        4px 4px 0 #000,\n        8px 8px 0 #660000;\n}\n\n\/* \ud83d\udd35 BL\u00c5 ARCADE *\/\n.quiz-start-circle.blue {\n    background: #003366;\n\n    box-shadow:\n        4px 4px 0 #000,\n        8px 8px 0 #001a33;\n}\n\n.quiz-start-circle:hover {\n    transform: translate(4px, 4px);\n    box-shadow:\n        2px 2px 0 #000,\n        4px 4px 0 #333;\n}\n\t\n\t.quiz-start-circle:active {\n    transform: translate(8px, 8px);\n    box-shadow: none;\n}\n\t\n\t.arcade-text {\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n\/* \ud83d\udd25 TEXT *\/\n.quiz-start-circle span {\n    line-height: 1.6;\n}\n\n\/* \ud83d\udcf1 MOBILE *\/\n@media (max-width: 768px) {\n    .quiz-start-wrapper {\n        flex-direction: column;\n    }\n\n    .quiz-start-circle {\n        width: 80%;\n    }\n}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\/* \ud83d\udd25 ARCADE TEXT *\/\n.arcade-text {\n    font-family: 'Press Start 2P', monospace;\n    font-size: 12px;\n    line-height: 1.6;\n}\n\n\/* \u26a1 BLINK PRESS START *\/\n.press {\n    display: inline-block;\n    font-size: 10px;\n    color: #fff;\n    animation: blinkArcade 1s infinite;\n    margin-bottom: 6px;\n}\n\n@keyframes blinkArcade {\n    0%, 50%, 100% { opacity: 1; }\n    25%, 75% { opacity: 0; }\n}\n\n\/* \ud83d\udd25 NEON GLOW (VIGTIG \u2013 DEN GIVER ARCADE FEEL) *\/\n.quiz-start-circle.red {\n    box-shadow: 0 0 15px #c8102e, 0 0 30px #ff0033 inset;\n    animation: glowRed 2s infinite alternate;\n}\n\n.quiz-start-circle.blue {\n    box-shadow: 0 0 15px #003366, 0 0 30px #00ccff inset;\n    animation: glowBlue 2s infinite alternate;\n}\n\n@keyframes glowRed {\n    from { box-shadow: 0 0 10px #c8102e, 0 0 20px #ff0033 inset; }\n    to   { box-shadow: 0 0 25px #ff0033, 0 0 50px #ff0033 inset; }\n}\n\n@keyframes glowBlue {\n    from { box-shadow: 0 0 10px #003366, 0 0 20px #00ccff inset; }\n    to   { box-shadow: 0 0 25px #00ccff, 0 0 50px #00ccff inset; }\n}\n\n\/* \ud83d\udca5 CLICK FEEL *\/\n.quiz-start-circle:active {\n    transform: scale(0.96);\n}\n\n\/* \ud83d\udd25 HOVER (mere liv) *\/\n.quiz-start-circle:hover {\n    transform: scale(1.08);\n}\n\t\t  \n.coin {\n    display: inline-block;\n    font-size: 10px;\n    color: #ffd700;\n\n    animation: coinBlink 1.5s infinite;\n}\n\n@keyframes coinBlink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.2; }\n}\n\t\t  \n<\/style>\n\n<div class=\"quiz-intro\" id=\"quiz-intro\">\n\t\n\n\t<div class=\"quiz-start-wrapper\">\n\n    <a href=\"https:\/\/www.sif4ever.dk\/nyheder\/quiz1\/\" class=\"quiz-start-circle red\">\n        <span class=\"arcade-text\">\n    <span class=\"arcade-text\">\n    <span class=\"coin\">INSERT COIN<\/span><br>\n    <span class=\"press\">PRESS TO PLAY<\/span><br>\n    \ud83c\udfae SILKEBORG QUIZ\n<\/span>\n    <\/a>\n\n    <a href=\"https:\/\/www.sif4ever.dk\/nyheder\/quiz2\/\" class=\"quiz-start-circle blue\">\n        <span class=\"arcade-text\">\n    <span class=\"arcade-text\">\n    <span class=\"coin\">INSERT COIN<\/span><br>\n    <span class=\"press\">PRESS TO PLAY<\/span><br>\n    \ud83c\udfae SURVIVAL QUIZ\n<\/span>\n    <\/a>\n\n<\/div>\n\n<h2>\ud83c\udfae S\u00e5dan fungerer quizzen<\/h2>\n\n<div class=\"quiz-rules\">\n\ud83c\udfc6 Maks score: ca. 100 point<br><br>\n\u23f1\ufe0f Hvis flere f\u00e5r samme score \u2192 tiden afg\u00f8r placering<br><br>\n\ud83c\udfaf Sv\u00e6rere sp\u00f8rgsm\u00e5l = flere point\n<\/div>\n\n\t<h2 class=\"quiz-section-title\">\ud83e\udde0 Quiz sp\u00f8rgsm\u00e5lstyper<\/h2>\n<div class=\"quiz-types\">\n\n<!-- 1 -->\n<div class=\"quiz-type\">\n<h3>V\u00e6lg svar<\/h3>\n\n<div class=\"demo-box horizontal\" id=\"demo-choice\">\n    <div class=\"demo-card\">Svar A<\/div>\n    <div class=\"demo-card\">Svar B<\/div>\n    <div class=\"demo-card\">Svar C<\/div>\n<\/div>\n\n<\/div>\n\n<!-- 2 -->\n<div class=\"quiz-type\">\n<h3>S\u00e6t i r\u00e6kkef\u00f8lge<\/h3>\n\n<div class=\"demo-box horizontal demo-order\" id=\"demo-order\">\n    <span>1<\/span>\n    <span>2<\/span>\n    <span>3<\/span>\n    <span>4<\/span>\n<\/div>\n\n<\/div>\n\n<!-- 3 -->\n<div class=\"quiz-type\">\n<h3>G\u00e6t spilleren<\/h3>\n\n<div class=\"demo-box vertical\" id=\"demo-hint\">\n    <div class=\"demo-hint open\">Ledetr\u00e5d 1<\/div>\n    <div class=\"demo-hint\">Ledetr\u00e5d 2<\/div>\n    <div class=\"demo-hint\">Ledetr\u00e5d 3<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\t<h2 style=\"margin-top:50px;\">\ud83c\udfc6 Top spillere<\/h2>\n\n<div class=\"front-leaderboards\">\n\n\n<div class='lb-box'><h3>\u23f1\ufe0f Sidste 24 timer<\/h3><div class='lb-row'><span>#1<\/span><span>Jesper III<\/span><span>60<\/span><\/div><\/div><div class='lb-box'><h3>\ud83d\udcc6 Uge 19<\/h3><div class='lb-row'><span>#1<\/span><span>Daniel (3)<\/span><span>71<\/span><\/div><div class='lb-row'><span>#2<\/span><span>Joseph (2)<\/span><span>62<\/span><\/div><div class='lb-row'><span>#3<\/span><span>Jesper III<\/span><span>60<\/span><\/div><div class='lb-row'><span>#4<\/span><span>Daniel (4)<\/span><span>59<\/span><\/div><div class='lb-row'><span>#5<\/span><span>Daniel (2)<\/span><span>48<\/span><\/div><\/div><div class='lb-box'><h3>\ud83d\uddd3\ufe0f Maj<\/h3><div class='lb-row'><span>#1<\/span><span>Daniel (3)<\/span><span>71<\/span><\/div><div class='lb-row'><span>#2<\/span><span>Joseph (2)<\/span><span>62<\/span><\/div><div class='lb-row'><span>#3<\/span><span>Jesper III<\/span><span>60<\/span><\/div><div class='lb-row'><span>#4<\/span><span>Daniel (4)<\/span><span>59<\/span><\/div><div class='lb-row'><span>#5<\/span><span>Daniel (2)<\/span><span>48<\/span><\/div><\/div>\t\n\n<\/div> \n\t\n\t<h2 class=\"quiz-section-title\">\ud83d\udd25 Survival Mode<\/h2>\n\n<div class=\"quiz-types\">\n\n<!-- 1: TIMER \/ LIV -->\n<div class=\"quiz-type\">\n<h3>\u23f1\ufe0f Overlev<\/h3>\n\n<div class=\"demo-box vertical\" id=\"demo-survival-timer\">\n    <div class=\"demo-hint open\">10 sek<\/div>\n    <div class=\"demo-hint\">9 sek<\/div>\n    <div class=\"demo-hint\">\ud83d\udc80 Mist liv<\/div>\n<\/div>\n\n<\/div>\n\n<!-- 2: LIFELINES -->\n<div class=\"quiz-type\">\n<h3>\ud83c\udd98 Hj\u00e6lp<\/h3>\n\n<div class=\"demo-box vertical\" id=\"demo-survival-life\">\n    <div class=\"demo-hint open\">50\/50<\/div>\n    <div class=\"demo-hint\">Vis svar<\/div>\n    <div class=\"demo-hint\">+10 sek<\/div>\n<\/div>\n\n<\/div>\n\n<!-- 3: BOSS -->\n<div class=\"quiz-type\">\n<h3>\u2694\ufe0f Boss level<\/h3>\n\n<div class=\"demo-box vertical\" id=\"demo-survival-boss\">\n    <div class=\"demo-hint open\">Level 15<\/div>\n    <div class=\"demo-hint\">Ingen hj\u00e6lp<\/div>\n    <div class=\"demo-hint\">+1 bonus<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div class=\"quiz-rules\" style=\"border-color:#ff0033; color:#ff0033; margin-top:30px;\">\n\n\u23f1\ufe0f 10 sekunder pr. sp\u00f8rgsm\u00e5l<br><br>\n\u2764\ufe0f Forkert eller for sent = mister liv<br><br>\n\ud83d\udc80 Ingen liv tilbage = GAME OVER<br><br>\n\u2694\ufe0f Hver 15. level = boss (ingen hj\u00e6lp)<br>\n\ud83c\udfc6 Vind \u2192 v\u00e6lg en ekstra hj\u00e6lpelinje\n\n<\/div>\n\t\n\t<h2 style=\"margin-top:40px;\">\ud83d\udd25 Survival Topspillere<\/h2>\n\n<div class=\"front-leaderboards\">\n\n<div class='lb-box'><h3>\u23f1\ufe0f Sidste 24 timer<\/h3><div class='lb-row'><span>#1<\/span><span>Jesper III<\/span><span>13<\/span><\/div><\/div><div class='lb-box'><h3>\ud83d\udcc6 Uge 19<\/h3><div class='lb-row'><span>#1<\/span><span>Jesper III<\/span><span>13<\/span><\/div><\/div><div class='lb-box'><h3>\ud83d\uddd3\ufe0f Maj<\/h3><div class='lb-row'><span>#1<\/span><span>Jesper III<\/span><span>13<\/span><\/div><div class='lb-row'><span>#2<\/span><span>HRHanssen<\/span><span>12<\/span><\/div><\/div>\n<\/div>\n\n<\/div>\n\t\n\t<!-- \ud83d\udd25 LOGO HER -->\n<div style=\"text-align:center; margin-top:30px;\">\n    <img decoding=\"async\" src=\"\/nyheder\/wp-content\/uploads\/Quiz-billede\/quiz-logo.png\" \n         alt=\"Quiz Logo\" \n         style=\"max-width:200px; opacity:0.9;\">\n<\/div>\n\t\n<\/div>\n\n<script>\n\n\/\/ \ud83d\udd25 Multiple choice animation\nlet choiceIndex = 0;\nsetInterval(() => {\n    let cards = document.querySelectorAll(\"#demo-choice .demo-card\");\n    cards.forEach(c => c.classList.remove(\"active\"));\n    cards[choiceIndex].classList.add(\"active\");\n\n    choiceIndex = (choiceIndex + 1) % cards.length;\n}, 1200);\n\n\/\/ \ud83d\udd25 Order animation\nlet orderStep = 1;\nsetInterval(() => {\n    let spans = document.querySelectorAll(\"#demo-order span\");\n    spans.forEach(s => s.style.background = \"#fff\");\n\n    if (spans[orderStep-1]) {\n        spans[orderStep-1].style.background = \"#c8102e\";\n        spans[orderStep-1].style.color = \"#fff\";\n    }\n\n    orderStep++;\n    if (orderStep > 4) orderStep = 1;\n\n}, 1000);\n\n\/\/ \ud83d\udd25 Hint animation\nlet hintStep = 1;\nsetInterval(() => {\n    let hints = document.querySelectorAll(\"#demo-hint .demo-hint\");\n\n    if (hints[hintStep]) {\n        hints[hintStep].classList.add(\"open\");\n    }\n\n    hintStep++;\n    if (hintStep > 3) {\n        hints.forEach((h,i)=> h.classList.toggle(\"open\", i===0));\n        hintStep = 1;\n    }\n\n}, 1500);\n\t\n\t\/\/ \ud83d\udd25 Survival timer animation\nlet survTimer = 0;\nsetInterval(() => {\n    let items = document.querySelectorAll(\"#demo-survival-timer .demo-hint\");\n\n    items.forEach(i => i.classList.remove(\"open\"));\n    items[survTimer].classList.add(\"open\");\n\n    survTimer = (survTimer + 1) % items.length;\n}, 1200);\n\n\n\/\/ \ud83d\udd25 Survival lifelines animation\nlet survLife = 0;\nsetInterval(() => {\n    let items = document.querySelectorAll(\"#demo-survival-life .demo-hint\");\n\n    items.forEach(i => i.classList.remove(\"open\"));\n    items[survLife].classList.add(\"open\");\n\n    survLife = (survLife + 1) % items.length;\n}, 1400);\n\n\n\/\/ \ud83d\udd25 Boss animation\nlet survBoss = 0;\nsetInterval(() => {\n    let items = document.querySelectorAll(\"#demo-survival-boss .demo-hint\");\n\n    items.forEach(i => i.classList.remove(\"open\"));\n    items[survBoss].classList.add(\"open\");\n\n    survBoss = (survBoss + 1) % items.length;\n}, 1600);\n\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","inline_featured_image":false,"footnotes":""},"class_list":["post-3187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/pages\/3187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/comments?post=3187"}],"version-history":[{"count":6,"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/pages\/3187\/revisions"}],"predecessor-version":[{"id":3285,"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/pages\/3187\/revisions\/3285"}],"wp:attachment":[{"href":"https:\/\/www.sif4ever.dk\/nyheder\/wp-json\/wp\/v2\/media?parent=3187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}