{"id":6624,"date":"2026-01-29T11:13:25","date_gmt":"2026-01-29T10:13:25","guid":{"rendered":"https:\/\/nmf.no\/?page_id=6624"},"modified":"2026-02-19T10:55:01","modified_gmt":"2026-02-19T09:55:01","slug":"naturboksen","status":"publish","type":"page","link":"https:\/\/nmf.no\/en\/naturboksen\/","title":{"rendered":"Nature Box"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1769075219551 vc_row-has-fill vc_row-no-padding vc_row-o-full-height vc_row-o-columns-middle vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"spacer\" style=\"--space-sm: 80px;--space-md: 80px;--space-lg: 80px;--space-xl: 80px;\"><\/div>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" \n  id=\"eu-fund-logo\"\n  src=\"https:\/\/nmf.no\/wp-content\/uploads\/2026\/02\/Funded-by-the-European-Union.png\" \n  alt=\"Funded by the European Union\"\n>\n\n<style>\n  \/* Floating image styling *\/\n  #eu-fund-logo {\n    position: fixed;\n    top: 150px;\n    right: 30px;\n    max-width: 150px;\n    height: auto;\n    z-index: 1000;\n    background-color: white;\n    padding: 5px;\n    border-radius: 5px;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n  }\n\n  \/* Mobile adjustments *\/\n  @media (max-width: 600px) {\n    #eu-fund-logo {\n      top: 100px;\n      right: 20px;\n    }\n  }\n<\/style>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"no\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Nature Box \u2013 Spillguide<\/title>\n\n<style>\n\/* ---------------------------\n   CORE VARIABLES\n--------------------------- *\/\n:root {\n  --accent: #3a7ca5;\n  --bg-card: #ffffff;\n  --text-main: #222;\n  --text-muted: #555;\n  --radius: 18px;\n}\n\n\/* ---------------------------\n   CAROUSEL LAYOUT\n--------------------------- *\/\n.naturebox-carousel {\n  max-width: 720px;\n  margin: 3rem auto;\n  position: relative;\n  overflow: hidden;\n}\n\n.naturebox-track {\n  display: flex;\n  transition: transform 0.5s ease;\n  align-items: flex-start; \/* \ud83d\udc48 VIKTIG *\/\n}\n\n\n\/* ---------------------------\n   SLIDES\n--------------------------- *\/\n.guide-slide {\n  min-width: 100%;\n  background: var(--bg-card);\n  border-radius: var(--radius);\n  box-shadow: 0 8px 30px rgba(0,0,0,0.12);\n  padding: 2rem 2.2rem 2.4rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.2rem;\n}\n\n\/* Optional image *\/\n.guide-slide img {\n  width: 100%;\n  max-height: 260px;\n  object-fit: cover;\n  border-radius: 14px;\n}\n\n\/* ---------------------------\n   TYPOGRAPHY\n--------------------------- *\/\n.guide-slide h2 {\n  font-family: 'Literata', serif;\n  font-size: 1.9rem;\n  color: var(--accent);\n  text-align: center;\n}\n\n.guide-slide h3 {\n  font-family: 'Inter', sans-serif;\n  font-size: 1.2rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--accent);\n  text-align: center;\n}\n\n.guide-slide p {\n  font-family: 'Inter', sans-serif;\n  line-height: 1.7;\n  color: var(--text-main);\n  text-align: center;\n}\n\n.guide-slide .muted {\n  color: var(--text-muted);\n  font-size: 0.95rem;\n}\n\n\/* ---------------------------\n   STEP BADGE\n--------------------------- *\/\n.step-badge {\n  align-self: center;\n  background: rgba(58,124,165,0.12);\n  color: var(--accent);\n  font-weight: 700;\n  padding: 0.35rem 0.9rem;\n  border-radius: 999px;\n  font-size: 0.85rem;\n}\n\n\/* ---------------------------\n   NAVIGATION\n--------------------------- *\/\n\/* ---------------------------\n   Navigation buttons - Desktop\n--------------------------- *\/\n.carousel-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(58,124,165,0.75);\n  border: none;\n  color: #fff;\n  font-size: 2rem;\n  padding: 0.3rem 0.75rem;\n  cursor: pointer;\n  border-radius: 50%;\n  z-index: 5;\n}\n\n.carousel-btn.prev { left: 1px; }   \/* slightly outside the carousel *\/\n.carousel-btn.next { right: 1px; }  \/* slightly outside the carousel *\/\n\n\/* Hide carousel buttons on mobile *\/\n@media screen and (max-width: 767px) {\n  .carousel-btn {\n    display: none;\n  }\n}\n\n\n\/* ---------------------------\n   PROGRESS DOTS\n--------------------------- *\/\n.dots {\n  display: flex;\n  justify-content: center;\n  gap: 0.5rem;\n  margin-top: 1rem;\n}\n\n.dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.dot.active {\n  background: var(--accent);\n}\n\n.download-btn {\n  align-self: center;\n  margin-top: 1rem;\n  padding: 0.7rem 1.8rem;\n  border-radius: 10px;\n  background: var(--accent);\n  color: #fff;\n  text-decoration: none;\n  font-weight: 600;\n  font-family: 'Inter', sans-serif;\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n\n.download-btn:hover {\n  background: #2f6a8e;\n  transform: translateY(-1px);\n}\n\n.download-group {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n\/* behold eksisterende knappestil *\/\n.download-group .download-btn {\n  margin-top: 1rem;\n}\n\n.naturebox-track {\n  touch-action: pan-y;\n}\n\n\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"naturebox-carousel\">\n\n  <div class=\"naturebox-track\">\n\n    <!-- SLIDE 1 -->\n    <div class=\"guide-slide\">\n      <h3>Naturboksen<\/h3>\n      <h2>En utforskende opplevelse<\/h2>\n      <p>\n        Gratulerer! Du er n\u00e5 klar til \u00e5 utforske ditt lokale milj\u00f8 gjennom Naturboks-opplevelsen \u2013\n        et kreativt og vitenskapsbasert spill utviklet av\n        <strong>Norges Milj\u00f8vernforbund<\/strong> og <strong>Association Funamboli \u2013 ReMida Bologna<\/strong>.\n      <\/p>\n      <p class=\"muted\">\n        L\u00e6r om natur, arter og plastforurensning p\u00e5 en praktisk og engasjerende m\u00e5te.\n        <br><br>\n        Spillh\u00e5ndbok og identitetskort kan lastes ned p\u00e5 siste slide.\n      <\/p>\n    <\/div>\n\n    <!-- SLIDE 2: Hva er Nature Box -->\n<div class=\"guide-slide\">\n  <h3>Hva er dette?<\/h3>\n\n  <p>\n    Naturboksen er ikke et vanlig spill med riktige eller gale svar.\n    Det er en utforskende l\u00e6ringsopplevelse der du bruker sansene,\n    nysgjerrigheten og vitenskapelig tenkning for \u00e5 forst\u00e5 naturen rundt deg.\n  <\/p>\n\n  <p class=\"muted\">\n    Gjennom tre enkle steg g\u00e5r dere fra \u00e5 observere verden slik den er,\n    til \u00e5 forst\u00e5 hvordan natur og menneskelig p\u00e5virkning henger sammen \u2013\n    og hva vi selv kan gj\u00f8re for \u00e5 ta bedre vare p\u00e5 den.\n  <\/p>\n<\/div>\n\n<!-- SLIDE: Slik fungerer spillet -->\n<div class=\"guide-slide\">\n  <h3>Slik gj\u00f8r dere det<\/h3>\n\n  <p>\n    Naturboksen best\u00e5r av en enkel, fysisk arbeidsprosess\n    der dere bygger, utforsker og dokumenterer funn fra n\u00e6rmilj\u00f8et.\n  <\/p>\n\n  <p class=\"muted\">\n    F\u00f8rst lager dere Naturboksen \u2013 en boks som skal inneholde alt dere\n    samler inn og arbeider med. Deretter g\u00e5r dere ut i n\u00e6romr\u00e5det og\n    unders\u00f8ker naturen rundt dere.\n  <\/p>\n\n  <p class=\"muted\">\n    Naturlige elementer og menneskeskapte gjenstander samles inn,\n    fotograferes eller tegnes. Hvert funn dokumenteres ved hjelp av\n    identitetskort, slik at observasjoner, egenskaper og kunnskap\n    blir samlet p\u00e5 ett sted.\n  <\/p>\n\n<\/div>\n\n\n    <!-- SLIDE 2 -->\n    <div class=\"guide-slide\">\n      <span class=\"step-badge\">Forberedelser<\/span>\n      <h2>Naturboksen<\/h2>\n      <p>\n        Naturboksen kan bygges selv av tre\/papp eller v\u00e6re en brukt boks, koffert eller beholder.\n      <\/p>\n      <p class=\"muted\">\n        Anbefalte dimensjoner: ca. 40\u201348 cm lang, 24\u201330 cm bred, 15\u201319 cm dyp.\n      <\/p>\n      <p class=\"muted\">\n        Disse dimensjonene er bare forslag vi tror vil gi deg den beste Natureeske-opplevelsen. \n      <\/p>\n    <\/div>\n\n<!-- SLIDE: Forberedelser \u2013 Identitetskort -->\n<div class=\"guide-slide\">\n  <span class=\"step-badge\">Forberedelser<\/span>\n  <h2>Identitetskort<\/h2>\n\n  <p>\n    Identitetskortene brukes til \u00e5 dokumentere funnene deres p\u00e5 en enkel og\n    strukturert m\u00e5te \u2013 b\u00e5de for naturlige elementer og plast.\n  <\/p>\n\n  <p class=\"muted\">\n    Hvert funn f\u00e5r sitt eget kort, der dere noterer observasjoner,\n    egenskaper, opprinnelse og eventuell p\u00e5virkning p\u00e5 natur og dyr.\n  <\/p>\n<\/div>\n\n\n    <!-- SLIDE 3 -->\n    <div class=\"guide-slide\">\n      <span class=\"step-badge\">Instruksjoner<\/span>\n      <h2>Bli en Utforsker<\/h2>\n      <p>\n        G\u00e5 ut i n\u00e6romr\u00e5det og samle naturlige og kunstige elementer.\n        Du kan ta med faktiske funn \u2013 eller dokumentere dem med foto eller tegning.\n      <\/p>\n      <p class=\"muted\">\n        Utforsk alene, i par eller grupper. Anbefalt tid: 15\u201320 minutter.\n      <\/p>\n    <\/div>\n\n    <!-- SLIDE 4 -->\n    <div class=\"guide-slide\">\n      <span class=\"step-badge\">Instruksjoner<\/span>\n      <h2>Bli en Forsker<\/h2>\n      <p>\n        Sorter funnene i <strong>naturlige<\/strong> og <strong>kunstige<\/strong> elementer.\n        Velg ett objekt av gangen og lag et identitetskort.\n      <\/p>\n      <p class=\"muted\">\n        Bruk b\u00f8ker, apper og nettressurser for \u00e5 finne korrekt informasjon.\n      <\/p>\n    <\/div>\n\n    <!-- SLIDE 5 -->\n    <div class=\"guide-slide\">\n      <span class=\"step-badge\">Instruksjoner<\/span>\n      <h2>Skap forbindelsen<\/h2>\n      <p>\n        Hvordan kan vi forhindre plastforurensning og d\u00e5rlig avfallsh\u00e5ndtering?\n      <\/p>\n      <p class=\"muted\">\n        Bruk identitetskortene til \u00e5 koble natur og plast \u2013 og diskuter l\u00f8sninger sammen.\n      <\/p>\n    <\/div>\n\n    <!-- SLIDE 6 -->\n    <div class=\"guide-slide\">\n      <h2>Del & inspirer<\/h2>\n      <p>\n        Still ut Naturboksen og klassens plakat p\u00e5 skolen.\n        Del bilder og refleksjoner \u2013 og la andre bli inspirert av deres utforskning.\n      <\/p>\n      <p class=\"muted\">\n        Naturvern starter med nysgjerrighet \ud83c\udf31\n      <\/p>\n\n<div class=\"download-group\">\n  <a href=\"https:\/\/nmf.no\/wp-content\/uploads\/2026\/02\/NatureBox-spillhandbok.pdf\" class=\"download-btn\" target=\"_blank\" rel=\"noopener noreferrer\" download>Last ned spillh\u00e5ndboken<\/a>\n  <a href=\"https:\/\/nmf.no\/wp-content\/uploads\/2026\/01\/idkort.pdf\" class=\"download-btn\" target=\"_blank\" rel=\"noopener noreferrer\" download>Last ned identitetskort<\/a>\n<\/div>\n\n    <\/div>\n\n  <\/div>\n\n<div class=\"mobile-nav\">\n  <button class=\"carousel-btn prev\">&#10094;<\/button>\n  <button class=\"carousel-btn next\">&#10095;<\/button>\n<\/div>\n\n  <div class=\"dots\"><\/div>\n<\/section>\n\n<script>\nconst track = document.querySelector('.naturebox-track');\nconst slides = Array.from(track.children);\nconst prevBtn = document.querySelector('.carousel-btn.prev');\nconst nextBtn = document.querySelector('.carousel-btn.next');\nconst dotsContainer = document.querySelector('.dots');\n\nlet index = 0;\n\n\/* Create dots *\/\nslides.forEach((_, i) => {\n  const dot = document.createElement('div');\n  dot.classList.add('dot');\n  if (i === 0) dot.classList.add('active');\n  dot.addEventListener('click', () => goToSlide(i));\n  dotsContainer.appendChild(dot);\n});\n\nconst dots = Array.from(dotsContainer.children);\n\nfunction updateCarousel() {\n  track.style.transform = `translateX(-${index * 100}%)`;\n  dots.forEach(d => d.classList.remove('active'));\n  dots[index].classList.add('active');\n}\n\nfunction goToSlide(i) {\n  index = i;\n  updateCarousel();\n}\n\nnextBtn.onclick = () => {\n  index = (index + 1) % slides.length;\n  updateCarousel();\n};\n\nprevBtn.onclick = () => {\n  index = (index - 1 + slides.length) % slides.length;\n  updateCarousel();\n};\n\nlet startX = 0;\nlet currentX = 0;\nlet isDragging = false;\n\ntrack.addEventListener('touchstart', (e) => {\n  startX = e.touches[0].clientX;\n  isDragging = true;\n}, { passive: true });\n\ntrack.addEventListener('touchmove', (e) => {\n  if (!isDragging) return;\n  currentX = e.touches[0].clientX;\n}, { passive: true });\n\ntrack.addEventListener('touchend', () => {\n  if (!isDragging) return;\n\n  const diff = startX - currentX;\n  const threshold = 50; \/\/ swipe distance needed\n\n  if (diff > threshold) {\n    \/\/ swipe left \u2192 next slide\n    index = (index + 1) % slides.length;\n  } else if (diff < -threshold) {\n    \/\/ swipe right \u2192 previous slide\n    index = (index - 1 + slides.length) % slides.length;\n  }\n\n  updateCarousel();\n  isDragging = false;\n});\n\n\n<\/script>\n\n<\/body>\n<\/html>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary vidiflex-read-more-link\" href=\"https:\/\/nmf.no\/en\/naturboksen\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6624","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/pages\/6624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/comments?post=6624"}],"version-history":[{"count":35,"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/pages\/6624\/revisions"}],"predecessor-version":[{"id":7085,"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/pages\/6624\/revisions\/7085"}],"wp:attachment":[{"href":"https:\/\/nmf.no\/en\/wp-json\/wp\/v2\/media?parent=6624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}