{"id":2,"date":"2026-03-22T08:53:44","date_gmt":"2026-03-22T08:53:44","guid":{"rendered":"http:\/\/tdjhors.northpeak.dk\/?page_id=2"},"modified":"2026-08-25T18:29:52","modified_gmt":"2026-08-25T18:29:52","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/tdjhors.northpeak.dk\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p><!-- wp:paragraph --><\/p>\n<p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:quote --><\/p>\n<blockquote class=\"wp-block-quote\"><p>\n<!-- wp:paragraph --><\/p>\n<p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin' caught in the rain.)<\/p>\n<p><!-- \/wp:paragraph -->\n<\/p><\/blockquote>\n<p><!-- \/wp:quote --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>...or something like this:<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:quote --><\/p>\n<blockquote class=\"wp-block-quote\"><p>\n<!-- wp:paragraph --><\/p>\n<p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n<p><!-- \/wp:paragraph -->\n<\/p><\/blockquote>\n<p><!-- \/wp:quote --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>As a new WordPress user, you should go to <a href=\"http:\/\/tdjhors.northpeak.dk\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ============================================================\n     TDJhors kontaktformular\n     Saettes i eet Code Module i Divi.\n\n     VIGTIGT: koden indeholder bevidst ingen ampersand-tegn.\n     WordPress laver dem om til talkoder inde i Code Modules,\n     og det braekker al JavaScript. Det ramte os tidligere i dag.\n     Undgaa derfor det tegn helt, ogsaa i logiske udtryk.\n     ============================================================ -->\n\n<div class=\"np-contact-wrap\">\n  <form id=\"np-contact-form\" class=\"np-contact-form\" novalidate>\n\n    <div class=\"np-field\">\n      <label for=\"np-navn\">Navn<\/label>\n      <input type=\"text\" id=\"np-navn\" name=\"navn\" autocomplete=\"name\" required>\n    <\/div>\n\n    <div class=\"np-field\">\n      <label for=\"np-email\">E-mailadresse<\/label>\n      <input type=\"email\" id=\"np-email\" name=\"email\" autocomplete=\"email\" required>\n    <\/div>\n\n    <div class=\"np-field\">\n      <label for=\"np-besked\">Besked<\/label>\n      <textarea id=\"np-besked\" name=\"besked\" rows=\"5\" required><\/textarea>\n    <\/div>\n\n    <!-- Honeypot mod bots. Skal forblive tom og skjult. -->\n    <div class=\"np-honeypot\" aria-hidden=\"true\">\n      <label for=\"np-website\">Website<\/label>\n      <input type=\"text\" id=\"np-website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n    <\/div>\n\n    <div class=\"np-status\" id=\"np-status\" role=\"status\" aria-live=\"polite\"><\/div>\n\n    <div class=\"np-submit-row\">\n      <button type=\"submit\" id=\"np-submit-btn\">Send besked<\/button>\n    <\/div>\n\n    <p class=\"np-recaptcha-notice\">\n      Denne side er beskyttet af reCAPTCHA. Googles\n      <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener\">privatlivspolitik<\/a> og\n      <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener\">servicevilkaar<\/a> gaelder.\n    <\/p>\n\n  <\/form>\n<\/div>\n\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6LfKmZgtAAAAAPbKgLY1Dk-Vlp5ZibYUk2-bvC1X\"><\/script>\n\n<style>\n  .np-contact-wrap {\n    background: #32564e;\n    border-radius: 18px;\n    padding: 40px 44px;\n    max-width: 700px;\n    margin: 0 auto;\n    font-family: Barlow, Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n  }\n  .np-contact-wrap * { box-sizing: border-box; }\n\n  .np-field { margin-bottom: 26px; }\n\n  .np-field label {\n    display: block;\n    color: #ffffff;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n\n  .np-field input,\n  .np-field textarea {\n    width: 100%;\n    background: transparent;\n    border: none;\n    border-bottom: 1px solid rgba(255,255,255,0.85);\n    color: #ffffff;\n    font-size: 16px;\n    padding: 6px 2px 10px;\n    outline: none;\n    font-family: inherit;\n    resize: vertical;\n  }\n\n  .np-field input::placeholder,\n  .np-field textarea::placeholder { color: rgba(255,255,255,0.6); }\n\n  .np-field input:focus,\n  .np-field textarea:focus {\n    border-bottom-color: #ffffff;\n    color: #ffffff;\n  }\n\n  \/* Skjult for rigtige brugere, synlig for bots *\/\n  .np-honeypot {\n    position: absolute;\n    left: -9999px;\n    top: -9999px;\n    opacity: 0;\n    height: 0;\n    overflow: hidden;\n  }\n\n  .np-submit-row {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 10px;\n  }\n\n  #np-submit-btn {\n    background: #ffffff;\n    color: #32564e;\n    border: none;\n    border-radius: 999px;\n    font-family: inherit;\n    font-weight: 700;\n    font-size: 14px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 16px 34px;\n    cursor: pointer;\n    transition: transform 0.15s ease, opacity 0.15s ease;\n  }\n\n  #np-submit-btn:hover { opacity: 0.9; }\n  #np-submit-btn:active { transform: scale(0.98); }\n  #np-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n\n  .np-status {\n    color: #ffffff;\n    font-size: 14px;\n    min-height: 20px;\n    margin-top: 4px;\n  }\n  .np-status.np-error   { color: #ffd7d7; }\n  .np-status.np-success { color: #d7ffd9; }\n\n  .np-recaptcha-notice {\n    color: rgba(255,255,255,0.65);\n    font-size: 11px;\n    line-height: 1.5;\n    margin-top: 16px;\n    text-align: right;\n  }\n  .np-recaptcha-notice a { color: rgba(255,255,255,0.85); }\n\n  @media (max-width: 640px) {\n    .np-contact-wrap { padding: 28px 24px; border-radius: 14px; }\n  }\n<\/style>\n\n<script>\n(function () {\n\n  \/\/ Site-keyen skal vaere den SAMME som i render= ovenfor.\n  \/\/ To forskellige noegler var praecis det, der braekkede\n  \/\/ formularen sidst, og det giver ingen synlig fejl.\n  var SITE_KEY = '6LfKmZgtAAAAAPbKgLY1Dk-Vlp5ZibYUk2-bvC1X';\n  var ENDPOINT = '\/send-form.php';\n\n  var form     = document.getElementById('np-contact-form');\n  var statusEl = document.getElementById('np-status');\n  var btn      = document.getElementById('np-submit-btn');\n\n  if (!form) return;\n\n  function nulstil() {\n    btn.disabled = false;\n    btn.textContent = 'Send besked';\n  }\n\n  function vis(besked, type) {\n    statusEl.textContent = besked;\n    statusEl.className = 'np-status np-' + type;\n  }\n\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n\n    statusEl.textContent = '';\n    statusEl.className = 'np-status';\n    btn.disabled = true;\n    btn.textContent = 'Sender...';\n\n    \/\/ Sikkerhedsnet: hvis noget haenger, faar brugeren besked\n    \/\/ i stedet for en knap der staar paa \"Sender...\" for evigt.\n    var timeout = setTimeout(function () {\n      nulstil();\n      vis('Det tog for lang tid. Proev igen, eller ring paa 97 46 82 22.', 'error');\n    }, 20000);\n\n    function faerdig() {\n      clearTimeout(timeout);\n      nulstil();\n    }\n\n    if (typeof grecaptcha === 'undefined') {\n      faerdig();\n      vis('reCAPTCHA kunne ikke indlaeses. Genindlaes siden og proev igen.', 'error');\n      return;\n    }\n\n    grecaptcha.ready(function () {\n\n      var kald;\n      try {\n        kald = grecaptcha.execute(SITE_KEY, { action: 'contact_form' });\n      } catch (fejl) {\n        \/\/ Her lander vi, hvis site-keyen er forkert.\n        faerdig();\n        vis('reCAPTCHA kunne ikke starte. Genindlaes siden og proev igen.', 'error');\n        console.error('reCAPTCHA-fejl:', fejl);\n        return;\n      }\n\n      kald.then(function (token) {\n\n        var data = {\n          navn:   document.getElementById('np-navn').value.trim(),\n          email:  document.getElementById('np-email').value.trim(),\n          besked: document.getElementById('np-besked').value.trim(),\n          website: document.getElementById('np-website').value,\n          'g-recaptcha-response': token\n        };\n\n        return fetch(ENDPOINT, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify(data)\n        });\n\n      }).then(function (res) {\n        if (!res) return;\n        return res.text().then(function (tekst) {\n          var resultat;\n          try {\n            resultat = JSON.parse(tekst);\n          } catch (fejl) {\n            \/\/ Serveren svarede med noget andet end JSON.\n            \/\/ Typisk en PHP-fejl eller en 404 paa send-form.php.\n            faerdig();\n            vis('Der opstod en fejl paa serveren. Ring paa 97 46 82 22.', 'error');\n            console.error('Serveren svarede ikke med JSON:', tekst.substring(0, 500));\n            return;\n          }\n\n          faerdig();\n\n          if (resultat.success) {\n            vis('Tak! Din besked er sendt.', 'success');\n            form.reset();\n          } else {\n            vis(resultat.message || 'Der opstod en fejl. Proev igen.', 'error');\n            if (resultat.debug) {\n              console.warn('Detaljer:', resultat.debug);\n            }\n          }\n        });\n\n      }).catch(function (fejl) {\n        faerdig();\n        vis('Der opstod en fejl. Proev igen, eller ring paa 97 46 82 22.', 'error');\n        console.error('Fejl ved afsendelse:', fejl);\n      });\n\n    });\n  });\n})();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/tdjhors.northpeak.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}