{"id":410,"date":"2025-09-16T17:47:34","date_gmt":"2025-09-16T15:47:34","guid":{"rendered":"https:\/\/duppixo.com\/?page_id=410"},"modified":"2026-03-31T01:35:04","modified_gmt":"2026-03-30T23:35:04","slug":"hem","status":"publish","type":"page","link":"https:\/\/duppixo.com\/en\/","title":{"rendered":"Hem"},"content":{"rendered":"\n<div class=\"gb-element-1d7a8af6\">\n<span class=\"gb-shape--divider gb-shape gb-shape-ca33a387\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 360\" preserveAspectRatio=\"none\"><path d=\"M1200 360H0V0l1200 348z\"><\/path><\/svg><\/span>\n\n\n\n<span class=\"gb-shape--divider gb-shape gb-shape-70427d07\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 360\" preserveAspectRatio=\"none\"><path d=\"M1200 360H0V0l1200 348z\"><\/path><\/svg><\/span>\n\n\n\n<div class=\"\">\n<div class=\"gb-element-d01919d5\">\n<div class=\"gb-element-a7357c5a\">\n<div class=\"gb-element-43f91fb0\">\n<div class=\"gb-element-bf6ba7f3\">\n<div class=\"gb-element-4e08bdb2\">\n<h1 class=\"gb-text gb-text-cc261ce8\">Fr\u00e5n bild till ber\u00e4ttelse <br>p\u00e5 5 minuter<\/h1>\n<\/div>\n<\/div>\n\n\n\n<p class=\"gb-text gb-text-ddf40ad3\">F\u00e4rdiga bildbaserade lektioner varje dag, redo att anv\u00e4nda direkt i klassrummet<\/p>\n\n\n\n<div class=\"gb-element-e72ff630\">\n<img decoding=\"async\" width=\"2000\" height=\"493\" loading=\"lazy\" class=\"gb-media-9c7d8785\" alt=\"\" title=\"Bra bild\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild.png\" srcset=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild.png 2000w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-600x148.png 600w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-300x74.png 300w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-1024x252.png 1024w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-768x189.png 768w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-1536x379.png 1536w, https:\/\/duppixo.com\/wp-content\/uploads\/2026\/03\/Bra-bild-18x4.png 18w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/>\n<\/div>\n\n\n\n<div class=\"gb-element-d588d528\">\n<a class=\"gb-text gb-text-d283b1d6\" href=\"https:\/\/duppixo.com\/duppixo-verktyg\/\"><strong>Till skrivgl\u00e4djen<\/strong><\/a>\n<\/div>\n\n\n\n<div class=\"gb-element-e7445c05\">\n<p class=\"gb-text gb-text-03e5be62\">Det \u00e4r gratis!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-1251a8ee\">\n<div class=\"gb-element-00029f4f\">\n<div class=\"gb-element-b8facdac\">\n<div class=\"gb-element-db75fb63\">\n<span class=\"gb-shape gb-shape-0ee2e62f\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#d7d7d7\" class=\"size-6\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"><\/path>\n<\/svg>\n<\/span>\n\n\n\n<p class=\"gb-text gb-text-e184c51f\">Varje dag sl\u00e4pps en ny bild<\/p>\n\n\n\n<p class=\"gb-text gb-text-06d17935\">Till denna kommer en ber\u00e4ttelse, l\u00e4sf\u00f6rst\u00e5else, fr\u00e5gor och startmeningar.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-1134fdd3\">\n<div class=\"gb-element-ffc8a9d1\">\n<span class=\"gb-shape gb-shape-ee7b3388\"><svg class=\"size-6\" stroke=\"#d7d7d7\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" stroke-linejoin=\"round\" stroke-linecap=\"round\"><\/path>\n<\/svg>\n<\/span>\n\n\n\n<p class=\"gb-text gb-text-a9764887\">Spara timmar av planering<\/p>\n\n\n\n<p class=\"gb-text gb-text-06e218fc\">Redo direkt, spara timmar av planering varje vecka och f\u00e5 variation i din undervisning.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-808e4445\">\n<div class=\"gb-element-08751801\">\n<span class=\"gb-shape gb-shape-875fc46a\"><svg class=\"size-6\" stroke=\"#d7d7d7\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18\" stroke-linejoin=\"round\" stroke-linecap=\"round\"><\/path>\n<\/svg>\n\n<\/span>\n\n\n\n<p class=\"gb-text gb-text-3117e9df\">S\u00e4g hejd\u00e5 till skrivkramp<\/p>\n\n\n\n<p class=\"gb-text gb-text-b174d07a\">Tydliga startmeningar och roliga bilder, perfekt f\u00f6r den som fastnat.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-4a834fbd\">\n<div class=\"gb-element-22fdd9cd\">  \n  \n  <div class=\"\n    mailpoet_form_popup_overlay\n      \"><\/div>\n  <div\n    id=\"mailpoet_form_1\"\n    class=\"\n      mailpoet_form\n      mailpoet_form_html\n      mailpoet_form_position_\n      mailpoet_form_animation_\n    \"\n      >\n\n    <style type=\"text\/css\">\n     #mailpoet_form_1 .mailpoet_form {  }\n#mailpoet_form_1 form { margin-bottom: 0; }\n#mailpoet_form_1 p.mailpoet_form_paragraph.last { margin-bottom: 10px; }\n#mailpoet_form_1 .mailpoet_column_with_background { padding: 10px; }\n#mailpoet_form_1 .mailpoet_form_column:not(:first-child) { margin-left: 20px; }\n#mailpoet_form_1 .mailpoet_paragraph { line-height: 20px; margin-bottom: 20px; }\n#mailpoet_form_1 .mailpoet_segment_label, #mailpoet_form_1 .mailpoet_text_label, #mailpoet_form_1 .mailpoet_textarea_label, #mailpoet_form_1 .mailpoet_select_label, #mailpoet_form_1 .mailpoet_radio_label, #mailpoet_form_1 .mailpoet_checkbox_label, #mailpoet_form_1 .mailpoet_list_label, #mailpoet_form_1 .mailpoet_date_label { display: block; font-weight: normal; }\n#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea, #mailpoet_form_1 .mailpoet_select, #mailpoet_form_1 .mailpoet_date_month, #mailpoet_form_1 .mailpoet_date_day, #mailpoet_form_1 .mailpoet_date_year, #mailpoet_form_1 .mailpoet_date { display: block; }\n#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea { width: 200px; }\n#mailpoet_form_1 .mailpoet_checkbox {  }\n#mailpoet_form_1 .mailpoet_submit {  }\n#mailpoet_form_1 .mailpoet_divider {  }\n#mailpoet_form_1 .mailpoet_message {  }\n#mailpoet_form_1 .mailpoet_form_loading { width: 30px; text-align: center; line-height: normal; }\n#mailpoet_form_1 .mailpoet_form_loading > span { width: 5px; height: 5px; background-color: #5b5b5b; }#mailpoet_form_1{border: 2px solid #000000;border-radius: 20px;text-align: left;}#mailpoet_form_1 form.mailpoet_form {padding: 20px;}#mailpoet_form_1{width: 100%;}#mailpoet_form_1 .mailpoet_message {margin: 0; padding: 0 20px;}\n        #mailpoet_form_1 .mailpoet_validate_success {color: #00d084}\n        #mailpoet_form_1 input.parsley-success {color: #00d084}\n        #mailpoet_form_1 select.parsley-success {color: #00d084}\n        #mailpoet_form_1 textarea.parsley-success {color: #00d084}\n      \n        #mailpoet_form_1 .mailpoet_validate_error {color: #cf2e2e}\n        #mailpoet_form_1 input.parsley-error {color: #cf2e2e}\n        #mailpoet_form_1 select.parsley-error {color: #cf2e2e}\n        #mailpoet_form_1 textarea.textarea.parsley-error {color: #cf2e2e}\n        #mailpoet_form_1 .parsley-errors-list {color: #cf2e2e}\n        #mailpoet_form_1 .parsley-required {color: #cf2e2e}\n        #mailpoet_form_1 .parsley-custom-error-message {color: #cf2e2e}\n      #mailpoet_form_1 .mailpoet_paragraph.last {margin-bottom: 0} @media (max-width: 500px) {#mailpoet_form_1 {background-image: none;}} @media (min-width: 500px) {#mailpoet_form_1 .last .mailpoet_paragraph:last-child {margin-bottom: 0}}  @media (max-width: 500px) {#mailpoet_form_1 .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {margin-bottom: 0}} \n    <\/style>\n\n    <form\n      target=\"_self\"\n      method=\"post\"\n      action=\"https:\/\/duppixo.com\/wp-admin\/admin-post.php?action=mailpoet_subscription_form\"\n      class=\"mailpoet_form mailpoet_form_form mailpoet_form_html\"\n      novalidate\n      data-delay=\"\"\n      data-exit-intent-enabled=\"\"\n      data-trigger-mode=\"\"\n      data-click-trigger-selector=\"\"\n      data-font-family=\"\"\n      data-cookie-expiration-time=\"\"\n    >\n      <input type=\"hidden\" name=\"data[form_id]\" value=\"1\" \/>\n      <input type=\"hidden\" name=\"token\" value=\"b75e2f44f7\" \/>\n      <input type=\"hidden\" name=\"api_version\" value=\"v1\" \/>\n      <input type=\"hidden\" name=\"endpoint\" value=\"subscribers\" \/>\n      <input type=\"hidden\" name=\"mailpoet_method\" value=\"subscribe\" \/>\n\n      <label class=\"mailpoet_hp_email_label\" style=\"display: none !important;\">Please leave this field empty<input type=\"email\" name=\"data[email]\"\/><\/label><div class='mailpoet_form_columns_container'><div class=\"mailpoet_form_columns mailpoet_paragraph mailpoet_stack_on_mobile\"><div class=\"mailpoet_form_column\" style=\"flex-basis:100%;\"><h1 class=\"mailpoet-heading  mailpoet-has-font-size\" style=\"text-align: center; color: #000000; font-size: 40px; line-height: 1.4\">Vill du h\u00f6ra mer fr\u00e5n oss?<\/h1>\n<\/div>\n<\/div><\/div>\n<p class=\"mailpoet_form_paragraph  mailpoet-has-font-size\" style=\"text-align: center; color: #000000; font-size: 20px; line-height: 1.5\">G\u00e5 med i v\u00e5rt nyhetsbrev och f\u00e5 de senaste <strong>nyheterna<\/strong> samt <strong>gratis lektionsmaterial<\/strong> fr\u00e5n Duppixo! <\/p>\n<div class='mailpoet_form_columns_container'><div class=\"mailpoet_form_columns mailpoet_paragraph mailpoet_stack_on_mobile\"><div class=\"mailpoet_form_column\" style=\"flex-basis:50%;\"><div class=\"mailpoet_paragraph \"><input type=\"email\" autocomplete=\"email\" class=\"mailpoet_text\" id=\"form_email_1\" name=\"data[form_field_OThmN2ZlNTRlNDkwX2VtYWls]\" title=\"Email Address\" value=\"\" style=\"width:100%;box-sizing:border-box;background-color:#ffffff;border-style:solid;border-radius:0px !important;border-width:1px;border-color:#313131;padding:16px;margin: 0 auto 0 0;font-family:&#039;Arial&#039;;font-size:16px;line-height:1.5;height:auto;\" data-automation-id=\"form_email\"  placeholder=\"Email Address *\" aria-label=\"Email Address *\" data-parsley-errors-container=\".mailpoet_error_3gns7\" data-parsley-required=\"true\" required aria-required=\"true\" data-parsley-minlength=\"6\" data-parsley-maxlength=\"150\" data-parsley-type-message=\"This value should be a valid email.\" data-parsley-required-message=\"This field is required.\"\/><span class=\"mailpoet_error_3gns7\"><\/span><\/div>\n<\/div>\n<div class=\"mailpoet_form_column\" style=\"flex-basis:50%;\"><div class=\"mailpoet_paragraph \"><input type=\"submit\" class=\"mailpoet_submit\" value=\"G\u00c5 MED\" data-automation-id=\"subscribe-submit-button\" data-font-family='Montserrat' style=\"width:100%;box-sizing:border-box;background-color:#f9b17a;border-style:solid;border-radius:2px !important;border-width:0px;border-color:#313131;padding:15px;margin: 0 auto 0 0;font-family:&#039;Montserrat&#039;;font-size:20px;line-height:1.5;height:auto;color:#000000;font-weight:bold;\" \/><span class=\"mailpoet_form_loading\"><span class=\"mailpoet_bounce1\"><\/span><span class=\"mailpoet_bounce2\"><\/span><span class=\"mailpoet_bounce3\"><\/span><\/span><\/div>\n<\/div>\n<\/div><\/div>\n<p class=\"mailpoet_form_paragraph \" style=\"text-align: left; line-height: 1.5\"><em>Vi spammar ej! L\u00e4s v\u00e5r <a href=\"https:\/\/duppixo.com\/integritetspolicy\/\" target=\"_blank\">integritetspolicy<\/a> f\u00f6r mer info.<\/em><\/p>\n\n      <div class=\"mailpoet_message\">\n        <p class=\"mailpoet_validate_success\"\n                style=\"display:none;\"\n                >V\u00e4lkommen till Duppixos nyhetsbrev!\n        <\/p>\n        <p class=\"mailpoet_validate_error\"\n                style=\"display:none;\"\n                >        <\/p>\n      <\/div>\n    <\/form>\n\n      <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-6109356b\">\n<div class=\"gb-element-6cf9de23\">\n<h2 class=\"gb-text gb-text-84bca6fe\"><strong>S\u00e5 fungerar Duppixo<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"gb-element-5fd9f10b\">\n<div class=\"gb-element-f1f34b91\">\n<div class=\"gb-element-d0007d3d\">\n<div class=\"gb-element-b0750e68\">\n<p class=\"gb-text gb-text-8a98f712\"><strong>Duppixo \u00e4r ett st\u00f6d , inte en f\u00e4rdig mall du m\u00e5ste f\u00f6lja.<\/strong><br>Du v\u00e4ljer sj\u00e4lv hur du anv\u00e4nder uppgiften i klassrummet, beroende p\u00e5 dina elever och ditt uppl\u00e4gg. Materialet kan anpassas, kombineras eller anv\u00e4ndas i delar. Det viktiga \u00e4r att ge eleverna en bra start i sitt skrivande.<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-4329f05c\">\n<div class=\"gb-element-89acaec1\">\n<div class=\"gb-element-5555013a\">\n<section style=\"padding:40px 20px; font-family:Inter, sans-serif;\">\n  <div style=\"max-width: 1100px; margin:0 auto;\">\n   \n    <div class=\"duppixo-container\">\n\n      <!-- STEG -->\n      <div class=\"duppixo-steps\">\n        <button class=\"duppixo-step active\" data-step=\"0\">1. L\u00e4s ber\u00e4ttelsen<\/button>\n        <button class=\"duppixo-step\" data-step=\"1\">2. F\u00f6rst\u00e5 texten<\/button>\n        <button class=\"duppixo-step\" data-step=\"2\">3. Diskutera tillsammans<\/button>\n        <button class=\"duppixo-step\" data-step=\"3\">4. Skriv din egen text<\/button>\n      <\/div>\n\n      <!-- CARD -->\n      <div class=\"duppixo-card\">\n\n        <!-- HEADER -->\n        <div class=\"duppixo-card-header\">\n          <span id=\"duppixo-label\">Steg 1 \u2014 L\u00e4s<\/span>\n        <\/div>\n\n        <!-- BODY -->\n        <div class=\"duppixo-card-body\">\n\n          <!-- TEXT -->\n          <div class=\"duppixo-card-text\">\n            <h3 id=\"duppixo-title\">Ber\u00e4ttelse<\/h3>\n\n            <div id=\"duppixo-content\">\n              <p>P\u00e5 en solig kulle d\u00e4r gr\u00e4set glittrade i ljuset stod en liten elev med sin speciella ryggs\u00e4ck. Ur ryggs\u00e4cken vecklade sig mjuka vingar som skimrade i guld mot den klarbl\u00e5 himlen. Sm\u00e5 fj\u00e4rilar fladdrade runt som om de ocks\u00e5 gick i flygskola.<\/p>\n<p>Den lilla eleven hette Zinkari och hade tr\u00e4nat hela v\u00e5ren p\u00e5 att balansera i vinden. Selen satt stadigt \u00f6ver den gula dr\u00e4kten och hj\u00e4rtat bultade av f\u00f6rv\u00e4ntan. I dag skulle Zinkari ta sitt allra f\u00f6rsta riktiga skutt fr\u00e5n kullen och prova sina vingar.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- IMAGE -->\n          <div class=\"duppixo-card-image\">\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Flyglektionen-scaled.webp\" \/>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <style>\n    .duppixo-container {\n      display: grid;\n      grid-template-columns: 250px 1fr;\n      gap: 12px;\n      text-align: left;\n    }\n\n    .duppixo-steps {\n      display: flex;\n      flex-direction: column;\n      gap: 5px;\n      width: 260px;\n    }\n\n    .duppixo-step {\n      text-align: left;\n      padding: 16px 20px;\n      border-radius: 14px;\n      border: none;\n      background: #eef2ff;\n      font-size: 16px;\n      cursor: pointer;\n      font-weight: 600;\n      color: black;\n      transition: all 0.25s ease;\n      width: 250px;\n    }\n\n    .duppixo-step:hover {\n      background: #e1e7fc;\n      color: black;\n    }\n\n    .duppixo-step.active {\n      background: #2D3250;\n      color: white;\n      transform: translateX(8px);\n    }\n\n    .duppixo-card {\n      background: white;\n      border-radius: 20px;\n      box-shadow: 0 15px 40px rgba(0,0,0,0.08);\n      overflow: hidden;\n      width: 600px;\n    }\n\n    .duppixo-card-header {\n      background: #2D3250;\n      padding: 16px 20px;\n      font-weight: 600;\n      color: white;\n      font-size: 14px;\n    }\n\n    .duppixo-card-body {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 10px;\n      padding: 20px;\n      height: 350px;\n      width: 600px;\n    }\n\n    .duppixo-card-text h3 {\n      font-size: 18px;\n      margin-bottom: 10px;\n      font-weight: 600;\n    }\n\n    #duppixo-content p {\n      margin: 6px 0;\n      color: #374151;\n      line-height: 1.5;\n      font-size: 14px;\n      margin-bottom: 15px;\n    }\n\n    .duppixo-card-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      border-radius: 15px;\n    }\n\n    #duppixo-label,\n    .duppixo-card-text h3,\n    #duppixo-content {\n      transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    .fade-out {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n\n    .fade-in {\n      opacity: 1;\n      transform: translateY(0);\n    }\n   \/* tablet *\/\n    @media (max-width: 900px) {\n      .duppixo-container {\n        grid-template-columns: 1fr;\n      }\n\n      .duppixo-steps {\n        flex-direction: row;\n        overflow-x: auto;\n        width: 100%;\n        height: 60px;\n        padding: 10px 0px 0px 0px           \n      }\n    .duppixo-step {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 10px 16px;\n        font-size: 12px;\n      }      \n   .duppixo-step.active {\n       transform: translateY(-5px);      \n      }   \n  \n   .duppixo-card {\n    background: white;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    width: 100%;\n    \n     }\n      .duppixo-card-body {\n        grid-template-columns: 1fr;\n        width: 100%;\n        heigth: auto;\n        display: inline-table;\n      }\n    }\n      \/* Mobil *\/\n    @media (max-width: 600px) {\n      .duppixo-container {\n        grid-template-columns: 1fr;\n      }\n\n      .duppixo-steps {\n        padding: 10px 0px 0px 0px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 8px;\n        width: 100%;\n        height: auto;\n      }\n     .duppixo-step {\n        display: grid;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        width: 100%;\n        font-size: 12px;\n        padding: 12px;\n      }\n      .duppixo-step.active {\n       transform: translateY(0px);      \n      } \n      .duppixo-card-body {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <script>\n    const steps = document.querySelectorAll('.duppixo-step');\n    const content = document.getElementById('duppixo-content');\n    const title = document.getElementById('duppixo-title');\n    const label = document.getElementById('duppixo-label');\n\n    const data = [\n      {\n        label: \"Steg 1 \u2014 L\u00e4s\",\n        title: \"Ber\u00e4ttelse\",\n        text: [\n          \"P\u00e5 en solig kulle d\u00e4r gr\u00e4set glittrade i ljuset stod en liten elev med sin speciella ryggs\u00e4ck. Ur ryggs\u00e4cken vecklade sig mjuka vingar som skimrade i guld mot den klarbl\u00e5 himlen. Sm\u00e5 fj\u00e4rilar fladdrade runt som om de ocks\u00e5 gick i flygskola.\",\n\"Den lilla eleven hette Zinkari och hade tr\u00e4nat hela v\u00e5ren p\u00e5 att balansera i vinden. Selen satt stadigt \u00f6ver den gula dr\u00e4kten och hj\u00e4rtat bultade av f\u00f6rv\u00e4ntan. I dag skulle Zinkari ta sitt allra f\u00f6rsta riktiga skutt fr\u00e5n kullen och prova sina vingar.\"\n        ]\n      },\n      {\n        label: \"Steg 2 \u2014 F\u00f6rst\u00e5\",\n        title: \"L\u00e4sf\u00f6rst\u00e5else\",\n        text: [\n          \"Var stod Zinkari n\u00e4r ber\u00e4ttelsen b\u00f6rjar?\",\n          \"Vad hade Zinkari p\u00e5 ryggen?\",\n          \"Varf\u00f6r tror du att fj\u00e4rilarna fladdrade runt Zinkari?\",\n          \"Vad kan h\u00e4nda n\u00e4r Zinkari tar sitt f\u00f6rsta skutt?\"\n        ]\n      },\n      {\n        label: \"Steg 3 \u2014 Diskutera\",\n        title: \"Diskussion\",\n        text: [\n          \"Hur skulle det k\u00e4nnas att g\u00e5 i en flygskola?\",\n          \"Varf\u00f6r \u00e4r det viktigt att v\u00e5ga prova n\u00e5got nytt?\",\n          \"Vad tror du att man beh\u00f6ver l\u00e4ra sig f\u00f6r att kunna flyga s\u00e4kert?\"\n        ]\n      },\n      {\n        label: \"Steg 4 \u2014 Skriv\",\n        title: \"B\u00f6rja skriva\",\n        text: [\n          \"Det var dags att hoppa...\",\n          \"Vingarna darrade lite...\",\n          \"N\u00e4r vinden tog tag i bl\u00e5ste, visste Zinkari att \u00f6gonblicket var inne....\",\n          \"Zinkari b\u00f6rjade flyga men han tappade taget...\"\n        ]\n      }\n    ];\n\n    let current = 0;\n\n    function update(index) {\n      if (index == current) return;\n\n      \/\/ fade out text only\n      label.classList.add(\"fade-out\");\n      title.classList.add(\"fade-out\");\n      content.classList.add(\"fade-out\");\n\n      setTimeout(() => {\n        label.innerText = data[index].label;\n        title.innerText = data[index].title;\n        content.innerHTML = data[index].text.map(t => `<p>${t}<\/p>`).join(\"\");\n\n        \/\/ fade in\n        label.classList.remove(\"fade-out\");\n        title.classList.remove(\"fade-out\");\n        content.classList.remove(\"fade-out\");\n\n        label.classList.add(\"fade-in\");\n        title.classList.add(\"fade-in\");\n        content.classList.add(\"fade-in\");\n\n        setTimeout(() => {\n          label.classList.remove(\"fade-in\");\n          title.classList.remove(\"fade-in\");\n          content.classList.remove(\"fade-in\");\n        }, 300);\n\n      }, 200);\n\n      current = index;\n    }\n\n    steps.forEach(step => {\n      const index = step.getAttribute('data-step');\n\n      step.addEventListener('click', () => {\n        steps.forEach(s => s.classList.remove('active'));\n        step.classList.add('active');\n        update(index);\n      });\n    });\n  <\/script>\n\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-f0e8ec7a\">\n<div class=\"gb-element-5bf6ad50\">\n<div class=\"gb-element-3aed3306\"><div id=\"metaslider-id-1593\" style=\"width: 100%;\" class=\"ml-slider-3-109-0 metaslider metaslider-flex metaslider-1593 ml-slider has-onhover-arrows has-carousel-mode ms-theme-clarity nav-hidden\" role=\"region\" aria-label=\"Homepage\" data-height=\"300\" data-width=\"500\">\n    <div id=\"metaslider_container_1593\">\n        <div id=\"metaslider_1593\">\n            <ul aria-live='off' class='slides'>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1651 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 15:03:26\" data-filename=\"123123-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/123123-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1651 msDefaultImage\" title=\"123123\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1597 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:17:59\" data-filename=\"Firefly_Gemini-Flash_Redo-the-image-but-change-the-view-outside-the-window-so-its-the-earth-and-space-471521-500x300.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Firefly_Gemini-Flash_Redo-the-image-but-change-the-view-outside-the-window-so-its-the-earth-and-space-471521-500x300.png\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1597 msDefaultImage\" title=\"Firefly_Gemini-Flash_Redo-the-image-but-change-the-view-outside-the-window-so-its-the-earth-and-space-471521\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1652 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 15:03:26\" data-filename=\"Berget-som-gar-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Berget-som-gar-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1652 msDefaultImage\" title=\"Berget som g\u00e5r\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1598 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:17:59\" data-filename=\"Minitrollkarl-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Minitrollkarl-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1598 msDefaultImage\" title=\"Minitrollkarl\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1599 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:17:59\" data-filename=\"Skomalaren-500x300.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Skomalaren-500x300.png\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1599 msDefaultImage\" title=\"Skomalaren\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1611 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:31:58\" data-filename=\"On-a-beach-a-seagull-wears-a-tiny-crown-made-of-driftwood-and-shells.-Other-birds-gather-around-as-if-bowing-to-their-king.-illustration2-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/On-a-beach-a-seagull-wears-a-tiny-crown-made-of-driftwood-and-shells.-Other-birds-gather-around-as-if-bowing-to-their-king.-illustration2-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1611 msDefaultImage\" title=\"On a beach, a seagull wears a tiny crown made of driftwood and shells. Other birds gather around as if bowing to their king. illustration2\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1594 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:17:59\" data-filename=\"Elephant-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Elephant-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1594 msDefaultImage\" title=\"Elephant\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1612 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 14:31:58\" data-filename=\"A-cat-with-fur-made-of-living-fire-standing-on-a-rock.-Sparks-fly-gently-from-its-tail-as-it-sleeps.-illustration-scaled-500x300.jpg\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/A-cat-with-fur-made-of-living-fire-standing-on-a-rock.-Sparks-fly-gently-from-its-tail-as-it-sleeps.-illustration-scaled-500x300.jpg\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1612 msDefaultImage\" title=\"A cat with fur made of living fire, standing on a rock. Sparks fly gently from its tail as it sleeps. illustration\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1653 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 15:03:26\" data-filename=\"Firefly_Gemini-Flash_Keep-everything-and-but-make-the-kid-run-and-wave-after-a-bus-thats-driving-off-in-t-410248-500x300.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Firefly_Gemini-Flash_Keep-everything-and-but-make-the-kid-run-and-wave-after-a-bus-thats-driving-off-in-t-410248-500x300.png\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1653 msDefaultImage\" title=\"Firefly_Gemini Flash_Keep everything and but make the kid run and wave after a bus that&#039;s driving off in t 410248\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-1654 ms-image \" aria-roledescription=\"slide\" data-date=\"2026-02-15 15:03:26\" data-filename=\"Fotgrafen-500x300.png\" data-slide-type=\"image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/duppixo.com\/wp-content\/uploads\/2026\/02\/Fotgrafen-500x300.png\" height=\"300\" width=\"500\" alt=\"\" class=\"slider-1593 slide-1654 msDefaultImage\" title=\"Fotgrafen\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-8814f601\">\n<a class=\"gb-text gb-text-19ee80c1\" href=\"https:\/\/duppixo.com\/duppixo-verktyg\/\"><strong>B\u00f6rja skapa!<\/strong><\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fr\u00e5n bild till ber\u00e4ttelse p\u00e5 5 minuter F\u00e4rdiga bildbaserade lektioner varje dag, redo att anv\u00e4nda direkt i klassrummet Till skrivgl\u00e4djen Det \u00e4r gratis! Varje dag sl\u00e4pps en ny bild Till denna kommer en ber\u00e4ttelse, l\u00e4sf\u00f6rst\u00e5else, fr\u00e5gor och startmeningar. Spara timmar av planering Redo direkt, spara timmar av planering varje vecka och f\u00e5 variation i din &#8230; <a title=\"Hem\" class=\"read-more\" href=\"https:\/\/duppixo.com\/en\/\" aria-label=\"Read more about Hem\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"nf_dc_page":"","pmpro_default_level":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-410","page","type-page","status-publish","pmpro-has-access"],"acf":[],"_links":{"self":[{"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":20,"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":2355,"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/pages\/410\/revisions\/2355"}],"wp:attachment":[{"href":"https:\/\/duppixo.com\/en\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}