{"id":8,"date":"2026-09-05T10:18:49","date_gmt":"2026-09-05T10:18:49","guid":{"rendered":"https:\/\/bossword.dk\/?page_id=8"},"modified":"2026-09-05T10:18:49","modified_gmt":"2026-09-05T10:18:49","slug":"8-2","status":"publish","type":"page","link":"https:\/\/bossword.dk\/index.php\/8-2\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"bossword-parallax-wrapper\">\n  <!-- Lag 1: Gigantisk baggrundstekst (scroller langsomt) -->\n  <div class=\"bossword-bg-text\">BOSSWORD<\/div>\n\n  <!-- Lag 2: Midterkort (scroller normalt med subtil zoom) -->\n  <div class=\"bossword-card\">\n    <span class=\"bossword-tag\">BossWord Motion<\/span>\n    <h2>Velkommen til BossWord<\/h2>\n    <p>Ingen tunge plugins.<\/p>\n  <\/div>\n\n  <!-- Lag 3: Sv\u00e6vende elementer (scroller hurtigt) -->\n  <div class=\"bossword-badge badge-left\">\u26a1 Hurtig<\/div>\n  <div class=\"bossword-badge badge-right\">\ud83c\udfa8 3D Scroll<\/div>\n<\/div>\n\n<style>\n.bossword-parallax-wrapper {\n  position: relative;\n  height: 70vh;\n  min-height: 500px;\n  background: #0f172a;\n  color: #ffffff;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 24px;\n  margin: 40px 0;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n}\n\n.bossword-bg-text {\n  position: absolute;\n  font-size: 16vw;\n  font-weight: 900;\n  color: rgba(255, 255, 255, 0.04);\n  white-space: nowrap;\n  letter-spacing: -4px;\n  user-select: none;\n  pointer-events: none;\n}\n\n.bossword-card {\n  position: relative;\n  z-index: 2;\n  background: rgba(255, 255, 255, 0.05);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  padding: 48px;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  text-align: center;\n  max-width: 550px;\n  margin: 0 20px;\n}\n\n.bossword-tag {\n  display: inline-block;\n  padding: 6px 16px;\n  background: rgba(99, 102, 241, 0.2);\n  color: #818cf8;\n  border-radius: 20px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.bossword-card h2 {\n  color: #ffffff !important;\n  font-size: 2.2rem;\n  margin: 0 0 12px 0;\n}\n\n.bossword-card p {\n  color: #94a3b8;\n  margin: 0;\n  font-size: 1.1rem;\n}\n\n.bossword-badge {\n  position: absolute;\n  padding: 12px 24px;\n  border-radius: 30px;\n  font-weight: 700;\n  font-size: 0.95rem;\n  z-index: 3;\n}\n\n.badge-left {\n  top: 25%;\n  left: 10%;\n  background: #6366f1;\n  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);\n}\n\n.badge-right {\n  bottom: 25%;\n  right: 10%;\n  background: #ec4899;\n  box-shadow: 0 10px 30px rgba(236, 72, 153, 0.4);\n}\n<\/style>\n\n<!-- GSAP Animation Engine via CDN -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ 1. Bagrundstekst bev\u00e6ger sig langsomt op\n    gsap.to(\".bossword-bg-text\", {\n      yPercent: -40,\n      ease: \"none\",\n      scrollTrigger: {\n        trigger: \".bossword-parallax-wrapper\",\n        start: \"top bottom\",\n        end: \"bottom top\",\n        scrub: true\n      }\n    });\n\n    \/\/ 2. Midterkortet zoomer svagt ind og f\u00f8lger med\n    gsap.to(\".bossword-card\", {\n      yPercent: -15,\n      scale: 1.05,\n      ease: \"none\",\n      scrollTrigger: {\n        trigger: \".bossword-parallax-wrapper\",\n        start: \"top bottom\",\n        end: \"bottom top\",\n        scrub: 1\n      }\n    });\n\n    \/\/ 3. Badges skydes hurtigere ud til siderne og opad\n    gsap.to(\".badge-left\", {\n      yPercent: -100,\n      xPercent: -20,\n      ease: \"none\",\n      scrollTrigger: {\n        trigger: \".bossword-parallax-wrapper\",\n        start: \"top bottom\",\n        end: \"bottom top\",\n        scrub: 0.5\n      }\n    });\n\n    gsap.to(\".badge-right\", {\n      yPercent: -130,\n      xPercent: 20,\n      ease: \"none\",\n      scrollTrigger: {\n        trigger: \".bossword-parallax-wrapper\",\n        start: \"top bottom\",\n        end: \"bottom top\",\n        scrub: 0.5\n      }\n    });\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>BOSSWORD BossWord Motion Velkommen til BossWord Ingen tunge plugins. \u26a1 Hurtig \ud83c\udfa8 3D Scroll<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/bossword.dk\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}