{"id":275,"date":"2026-10-02T06:52:39","date_gmt":"2026-10-02T06:52:39","guid":{"rendered":"http:\/\/formverkstudio.dk\/?page_id=275"},"modified":"2026-10-02T12:01:21","modified_gmt":"2026-10-02T12:01:21","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/formverkstudio.dk\/index.php\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-8c4b0503 wp-block-columns-is-layout-flex\" style=\"margin-top:-140px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\t<div class=\"fv-page\">\n\t\t<section class=\"fv-band fv-band--media\" aria-label=\"Kontakt\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"fv-band__media\" src=\"https:\/\/formverkstudio.dk\/wp-content\/uploads\/2026\/10\/305434dbd82f622e09bbc277895a798e.jpg\" alt=\"\" aria-hidden=\"true\" style=\"object-position:50% 40%\">\n\t\t\t\t\t\t<div class=\"fv-band__inner\">\n\t\t\t\t<h1 class=\"fv-band__title fv-stitch-title\" data-text=\"Kontakt\" data-max=\"700\"><span>Kontakt<\/span><\/h1>\n\t\t\t\t\t\t\t\t\t<p>Har du en id\u00e9, et projekt eller bare et sp\u00f8rgsm\u00e5l? Skriv til os, s\u00e5 finder vi ud af, hvad vi skal sy sammen.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<form class=\"fv-contact fv-contact--page\" novalidate>\n\t\t\t<section class=\"fv-step\">\n\t\t\t\t<h2>Hvad skal vi sy sammen?<\/h2>\n\t\t\t\t<p class=\"fv-step__sub\">V\u00e6lg en eller flere. Du kan ogs\u00e5 springe over og bare skrive.<\/p>\n\t\t\t\t<div class=\"fv-pills\"><label class=\"fv-pill\"><input type=\"checkbox\" name=\"needs[]\" value=\"Website\" id=\"fvk-1-n0\"><span>Website<\/span><\/label><label class=\"fv-pill\"><input type=\"checkbox\" name=\"needs[]\" value=\"Visuel identitet\" id=\"fvk-1-n1\"><span>Visuel identitet<\/span><\/label><label class=\"fv-pill\"><input type=\"checkbox\" name=\"needs[]\" value=\"Logo design\" id=\"fvk-1-n2\"><span>Logo design<\/span><\/label><label class=\"fv-pill\"><input type=\"checkbox\" name=\"needs[]\" value=\"Marketing\" id=\"fvk-1-n3\"><span>Marketing<\/span><\/label><\/div>\t\t\t<\/section>\n\t\t\t<section class=\"fv-step\">\n\t\t\t\t<h2>Fort\u00e6l lidt om dig<\/h2>\n\t\t\t\t<p class=\"fv-step__sub\">Vi svarer typisk inden for et par hverdage.<\/p>\n\t\t\t\t<div class=\"fv-details\">\t<div class=\"fv-contact__row\">\n\t\t<label class=\"fv-field\">Navn *<input type=\"text\" name=\"name\" id=\"fvk-1-name\" required autocomplete=\"name\"><\/label>\n\t\t<label class=\"fv-field\">E-mail *<input type=\"email\" name=\"email\" id=\"fvk-1-email\" required autocomplete=\"email\"><\/label>\n\t<\/div>\n\t<div class=\"fv-contact__row\">\n\t\t<label class=\"fv-field\">Telefon<input type=\"tel\" name=\"phone\" id=\"fvk-1-phone\" autocomplete=\"tel\"><\/label>\n\t\t<label class=\"fv-field\">Virksomhed<input type=\"text\" name=\"company\" id=\"fvk-1-company\" autocomplete=\"organization\"><\/label>\n\t<\/div>\n\t<label class=\"fv-field\">Fort\u00e6l kort om dit projekt *<textarea name=\"message\" id=\"fvk-1-msg\" rows=\"4\" required><\/textarea><\/label>\n\t<\/div>\n\t\t\t<\/section>\n\t\t\t<section class=\"fv-step\">\t<div class=\"fv-contact__hoop\">\n\t\t\t\t\t<h2>Brod\u00e9r en hilsen<\/h2>\n\t\t\t\t<p class=\"fv-contact__hint\">Valgfrit. Sy med musen eller fingeren inden for rammen. Motivet kommer med, n\u00e5r du sender.<\/p>\n\t\t<div class=\"fv-draw-wrap\"><canvas class=\"fv-draw\" aria-label=\"Broderiramme, hvor du kan sy dit eget motiv\"><\/canvas><\/div>\n\t\t<div class=\"fv-yarns\" role=\"group\" aria-label=\"V\u00e6lg garn\"><\/div>\n\t\t<div class=\"fv-tools\">\n\t\t\t<label class=\"fv-check fv-check--small\"><input type=\"checkbox\" class=\"fv-guide\" checked> Vis hj\u00e6lpem\u00f8nster<\/label>\n\t\t\t<button type=\"button\" class=\"fv-tool fv-auto\">Sy en blomst for mig<\/button>\n\t\t\t<button type=\"button\" class=\"fv-tool fv-clear\">Spr\u00e6t op<\/button>\n\t\t<\/div>\n\t<\/div>\n\t<\/section>\n\t\t\t\t<div class=\"fv-send\">\n\t\t<label class=\"fv-check fv-check--small\"><input type=\"checkbox\" name=\"consent\" value=\"1\" id=\"fvk-1-consent\" required> <span>Formverk m\u00e5 gemme mine oplysninger for at svare mig. *<\/span><\/label>\n\t\t<p class=\"fv-hp\" aria-hidden=\"true\"><label>Lad dette felt v\u00e6re tomt<input type=\"text\" name=\"website_url\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/p>\n\t\t<input type=\"hidden\" id=\"fv_nonce\" name=\"fv_nonce\" value=\"5b3e293e9d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/275\" \/>\t\t<button type=\"submit\" class=\"fv-btn\">Sy beskeden fast<\/button>\n\t\t<p class=\"fv-contact__status\" role=\"status\" aria-live=\"polite\"><\/p>\n\t<\/div>\n\t\t\t<\/form>\n\n\t\t\n\t\t\t<\/div>\n\t\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\r\n.duck-scene {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 180px;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  overflow: visible;\r\n  pointer-events: none;\r\n}\r\n\r\n.stitched-duck {\r\n  display: block;\r\n  width: 150px;\r\n  height: 150px;\r\n  flex: 0 0 auto;\r\n  overflow: visible;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n  transform-origin: center bottom;\r\n}\r\n\r\n.stitched-duck.is-jumping {\r\n  animation: duck-hop 550ms ease-in-out;\r\n}\r\n\r\n@keyframes duck-hop {\r\n  0%, 100% {\r\n    transform: translateY(0) rotate(0);\r\n  }\r\n  35% {\r\n    transform: translateY(-25px) rotate(-5deg);\r\n  }\r\n  65% {\r\n    transform: translateY(-10px) rotate(4deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .duck-scene {\r\n    min-height: 110px;\r\n  }\r\n\r\n  .stitched-duck {\r\n    width: 72px;\r\n    height: 72px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script data-wp-block-html=\"js\">\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const ducks = document.querySelectorAll(\"#duckScene .stitched-duck\");\r\n\r\n  const pattern = [\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\",\r\n    \"000000000000000000000000\"\r\n  ];\r\n\r\n  function drawDuck(canvas, variation) {\r\n    const ctx = canvas.getContext(\"2d\");\r\n    const unit = 5;\r\n\r\n    canvas.width = 120;\r\n    canvas.height = 110;\r\n\r\n    const stitches = [];\r\n\r\n    \/\/ Rund krop\r\n    for (let y = 38; y <= 77; y += unit) {\r\n      for (let x = 20; x <= 85; x += unit) {\r\n        const dx = (x - 53) \/ 34;\r\n        const dy = (y - 58) \/ 21;\r\n\r\n        if (dx * dx + dy * dy <= 1) {\r\n          stitches.push([x, y]);\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Hals og hoved\r\n    for (let y = 20; y <= 52; y += unit) {\r\n      for (let x = 58; x <= 83; x += unit) {\r\n        const dx = (x - 70) \/ 13;\r\n        const dy = (y - 37) \/ 16;\r\n\r\n        if (dx * dx + dy * dy <= 1) {\r\n          stitches.push([x, y]);\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Hale\r\n    stitches.push([17, 43], [12, 38], [12, 48]);\r\n\r\n    \/\/ Sting tegnes som to krydsende tr\u00e5de\r\n    function cross(x, y, color) {\r\n      ctx.strokeStyle = color;\r\n      ctx.lineWidth = 1.8;\r\n      ctx.lineCap = \"round\";\r\n\r\n      ctx.beginPath();\r\n      ctx.moveTo(x + 0.7, y + 0.7);\r\n      ctx.lineTo(x + 4.3, y + 4.3);\r\n      ctx.moveTo(x + 4.3, y + 0.7);\r\n      ctx.lineTo(x + 0.7, y + 4.3);\r\n      ctx.stroke();\r\n    }\r\n\r\n    stitches.forEach(([x, y], i) => {\r\n      const colors = [\"#e8cd8b\", \"#e1c17a\", \"#efd9a1\"];\r\n      cross(x, y, colors[(i + variation) % colors.length]);\r\n    });\r\n\r\n    \/\/ N\u00e6b\r\n    [[84, 34], [89, 34], [94, 34], [89, 39]].forEach(([x, y]) => {\r\n      cross(x, y, \"#c98754\");\r\n    });\r\n\r\n    \/\/ F\u00f8dder\r\n    [[42, 80], [47, 80], [68, 80], [73, 80]].forEach(([x, y]) => {\r\n      cross(x, y, \"#bf8050\");\r\n    });\r\n\r\n    \/\/ \u00d8je\r\n    ctx.fillStyle = \"#514438\";\r\n    ctx.beginPath();\r\n    ctx.arc(75, 30, 2, 0, Math.PI * 2);\r\n    ctx.fill();\r\n  }\r\n\r\n  ducks.forEach((duck, index) => {\r\n    drawDuck(duck, index);\r\n\r\n    duck.addEventListener(\"pointerenter\", () => {\r\n      duck.classList.remove(\"is-jumping\");\r\n      void duck.offsetWidth;\r\n      duck.classList.add(\"is-jumping\");\r\n    });\r\n\r\n    duck.addEventListener(\"animationend\", () => {\r\n      duck.classList.remove(\"is-jumping\");\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<div class=\"duck-scene\" id=\"duckScene\">\r\n  <canvas class=\"stitched-duck\"><\/canvas>\r\n  <canvas class=\"stitched-duck\"><\/canvas>\r\n  <canvas class=\"stitched-duck\"><\/canvas>\r\n  <canvas class=\"stitched-duck\"><\/canvas>\r\n  <canvas class=\"stitched-duck\"><\/canvas>\r\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":359,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-275","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/pages\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":17,"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":313,"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/pages\/275\/revisions\/313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/media\/359"}],"wp:attachment":[{"href":"https:\/\/formverkstudio.dk\/index.php\/wp-json\/wp\/v2\/media?parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}