{"id":107,"date":"2025-09-13T06:57:47","date_gmt":"2025-09-13T06:57:47","guid":{"rendered":"https:\/\/itdd.au.dk\/blog-not-found\/?page_id=107"},"modified":"2025-12-03T19:04:12","modified_gmt":"2025-12-03T19:04:12","slug":"home","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/blog-not-found\/","title":{"rendered":"Hjem"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-style-default has-small-font-size is-layout-flow wp-container-core-column-is-layout-27e2cebf wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><form role=\"search\" method=\"get\" action=\"https:\/\/itdd.au.dk\/blog-not-found\/\" style=\"margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;\" class=\"wp-block-search__no-button alignright wp-block-search\"    ><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-1\" >G\u00e5 p\u00e5 opdagelse<\/label><div class=\"wp-block-search__inside-wrapper\"  style=\"width: 100%\"><input class=\"wp-block-search__input has-medium-font-size\" id=\"wp-block-search__input-1\" placeholder=\"S\u00f8g her...\" value=\"\" type=\"search\" name=\"s\" required  style=\"border-radius: 13px\"\/><\/div><\/form><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading\">Et kreativt rum for l\u00e6ring og udvikling!<\/h1>\n\n\n\n<p class=\"is-style-default\">Vi er 4\u00d84 \u2013 en gruppe af fire studerende p\u00e5 IT-Didaktisk Design i Aarhus. Vores navn er inspireret af den klassiske 404-fejl \u2013 siden, der ikke blev fundet \u2013 men her bruger vi det til at lege med id\u00e9en om at skabe noget nyt, eksperimentere og m\u00e5ske fejle undervejs (og l\u00e6re af det).<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/om-404\/\">L\u00e6s mere om os<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/09\/Sol.png\" alt=\"\" class=\"wp-image-123\" srcset=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/09\/Sol.png 1000w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/09\/Sol-300x300.png 300w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/09\/Sol-150x150.png 150w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/09\/Sol-768x768.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><br>Vores rejse handler om meget mere end b\u00f8ger og forel\u00e6sninger \u2013 vi designer, tester og udfordrer id\u00e9er i praksis.<br><br>Her p\u00e5 siden deler vi de indsigter, vi f\u00e5r, n\u00e5r vi arbejder med digital l\u00e6ring og kreative l\u00e6ringsrum.<br>Vi unders\u00f8ger, hvordan teknologi kan \u00e5bne nye m\u00e5der at l\u00e6re p\u00e5, og hvordan mennesker skaber mening i en digital verden.<br><br><strong>Det her er vores laboratorium.<br><\/strong>Et sted, hvor fejl er erfaringer, og hvor vi sammen g\u00f8r l\u00e6ring til noget levende, kreativt og sjovt.<br><br><\/pre>\n\n\n\n<!-- ==== LEGO CTA \u2013 ens hover, korte hints, tydeligt NYT, inaktive gr\u00e5 m. tekst (no JS) ==== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* Layout *\/\n.lego-row{\n  display:flex;justify-content:center;flex-wrap:wrap;\n  gap:28px;margin:40px 0;padding-bottom:36px;\n  overflow:visible !important;scroll-snap-type:none !important;white-space:normal !important;\n}\n.lego-head-container{\n  --lego-bg:#ffcf00;\n  --hint-reserve: 32px; \/* plads til hint inde i kortet *\/\n  position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;\n  padding:20px 20px calc(20px + var(--hint-reserve));\n  border-radius:16px;background:var(--lego-bg);\n  box-shadow:0 8px 20px rgba(0,0,0,.25);text-decoration:none;width:150px;flex:0 0 auto;\n  transition:transform .25s ease, box-shadow .25s ease, filter .15s ease;\n}\n\/* ENS hover for ALLE knapper *\/\n.lego-head-container:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 25px rgba(0,0,0,.35)}\n\n.lego-head{width:100px;height:auto}\n.lego-text{font-family:'Bangers',cursive;font-size:1.6rem;color:#000;letter-spacing:1px;text-align:center;text-shadow:2px 2px #fff}\n\n\/* Hint baseline (inde i kortet) *\/\n.lego-hint{\n  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);\n  font-family:'Bangers',cursive;font-size:1.1rem;color:#fff;line-height:1;\n  text-shadow:0 0 3px rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.8);\n  pointer-events:none;white-space:nowrap;\n}\n\n\/* #1, #2, #3 og #4 har cyklende korte hints *\/\n.first .lego-hint,\n.second .lego-hint,\n.third .lego-hint,\n.fourth .lego-hint{min-height:1.2em}\n.first .lego-hint span,\n.second .lego-hint span,\n.third .lego-hint span,\n.fourth .lego-hint span{\n  position:absolute;left:50%;transform:translateX(-50%);opacity:0;\n  animation:hintCycle 12s linear infinite;\n}\n\n\/* Tider \u2013 de taler p\u00e5 skift, uden overlap (stadig 3 pr. knap) *\/\n.first  .lego-hint span:nth-child(1){animation-delay:0s}\n.first  .lego-hint span:nth-child(2){animation-delay:4s}\n.first  .lego-hint span:nth-child(3){animation-delay:8s}\n\n.second .lego-hint span:nth-child(1){animation-delay:2s}\n.second .lego-hint span:nth-child(2){animation-delay:6s}\n.second .lego-hint span:nth-child(3){animation-delay:10s}\n\n.third  .lego-hint span:nth-child(1){animation-delay:2s}\n.third  .lego-hint span:nth-child(2){animation-delay:6s}\n.third  .lego-hint span:nth-child(3){animation-delay:10s}\n\n.fourth .lego-hint span:nth-child(1){animation-delay:0s}\n.fourth .lego-hint span:nth-child(2){animation-delay:4s}\n.fourth .lego-hint span:nth-child(3){animation-delay:8s}\n\n@keyframes hintCycle{\n  0%{opacity:0;transform:translateX(-50%) translateY(2px)}\n  3%{opacity:1;transform:translateX(-50%) translateY(0)}\n  28%{opacity:1}\n  33%{opacity:0;transform:translateX(-50%) translateY(-3px)}\n  100%{opacity:0}\n}\n\n\/* Tydeligt \u201cNYT\u201d badge p\u00e5 #4 *\/\n.fourth::before{\n  content:\"NYT\";\n  position:absolute;top:8px;right:8px;z-index:2;\n  font-family:'Bangers',cursive;font-size:1rem;letter-spacing:.6px;\n  background:linear-gradient(135deg,#111,#333);\n  color:#fff;padding:6px 10px;border-radius:999px;\n  box-shadow:0 3px 10px rgba(0,0,0,.35), inset 0 -2px 0 rgba(255,255,255,.06);\n  outline:3px solid rgba(255,255,255,.9);\n}\n\n\/* Inaktive starter nu fra #5 (s\u00e5 #4 er aktiv) *\/\n.lego-head-container:nth-child(n+5):hover{\n  filter: grayscale(1) brightness(.9);\n}\n.lego-head-container:nth-child(n+5)::after{\n  content:\"\";\n  position:absolute; left:50%; bottom:10px; transform:translateX(-50%);\n  font-family:'Bangers',cursive; font-size:1.1rem; line-height:1;\n  color:#fff; text-shadow:0 0 3px rgba(0,0,0,.9), 1px 1px 0 rgba(0,0,0,.8);\n  pointer-events:none; white-space:nowrap; opacity:0; transition:opacity .15s;\n}\n.lego-head-container:nth-child(n+5):hover::after{\n  content:\"Her kommer noget...\"; opacity:1;\n}\n\n\/* Mobilforbedringer *\/\n@media (max-width: 480px){\n  .lego-row{gap:32px}\n  .lego-head-container{--hint-reserve: 36px}\n  .lego-text{font-size:1.5rem}\n  .fourth::before{top:6px;right:6px}\n}\n<\/style>\n\n<div class=\"lego-row\">\n  <!-- #1 \u2013 GUL (klassiker) -->\n  <a class=\"lego-head-container first\" style=\"--lego-bg:#ffcf00\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/uge-37-og-38\" target=\"_blank\" rel=\"noopener\" aria-label=\"Uge 37 og 38\">\n    <svg class=\"lego-head\" viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/><\/svg>\n    <div class=\"lego-text\">Uge 37 og 38<\/div>\n    <div class=\"lego-hint\">\n      <span>Klassiker<\/span>\n      <span>Evergreen<\/span>\n      <span>Sandwich<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- #2 \u2013 TURKIS -->\n  <a class=\"lego-head-container second\" style=\"--lego-bg:#00cfcf\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/uge-43\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Uge 43\">\n    <svg class=\"lego-head\" viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/><\/svg>\n    <div class=\"lego-text\">Uge 43<\/div>\n    <div class=\"lego-hint\">\n      <span>Klassiker<\/span>\n      <span>Evergreen<\/span>\n      <span>Kombucha<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- #3 \u2013 LIMEGR\u00d8N -->\n  <a class=\"lego-head-container third\" style=\"--lego-bg:#8eff6c\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/uge-47\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Uge 47\">\n    <svg class=\"lego-head\" viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/><\/svg>\n    <div class=\"lego-text\">Uge 47<\/div>\n    <div class=\"lego-hint\">\n      <span>Klassiker<\/span>\n      <span>Evergreen<\/span>\n      <span>Hav i glas<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- #4 \u2013 LILLA (NU AKTIV, UGE 50, NYT + Dokk1) -->\n  <a class=\"lego-head-container fourth\" style=\"--lego-bg:#b066ff\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/dokken\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Uge 50 p\u00e5 Dokk1\">\n    <svg class=\"lego-head\" viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/><\/svg>\n    <div class=\"lego-text\">Uge 50<\/div>\n    <div class=\"lego-hint\">\n      <span>Nyt!<\/span>\n      <span>Frisk \u2013 kom!<\/span>\n      <span>Dokk1<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- #5 \u2013 KORALR\u00d8D (inaktiv, placeholder) -->\n  <a class=\"lego-head-container\" style=\"--lego-bg:#ff7b7b\" href=\"https:\/\/itdd.au.dk\/blog-not-found\/uge-45-og-46\" target=\"_blank\" rel=\"noopener\" aria-label=\"Uafklaret uge\">\n    <svg class=\"lego-head\" viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/><\/svg>\n    <div class=\"lego-text\">Uge ?<\/div>\n  <\/a>\n<\/div>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-base-background-color has-text-color has-background has-xx-large-font-size is-layout-flow wp-container-core-group-is-layout-044be5b8 wp-block-group-is-layout-flow\" style=\"border-style:none;border-width:0px;color:#ffffff;min-height:0px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<!-- Floating Dark Mode Button (bottom-left) -->\n<button id=\"snarDarkFab\" class=\"snar-dark-fab\" aria-pressed=\"false\" aria-label=\"Dagur \/ N\u00e1tt\">\n  <span class=\"knob\"><\/span>\n<\/button>\n\n<style>\n  \/* Floating dark-mode switch *\/\n  .snar-dark-fab{\n    position: fixed;\n    left: max(16px, env(safe-area-inset-left));\n    bottom: max(16px, env(safe-area-inset-bottom));\n    width: 58px; height: 36px;\n    border-radius: 999px;\n    background: #C1272D;           \/* OFF = red *\/\n    border: 1.5px solid #C1272D;\n    box-shadow: 0 2px 10px rgba(0,0,0,.15);\n    cursor: pointer;\n    display: flex; align-items: center;\n    padding: 0 5px;\n    z-index: 200000;\n    -webkit-tap-highlight-color: transparent;\n    transition: background .18s, border-color .18s;\n  }\n  .snar-dark-fab .knob{\n    width: 26px; height: 26px; border-radius: 50%;\n    background: #fff; border: 1px solid #d6d8e0;\n    box-shadow: 0 2px 7px #25387822;\n    transform: translateX(0);\n    transition: transform .2s cubic-bezier(.6,1.3,.4,1), background .18s;\n  }\n  .snar-dark-fab[aria-pressed=\"true\"]{ background:#2563EB; border-color:#2563EB; } \/* ON = blue *\/\n  .snar-dark-fab[aria-pressed=\"true\"] .knob{ transform: translateX(20px); }\n  .snar-dark-fab:focus-visible{ outline:3px solid rgba(37,99,235,.55); outline-offset:3px; }\n  @media (max-width: 480px){\n    .snar-dark-fab{ width:56px; height:34px; }\n    .snar-dark-fab[aria-pressed=\"true\"] .knob{ transform: translateX(18px); }\n  }\n\n  \/* --- Actual page darkening (works on any site) --- *\/\n  html.dark-mode{\n    color-scheme: dark;                \/* dark scrollbars where supported *\/\n    background: #0b0f19 !important;    \/* base bg *\/\n    filter: invert(1) hue-rotate(180deg);\n  }\n  \/* Keep media looking normal *\/\n  html.dark-mode img,\n  html.dark-mode picture,\n  html.dark-mode video,\n  html.dark-mode svg,\n  html.dark-mode canvas,\n  html.dark-mode iframe{\n    filter: invert(1) hue-rotate(180deg);\n  }\n  \/* Keep the FAB\u2019s own colors stable in dark mode *\/\n  html.dark-mode .snar-dark-fab{ filter: invert(1) hue-rotate(180deg); }\n\n  \/* If a specific element looks wrong (e.g., bg-image), add class=\"no-invert\" to it *\/\n  html.dark-mode .no-invert{ filter: invert(1) hue-rotate(180deg) !important; }\n<\/style>\n\n<script>\n(() => {\n  const STORAGE_KEY = 'snar_darkmode';\n  const fab  = document.getElementById('snarDarkFab');\n  const root = document.documentElement;\n\n  function apply(on){\n    fab.setAttribute('aria-pressed', on);\n    root.classList.toggle('dark-mode', on);\n    try { localStorage.setItem(STORAGE_KEY, on ? '1' : '0'); } catch(e){}\n  }\n\n  \/\/ Init from storage or OS preference\n  const saved = (() => { try { return localStorage.getItem(STORAGE_KEY); } catch(e){ return null; }})();\n  const prefers = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n  apply(saved ? saved === '1' : prefers);\n\n  fab.addEventListener('click', () => {\n    apply(fab.getAttribute('aria-pressed') !== 'true');\n  });\n\n  \/\/ Optional: if you also have the footer toggle (#darkModeToggle), sync states\n  const footBtn = document.getElementById('darkModeToggle');\n  if (footBtn) {\n    footBtn.addEventListener('click', () => {\n      requestAnimationFrame(() => {\n        const on = footBtn.classList.contains('on');\n        apply(on);\n      });\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Et kreativt rum for l\u00e6ring og udvikling! Vi er 4\u00d84 \u2013 en gruppe af fire studerende p\u00e5 IT-Didaktisk Design i Aarhus. Vores navn er inspireret af den klassiske 404-fejl \u2013 siden, der ikke blev fundet \u2013 men her bruger vi det til at lege med id\u00e9en om at skabe noget nyt, eksperimentere og m\u00e5ske fejle [&hellip;]<\/p>\n","protected":false},"author":85,"featured_media":159,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":48,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/107\/revisions\/606"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/media\/159"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}