{"id":16,"date":"2025-11-09T21:04:22","date_gmt":"2025-11-09T21:04:22","guid":{"rendered":"https:\/\/hylledev.dk\/?page_id=16"},"modified":"2025-11-09T21:24:01","modified_gmt":"2025-11-09T21:24:01","slug":"forside","status":"publish","type":"page","link":"https:\/\/hylledev.dk\/","title":{"rendered":"Forside"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c1bea5d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c1bea5d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6634ab0\" data-id=\"6634ab0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09b608d elementor-widget elementor-widget-html\" data-id=\"09b608d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"da\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,viewport-fit=cover\" \/>\n<title>Hylledev \u2014 Digitale v\u00e6rkt\u00f8jer<\/title>\n<meta name=\"description\" content=\"Hylledev er brandhuset for digitale v\u00e6rkt\u00f8jer. Udforsk vores katalog \u2013 bygget til v\u00e6kst, CRO og drift.\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --ink:#0b0f1a; --muted:#667085; --bg:#ffffff; --bg-2:#f7f8fb;\n    --border:#eaeef3; --ring:rgba(15,23,42,.08); --brand:#111111;\n    --radius:18px; --radius-sm:12px; --shadow:0 12px 28px rgba(15,23,42,.08);\n  }\n  *{box-sizing:border-box}\n  html,body{margin:0}\n  body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink);line-height:1.45}\n  a{color:inherit;text-decoration:none}\n  img{max-width:100%;height:auto;display:block}\n\n  \/* ===== Global spacing ===== *\/\n  .container{max-width:1120px;margin:0 auto;padding:16px}\n  @media(min-width:960px){.container{padding:20px}}\n\n  \/* ===== Subtle grid background ===== *\/\n  .grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;\n    background-image:linear-gradient(to right,#f1f4f8 1px,transparent 1px),\n                     linear-gradient(to bottom,#f1f4f8 1px,transparent 1px);\n    background-size:44px 44px,44px 44px}\n\n  \/* ===== Header (mobile-first) ===== *\/\n  .hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);\n       border-bottom:1px solid transparent;backdrop-filter:saturate(140%) blur(6px);\n       transition:box-shadow .2s ease,border-color .2s ease}\n  .hdr.scrolled{box-shadow:var(--shadow);border-color:var(--border)}\n  .hdr-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}\n  .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;font-size:20px}\n  .logo .dot{width:8px;height:8px;border-radius:999px;background:#111}\n  .burger{appearance:none;border:1px solid var(--border);background:#fff;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;cursor:pointer}\n  .burger svg{width:22px;height:22px}\n  .nav{display:none;align-items:center;gap:14px}\n  .nav a{padding:10px 12px;border:1px solid transparent;border-radius:12px;font-weight:600}\n  .nav a:hover{border-color:var(--border);background:#fff}\n  .cta{display:none;gap:10px}\n  .btn{padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700}\n  .btn.primary{background:#111;color:#fff;border-color:#111}\n  .btn:active{transform:translateY(1px)}\n  @media(min-width:960px){\n    .burger{display:none}\n    .nav,.cta{display:flex}\n    .logo{font-size:22px}\n    .hdr-wrap{padding:12px 20px}\n  }\n  \/* Mobile drawer *\/\n  .drawer{position:fixed;inset:0;background:rgba(9,12,20,.36);opacity:0;pointer-events:none;transition:opacity .18s ease}\n  .drawer.open{opacity:1;pointer-events:auto}\n  .panel{position:absolute;top:0;right:0;width:min(92%,380px);height:100%;background:#fbfbfc;border-left:1px solid var(--border);transform:translateX(100%);transition:transform .22s ease}\n  .drawer.open .panel{transform:translateX(0)}\n  .panel-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}\n  .close{appearance:none;border:1px solid var(--border);background:#fff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer}\n  .m-list{display:grid;gap:8px;padding:12px}\n  .m-item{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff;font-weight:600}\n  .panel-cta{padding:12px;display:grid;gap:10px}\n\n  \/* ===== Hero ===== *\/\n  .hero{padding:22px 0 10px;text-align:left}\n  .pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;color:#111}\n  .h1{font-size:28px;line-height:1.1;letter-spacing:-.02em;margin:12px 0 8px}\n  .lead{color:#475467;margin:0 0 12px}\n  .hero-actions{display:flex;gap:10px;flex-wrap:wrap}\n  @media(min-width:720px){.h1{font-size:44px}}\n  @media(min-width:1024px){.h1{font-size:56px}}\n  .brands{display:flex;gap:10px;overflow:auto;padding:12px 0 6px;scroll-snap-type:x mandatory}\n  .brands::-webkit-scrollbar{display:none}\n  .b{scroll-snap-align:start;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;white-space:nowrap;color:#98a2b3;font-weight:600}\n\n  \/* ===== Preview (simple on mobile) ===== *\/\n  .preview{margin:16px 0;background:linear-gradient(180deg,#f6f7fa,#f1f4f9);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}\n  .pv-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);background:#fff}\n  .pv-dot{width:10px;height:10px;border-radius:50%}\n  .pv-dot:nth-child(1){background:#ff5f57}.pv-dot:nth-child(2){background:#febc2e}.pv-dot:nth-child(3){background:#28c840}\n  .pv-body{padding:14px}\n  .chips{display:flex;gap:8px;overflow:auto;padding:2px 0 8px}\n  .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap}\n  .pv-box{border:1px dashed var(--border);border-radius:16px;padding:14px;text-align:center;color:#9aa3ad}\n\n  \/* ===== Tools (cards) ===== *\/\n  .tools{padding:4px 0 40px}\n  .tools-h{display:grid;gap:12px;margin:6px 0 8px}\n  .search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:10px 12px}\n  .search input{border:0;flex:1;outline:0;font:inherit}\n  .filter{display:flex;gap:8px;overflow:auto;padding-bottom:2px}\n  .tag{padding:10px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:700;font-size:13px;white-space:nowrap}\n  .tag.active{background:#111;color:#fff;border-color:#111}\n  .grid{display:grid;grid-template-columns:1fr;gap:12px}\n  .card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,box-shadow .15s ease}\n  .card:active{transform:translateY(1px)}\n  .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border);background:#f7f9ff;font-size:20px}\n  .card h3{margin:0;font-size:16px}\n  .card p{margin:0;color:#667085;font-size:13px}\n  .meta{display:flex;gap:6px;flex-wrap:wrap}\n  .meta span{font-size:11px;border:1px dashed var(--border);padding:4px 8px;border-radius:999px;background:#fff}\n  .go{margin-top:auto;display:flex;align-items:center;gap:6px;font-weight:700}\n  .chev{width:24px;height:24px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;background:#fff}\n  @media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}\n  @media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}\n\n  \/* ===== About + Footer ===== *\/\n  .about .lead{margin-top:10px}\n  .footer{padding:24px 0 40px;color:#667085;font-size:13px;text-align:center}\n<\/style>\n<\/head>\n<body>\n<div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n\n<!-- ===== Header ===== -->\n<header class=\"hdr\" id=\"hdr\">\n  <div class=\"hdr-wrap container\" style=\"padding-left:16px;padding-right:16px;max-width:1120px\">\n    <a class=\"logo\" href=\"\/\">\n      <span class=\"dot\" aria-hidden=\"true\"><\/span> hylledev\n    <\/a>\n    <nav class=\"nav\" aria-label=\"Prim\u00e6r\">\n      <a href=\"#tools\">V\u00e6rkt\u00f8jer<\/a>\n      <a href=\"#about\">Om os<\/a>\n      <a href=\"#blog\">Insights<\/a>\n      <a href=\"#contact\">Kontakt<\/a>\n    <\/nav>\n    <div class=\"cta\">\n      <a class=\"btn\" href=\"#tools\">Se katalog<\/a>\n      <a class=\"btn primary\" href=\"mailto:hello@hylledev.com\">Book intro<\/a>\n    <\/div>\n    <button class=\"burger\" aria-label=\"\u00c5bn menu\" aria-controls=\"drawer\" aria-expanded=\"false\" id=\"burger\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 6h16M4 12h16M4 18h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n    <\/button>\n  <\/div>\n  <!-- Mobile drawer -->\n  <div class=\"drawer\" id=\"drawer\" aria-hidden=\"true\">\n    <aside class=\"panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Mobil menu\">\n      <div class=\"panel-h\">\n        <a class=\"logo\" href=\"\/\"><span class=\"dot\"><\/span> hylledev<\/a>\n        <button class=\"close\" aria-label=\"Luk menu\" id=\"close\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n        <\/button>\n      <\/div>\n      <nav class=\"m-list\">\n        <a class=\"m-item\" href=\"#tools\"><span>V\u00e6rkt\u00f8jer<\/span><small>\u2192<\/small><\/a>\n        <a class=\"m-item\" href=\"#about\"><span>Om os<\/span><small>\u2192<\/small><\/a>\n        <a class=\"m-item\" href=\"#blog\"><span>Insights<\/span><small>\u2192<\/small><\/a>\n        <a class=\"m-item\" href=\"#contact\"><span>Kontakt<\/span><small>\u2192<\/small><\/a>\n      <\/nav>\n      <div class=\"panel-cta\">\n        <a class=\"btn\" href=\"#tools\">Se katalog<\/a>\n        <a class=\"btn primary\" href=\"mailto:hello@hylledev.com\">Book intro<\/a>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/header>\n\n<!-- ===== Hero ===== -->\n<section class=\"hero container\" id=\"hero\">\n  <div class=\"pill\">Hylledev \u2014 brandhuset for v\u00e6rkt\u00f8jer<\/div>\n  <h1 class=\"h1\">Turn ideas into tools<\/h1>\n  <p class=\"lead\">Vi bygger og driver digitale v\u00e6rkt\u00f8jer, der skaber m\u00e5lbar v\u00e6rdi \u2014 marketing, SEO, data og drift.<\/p>\n  <div class=\"hero-actions\">\n    <a class=\"btn primary\" href=\"#tools\">Start her<\/a>\n    <a class=\"btn\" href=\"#about\">L\u00e6r mere<\/a>\n  <\/div>\n\n  <div class=\"brands\" aria-label=\"Brandportef\u00f8lje\">\n    <span class=\"b\">P\u00e6ts\u2122<\/span>\n    <span class=\"b\">Sundti\u2122<\/span>\n    <span class=\"b\">SaveOps\u2122<\/span>\n    <span class=\"b\">EverydayAmbassador\u2122<\/span>\n    <span class=\"b\">Floamie\u2122<\/span>\n  <\/div>\n\n  <div class=\"preview\" role=\"figure\" aria-label=\"Forh\u00e5ndsvisning\">\n    <div class=\"pv-bar\"><span class=\"pv-dot\"><\/span><span class=\"pv-dot\"><\/span><span class=\"pv-dot\"><\/span><\/div>\n    <div class=\"pv-body\">\n      <div class=\"chips\">\n        <span class=\"chip\">\ud83d\udcc8 KPI-dashboard<\/span>\n        <span class=\"chip\">\ud83e\uddea A\/B flows<\/span>\n        <span class=\"chip\">\ud83d\udd17 SEO\/Links<\/span>\n        <span class=\"chip\">\u2699\ufe0f Ops & automations<\/span>\n      <\/div>\n      <div class=\"pv-box\">Live-diagram \/ preview (kan byttes til billede eller iframe)<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== Tools ===== -->\n<main class=\"tools container\" id=\"tools\">\n  <div class=\"tools-h\">\n    <label class=\"search\" aria-label=\"S\u00f8g v\u00e6rkt\u00f8jer\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 21l-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg>\n      <input id=\"q\" type=\"search\" placeholder=\"S\u00f8g i v\u00e6rkt\u00f8jer\u2026\" inputmode=\"search\" \/>\n    <\/label>\n    <div class=\"filter\" role=\"tablist\" aria-label=\"Kategorier\">\n      <button class=\"tag active\" data-cat=\"all\" role=\"tab\" aria-selected=\"true\">Alle<\/button>\n      <button class=\"tag\" data-cat=\"marketing\" role=\"tab\">Marketing<\/button>\n      <button class=\"tag\" data-cat=\"seo\" role=\"tab\">SEO<\/button>\n      <button class=\"tag\" data-cat=\"data\" role=\"tab\">Data<\/button>\n      <button class=\"tag\" data-cat=\"ops\" role=\"tab\">Ops<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"grid\" id=\"toolGrid\" aria-live=\"polite\">\n    <article class=\"card\" data-cat=\"ops\" data-name=\"SaveOps\">\n      <div class=\"icon\">\ud83d\udcb8<\/div>\n      <h3>SaveOps\u2122<\/h3>\n      <p>Finder faste m\u00e5nedlige udgifter og foresl\u00e5r konkrete skift. Hurtige besparelser.<\/p>\n      <div class=\"meta\"><span>Ops<\/span><span>Automation<\/span><span>B2B<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"seo\" data-name=\"RankBoard\">\n      <div class=\"icon\">\ud83c\udfc1<\/div>\n      <h3>RankBoard\u2122<\/h3>\n      <p>SEO-rank tracker + widgets. Letv\u00e6gts, hurtig, klar rapportering.<\/p>\n      <div class=\"meta\"><span>SEO<\/span><span>Widgets<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"marketing\" data-name=\"EverydayAmbassador\">\n      <div class=\"icon\">\ud83e\udde5<\/div>\n      <h3>EverydayAmbassador\u2122<\/h3>\n      <p>Merch-baseret OOH-influencer med tracking og gamification.<\/p>\n      <div class=\"meta\"><span>Brand<\/span><span>Attribution<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"data\" data-name=\"MetricLens\">\n      <div class=\"icon\">\ud83d\udcca<\/div>\n      <h3>MetricLens\u2122<\/h3>\n      <p>Metrics cockpit (CAC, ROAS, CLV) med segmenter og datapipelines.<\/p>\n      <div class=\"meta\"><span>Data<\/span><span>Dashboards<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"marketing\" data-name=\"RoutePlanner\">\n      <div class=\"icon\">\ud83d\uddfa\ufe0f<\/div>\n      <h3>RoutePlanner<\/h3>\n      <p>Ruteplanl\u00e6gger til Sundti\u2122 med kalorier, tid og h\u00f8jdeprofil.<\/p>\n      <div class=\"meta\"><span>Activation<\/span><span>Content<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"seo\" data-name=\"PriceCheck\">\n      <div class=\"icon\">\ud83c\udff7\ufe0f<\/div>\n      <h3>PriceCheck<\/h3>\n      <p>Prisoverv\u00e5gning + produkt-overlay med affiliate og pris-historik.<\/p>\n      <div class=\"meta\"><span>E-commerce<\/span><span>SEO<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"ops\" data-name=\"UXScanner\">\n      <div class=\"icon\">\ud83d\udd0e<\/div>\n      <h3>UXScanner\u2122<\/h3>\n      <p>Upload screenshot \u2192 f\u00e5 UI\/UX-review efter regel-s\u00e6t. CRO-QA.<\/p>\n      <div class=\"meta\"><span>CRO<\/span><span>QA<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"data\" data-name=\"Link Insights\">\n      <div class=\"icon\">\ud83d\udd17<\/div>\n      <h3>Link Insights<\/h3>\n      <p>Kortlink + attribution light til kampagner og partnere.<\/p>\n      <div class=\"meta\"><span>Attribution<\/span><span>Lightweight<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n\n    <article class=\"card\" data-cat=\"marketing\" data-name=\"Content Lab\">\n      <div class=\"icon\">\ud83e\uddea<\/div>\n      <h3>Content Lab<\/h3>\n      <p>Generatorer til artikler, landingssider og visualer med brand-kompatible komponenter.<\/p>\n      <div class=\"meta\"><span>Content<\/span><span>Automation<\/span><\/div>\n      <a class=\"go\" href=\"#\"><span class=\"chev\">\u2192<\/span>\u00c5bn<\/a>\n    <\/article>\n  <\/div>\n<\/main>\n\n<!-- ===== About ===== -->\n<section class=\"about container\" id=\"about\" style=\"padding:8px 0 24px\">\n  <div class=\"pill\">Om Hylledev<\/div>\n  <p class=\"lead\">Vi t\u00e6nker som produktfolk og bygger som et studio. \u00c9t codebase-mindset, flere brands, f\u00e6lles kvalitetsbar. Fokus: hastighed, klarhed og konkrete resultater.<\/p>\n<\/section>\n\n<!-- ===== Footer ===== -->\n<footer class=\"container footer\" id=\"contact\">\n  <div style=\"margin-bottom:8px;font-weight:700\">Vil du se et v\u00e6rkt\u00f8j i praksis?<\/div>\n  <a class=\"btn primary\" href=\"mailto:hello@hylledev.com\">hello@hylledev.com<\/a>\n  <div style=\"margin-top:12px\">\u00a9 <span id=\"yr\"><\/span> Hylledev \u2014 Brandhuset for digitale v\u00e6rkt\u00f8jer<\/div>\n<\/footer>\n\n<script>\n  \/\/ Sticky shadow on scroll + year\n  const hdr = document.getElementById('hdr');\n  const onScroll=()=> hdr.classList.toggle('scrolled', window.scrollY>8);\n  onScroll(); addEventListener('scroll', onScroll, {passive:true});\n  document.getElementById('yr').textContent = new Date().getFullYear();\n\n  \/\/ Mobile drawer\n  const drawer = document.getElementById('drawer');\n  const burger = document.getElementById('burger');\n  const closeBtn = document.getElementById('close') || drawer.querySelector('.close');\n  function openD(){drawer.classList.add('open');drawer.setAttribute('aria-hidden','false');burger.setAttribute('aria-expanded','true');document.body.style.overflow='hidden'}\n  function closeD(){drawer.classList.remove('open');drawer.setAttribute('aria-hidden','true');burger.setAttribute('aria-expanded','false');document.body.style.overflow=''}\n  burger.addEventListener('click', openD);\n  closeBtn.addEventListener('click', closeD);\n  drawer.addEventListener('click', e=>{ if(e.target===drawer) closeD(); });\n  addEventListener('keydown', e=>{ if(e.key==='Escape') closeD(); });\n  drawer.querySelectorAll('a').forEach(a=>a.addEventListener('click', closeD));\n\n  \/\/ Search + filter\n  const grid = document.getElementById('toolGrid');\n  const cards = Array.from(grid.querySelectorAll('.card'));\n  const tags = Array.from(document.querySelectorAll('.tag'));\n  const q = document.getElementById('q');\n  let activeCat='all', term='';\n  function apply(){\n    const t = term.trim().toLowerCase();\n    cards.forEach(c=>{\n      const cat = c.getAttribute('data-cat');\n      const name = (c.getAttribute('data-name')||'').toLowerCase();\n      const text = c.innerText.toLowerCase();\n      const okCat = activeCat==='all'||cat===activeCat;\n      const okSearch = !t || name.includes(t) || text.includes(t);\n      c.style.display = (okCat && okSearch) ? '' : 'none';\n    });\n  }\n  tags.forEach(btn=>btn.addEventListener('click', ()=>{\n    tags.forEach(b=>b.classList.remove('active'));\n    btn.classList.add('active'); activeCat=btn.dataset.cat; apply();\n  }));\n  q.addEventListener('input', e=>{ term=e.target.value; apply(); });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hylledev \u2014 Digitale v\u00e6rkt\u00f8jer hylledev V\u00e6rkt\u00f8jer Om os Insights Kontakt Se katalog Book intro hylledev V\u00e6rkt\u00f8jer\u2192 Om os\u2192 Insights\u2192 Kontakt\u2192 Se katalog Book intro Hylledev \u2014 brandhuset for v\u00e6rkt\u00f8jer Turn ideas into tools Vi bygger og driver digitale v\u00e6rkt\u00f8jer, der skaber m\u00e5lbar v\u00e6rdi \u2014 marketing, SEO, data og drift. Start her L\u00e6r mere P\u00e6ts\u2122 Sundti\u2122 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":5,"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/hylledev.dk\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}