{"id":5538,"date":"2016-11-08T10:35:21","date_gmt":"2016-11-08T09:35:21","guid":{"rendered":"http:\/\/paedagonok.evafog.dk\/?page_id=5538"},"modified":"2026-03-22T09:50:20","modified_gmt":"2026-03-22T08:50:20","slug":"blog","status":"publish","type":"page","link":"https:\/\/evafog.dk\/en\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\n<style>\n.ef-intro { margin: 0 0 28px 0; font-family: Rubik, sans-serif; font-size: 16px; line-height: 1.7; color: #555; max-width: 640px; }\n.ef-filter { margin: 0 0 32px 0; }\n.ef-filter a { display: inline-block; margin: 4px 5px 4px 0; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-family: Rubik, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.3px; transition: opacity 0.15s; color: #fff; cursor: pointer; }\n.ef-filter a:hover { opacity: 0.8; text-decoration: none !important; }\n.ef-filter a.active { box-shadow: 0 0 0 3px rgba(0,0,0,0.15); }\n.ef-fa { background: #4A6741; }\n.ef-ff { background: #D72B1F; }\n.ef-fp { background: #1B3A5C; }\n.ef-fr { background: #B07D2E; }\n.ef-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px; margin-top: 8px; min-height: 200px; }\n.ef-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.07); display: flex; flex-direction: column; }\n.ef-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.12); }\n.ef-card a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }\n.ef-img { width: 100%; height: 200px; object-fit: cover; display: block; background: #f0ede8; }\n.ef-noimg { width: 100%; height: 200px; background: #f0ede8; display: flex; align-items: center; justify-content: center; color: #bbb; font-size: 13px; font-family: Rubik, sans-serif; }\n.ef-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }\n.ef-cat { display: inline-block; padding: 3px 10px; border-radius: 20px; font-family: Rubik, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 10px; width: fit-content; }\n.ef-cat.cat-15 { background: #fde8e7; color: #D72B1F; }\n.ef-cat.cat-70 { background: #e6ecf3; color: #1B3A5C; }\n.ef-cat.cat-10 { background: #f5ede0; color: #B07D2E; }\n.ef-title { font-family: Rubik, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.35; color: #111; margin-bottom: 10px; }\n.ef-excerpt { font-family: Open Sans, sans-serif; font-size: 14px; color: #555; line-height: 1.6; flex: 1; }\n.ef-loading { text-align: center; padding: 40px; color: #aaa; font-family: Rubik, sans-serif; grid-column: 1\/-1; }\n.ef-more-wrap { text-align: center; margin-top: 40px; display: none; }\n.ef-more-btn { display: inline-block; padding: 12px 32px; border: 1.5px solid #ccc; border-radius: 4px; font-family: Rubik, sans-serif; font-size: 13px; color: #333; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; background: white; }\n.ef-more-btn:hover { border-color: #4A6741; color: #4A6741; }\n<\/style>\n\n<p class=\"ef-intro\">Jeg har skrevet om b\u00f8rn, teknologi og digitalt liv siden 2012. Her finder du mine indl\u00e6g \u2014 til for\u00e6ldre, til fagfolk og mine egne refleksioner.<\/p>\n\n<div class=\"ef-filter\">\n  <a class=\"ef-fa active\" data-cat=\"\" href=\"#\">Alle<\/a>\n  <a class=\"ef-ff\" data-cat=\"15\" href=\"#\">Til for\u00e6ldre<\/a>\n  <a class=\"ef-fp\" data-cat=\"70\" href=\"#\">Til fagfolk<\/a>\n  <a class=\"ef-fr\" data-cat=\"10\" href=\"#\">Refleksioner<\/a>\n<\/div>\n\n<div class=\"ef-grid\" id=\"ef-grid\"><div class=\"ef-loading\">Indl\u00e6g indl\u00e6ses\u2026<\/div><\/div>\n<div class=\"ef-more-wrap\" id=\"ef-more-wrap\"><button class=\"ef-more-btn\" id=\"ef-more-btn\">Indl\u00e6s flere<\/button><\/div>\n\n<script>\n(function() {\n  var catNames = {15: 'Til for\u00e6ldre', 70: 'Til fagfolk', 10: 'Refleksioner'};\n  var currentCat = '';\n  var currentPage = 1;\n  var perPage = 12;\n  var isLoading = false;\n\n  function fetchPosts(cat, page) {\n    if (isLoading) return;\n    isLoading = true;\n    var base = '\/wp-json\/wp\/v2\/posts?_embed&per_page=' + perPage + '&page=' + page + '&status=publish';\n    if (cat) base += '&categories=' + cat;\n    fetch(base)\n      .then(function(r) {\n        var total = parseInt(r.headers.get('X-WP-TotalPages') || '1');\n        document.getElementById('ef-more-wrap').style.display = (page < total) ? 'block' : 'none';\n        return r.json();\n      })\n      .then(function(posts) {\n        var grid = document.getElementById('ef-grid');\n        if (page === 1) grid.innerHTML = '';\n        if (!posts.length) { grid.innerHTML = '<div class=\"ef-loading\">Ingen indl\u00e6g fundet.<\/div>'; isLoading = false; return; }\n        posts.forEach(function(p) {\n          var cats = (p._embedded && p._embedded['wp:term'] && p._embedded['wp:term'][0]) || [];\n          var mainCat = cats.find(function(c) { return catNames[c.id]; });\n          var catId = mainCat ? mainCat.id : 0;\n          var catLabel = mainCat ? catNames[mainCat.id] : '';\n          var img = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];\n          var imgUrl = img && img.source_url ? img.source_url : '';\n          var sizes = img && img.media_details && img.media_details.sizes;\n          if (sizes && sizes.medium_large) imgUrl = sizes.medium_large.source_url;\n          else if (sizes && sizes.large) imgUrl = sizes.large.source_url;\n          var title = p.title.rendered;\n          var excerpt = p.excerpt.rendered.replace(\/<[^>]+>\/g, '').replace(\/\\[&hellip;\\]\/g, '').substring(0, 120);\n          if (excerpt.length === 120) excerpt += '\u2026';\n          var card = document.createElement('div');\n          card.className = 'ef-card';\n          card.innerHTML = '<a href=\"' + p.link + '\">' +\n            (imgUrl ? '<img decoding=\"async\" class=\"ef-img\" src=\"' + imgUrl + '\" alt=\"\" loading=\"lazy\">' : '<div class=\"ef-noimg\">Intet billede<\/div>') +\n            '<div class=\"ef-body\">' +\n            (catLabel ? '<div class=\"ef-cat cat-' + catId + '\">' + catLabel + '<\/div>' : '') +\n            '<div class=\"ef-title\">' + title + '<\/div>' +\n            '<div class=\"ef-excerpt\">' + excerpt + '<\/div>' +\n            '<\/div><\/a>';\n          grid.appendChild(card);\n        });\n        isLoading = false;\n      })\n      .catch(function() {\n        document.getElementById('ef-grid').innerHTML = '<div class=\"ef-loading\">Kunne ikke hente indl\u00e6g.<\/div>';\n        isLoading = false;\n      });\n  }\n\n  document.querySelectorAll('.ef-filter a').forEach(function(a) {\n    a.addEventListener('click', function(e) {\n      e.preventDefault();\n      document.querySelectorAll('.ef-filter a').forEach(function(x) { x.classList.remove('active'); });\n      a.classList.add('active');\n      currentCat = a.getAttribute('data-cat');\n      currentPage = 1;\n      fetchPosts(currentCat, currentPage);\n    });\n  });\n\n  document.getElementById('ef-more-btn').addEventListener('click', function() {\n    currentPage++;\n    fetchPosts(currentCat, currentPage);\n  });\n\n  fetchPosts('', 1);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Jeg har skrevet om b\u00f8rn, teknologi og digitalt liv siden 2012. Her finder du mine indl\u00e6g \u2014 til for\u00e6ldre, til fagfolk og mine egne refleksioner. Alle Til for\u00e6ldre Til fagfolk Refleksioner Indl\u00e6g indl\u00e6ses\u2026 Indl\u00e6s flere<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5538","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/pages\/5538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/comments?post=5538"}],"version-history":[{"count":21,"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/pages\/5538\/revisions"}],"predecessor-version":[{"id":9161,"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/pages\/5538\/revisions\/9161"}],"wp:attachment":[{"href":"https:\/\/evafog.dk\/en\/wp-json\/wp\/v2\/media?parent=5538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}