{"id":15157,"date":"2025-02-28T11:26:31","date_gmt":"2025-02-28T11:26:31","guid":{"rendered":"https:\/\/klak.is\/?page_id=15157"},"modified":"2026-02-17T11:44:19","modified_gmt":"2026-02-17T11:44:19","slug":"undirskrift","status":"publish","type":"page","link":"https:\/\/klak.is\/en\/undirskrift\/","title":{"rendered":"Undirskrift"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15157\" class=\"elementor elementor-15157\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-b4e1c01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4e1c01\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\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-e142514\" data-id=\"e142514\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\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-8b309e9 ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"8b309e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">KLAK undirskrift<\/h2>\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<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-4063e1d elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4063e1d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\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-11e8ddb\" data-id=\"11e8ddb\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\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-2e37e81 elementor-widget__width-auto ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"2e37e81\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" 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=\"is\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Email Signature Generator<\/title>\n    <style>\n        body { font-family: Arial, sans-serif; margin: 20px; }\n        label { display: block; margin-top: 10px; }\n        input, select { width: 100%; padding: 8px; margin-top: 5px; }\n        .preview { margin-top: 20px; padding: 10px; border: 1px solid #ccc; background-color: white; }\n        table, td { border: none !important; outline: none !important; color: black !important; }\n        a { text-decoration: none !important; color: black !important; }\n        strong { color: black !important; }\n        span { color: black !important; }\n        * { margin: 0; padding: 0; box-shadow: none !important; border: none !important; }\n    <\/style>\n<\/head>\n<body>\n\n    <label for=\"staff\">Veldu starfsmann:<\/label>\n    <select id=\"staff\" onchange=\"fillForm()\">\n        <option value=\"\">-- Veldu starfsmann --<\/option>\n        <option value=\"Atli Bj\u00f6rgvinsson~~atli@klak.is~~Marka\u00f0sstj\u00f3ri | Marketing Manager~~6699979\">Atli Bj\u00f6rgvinsson<\/option>\n        <option value=\"Freyr Fri\u00f0finnsson~~freyr@klak.is~~Al\u00fej\u00f3\u00f0afulltr\u00fai | International Projects Lead~~8671942\">Freyr Fri\u00f0finnsson<\/option>\n        <option value=\"Magn\u00fas Ingi \u00d3skarsson~~mio@klak.is~~Forst\u00f6\u00f0uma\u00f0ur KLAK VMS | Director Venture Mentoring Services~~\">Magn\u00fas Ingi \u00d3skarsson<\/option>\n        <option value=\"Jenna Bj\u00f6rk Gu\u00f0mundsd\u00f3ttir~~jenna@klak.is~~Verkefnastj\u00f3ri | Project Manager~~6930495\">Jenna Bj\u00f6rk Gu\u00f0mundsd\u00f3ttir<\/option>\n        <option value=\"\u00c1sta S\u00f3llilja Gu\u00f0mundsd\u00f3ttir~~asta@klak.is~~Framkv\u00e6mdastj\u00f3ri | CEO~~8613134\">\u00c1sta S\u00f3llilja Gu\u00f0mundsd\u00f3ttir<\/option>\n        <option value=\"Anna Schalk S\u00f3leyjard\u00f3ttir~~anna@klak.is~~Verkefnastj\u00f3ri | Project Manager~\">Anna Schalk S\u00f3leyjard\u00f3ttir<\/option>\n        <option value=\"\u00cdsey D\u00edsa H\u00e1varsd\u00f3ttir~~isey@klak.is~~Verkefnastj\u00f3ri | Project Manager~~8473023\">\u00cdsey D\u00edsa H\u00e1varsd\u00f3ttir<\/option>\n        <option value=\"J\u00f3hanna Soff\u00eda Sigur\u00f0ard\u00f3ttir~~johanna@klak.is~~Fj\u00e1rm\u00e1la- og verkefnastj\u00f3ri | CFO and project manager~~8675861\">J\u00f3hanna Soff\u00eda Sigur\u00f0ard\u00f3ttir<\/option>\n        <option value=\"Magn\u00fas Da\u00f0i Eyj\u00f3lfsson~~magnus@klak.is~~Verkefnastj\u00f3ri | Project Manager~~7871153\">Magn\u00fas Da\u00f0i Eyj\u00f3lfsson<\/option>\n    <\/select>\n\n    <label for=\"name\">Nafn:<\/label>\n    <input type=\"text\" id=\"name\" placeholder=\"Nafn\">\n    \n    <label for=\"title\">Starfstitill:<\/label>\n    <input type=\"text\" id=\"title\" placeholder=\"Starfstitill\">\n    \n    <label for=\"email\">Email:<\/label>\n    <input type=\"text\" id=\"email\" placeholder=\"klak maili\u00f0 \u00feitt\">\n    \n    <label for=\"phone\">S\u00edmi:<\/label>\n    <input type=\"text\" id=\"phone\" placeholder=\"s\u00edman\u00famer\">\n    <br><br>\n\n    <button onclick=\"generateSignature()\">\u00datb\u00faa undirskrift<\/button>\n    <br><br>\n    <button onclick=\"copySignature()\">Afrita HTML undirskrift<\/button>\n    <br><br>\n    <button onclick=\"copyPreview()\">Afrita undirskrift<\/button>\n    <br>\n      \n    <div class=\"preview\">\n        <h3>S\u00fdnishorn:<\/h3>\n        <div id=\"signature\" style=\"background-color: white; padding: 10px;\"><\/div>\n    <\/div>\n\n    <script>\n        function fillForm() {\n            let selected = document.getElementById(\"staff\").value;\n            if (selected) {\n                let [name, email, title, phone] = selected.split(\"~~\");\n                document.getElementById(\"name\").value = name;\n                document.getElementById(\"email\").value = email;\n                document.getElementById(\"title\").value = title;\n                document.getElementById(\"phone\").value = phone;\n            }\n        }\n\n        function generateSignature() {\n            let name = document.getElementById(\"name\").value;\n            let title = document.getElementById(\"title\").value;\n            let email = document.getElementById(\"email\").value;\n            let phone = document.getElementById(\"phone\").value;\n            \n            let signatureHTML = `\n                <table style=\"border-collapse: collapse; background-color: white; font-size: 12px; border: none;\">\n                    <tr>\n                        <td style=\"padding-right: 15px; vertical-align: middle; background-color: white; border: none;\">\n                            <img decoding=\"async\" src=\"https:\/\/klak.is\/wp-content\/uploads\/2026\/02\/Signature26test.jpg\" alt=\"Company Logo\" width=\"250\" style=\"display: block; background-color: white;\">\n                        <\/td>\n                        <td style=\"padding-left: 15px; font-family: Arial, sans-serif; font-size: 12px; vertical-align: middle; background-color: white; border: none; color: black !important;\">\n                            <strong style=\"font-size: 14px; color: black !important;\">${name}<\/strong><br>\n                            <span style=\"color: black !important;\">${title}<\/span><br>\n                            <span style=\"color: black !important;\">KLAK - Icelandic Startups<\/span><br>\n                            <a href=\"mailto:${email}\" style=\"text-decoration: none; color: black !important; font-size: 12px;\">${email}<\/a><br>\n                            <span style=\"color: black !important;\">${phone}<\/span>\n                        <\/td>\n                    <\/tr>\n                <\/table>\n            `;\n            \n            document.getElementById(\"signature\").innerHTML = signatureHTML;\n        }\n\n        function copySignature() {\n            let signatureDiv = document.getElementById(\"signature\");\n            let tempInput = document.createElement(\"textarea\");\n            tempInput.value = signatureDiv.innerHTML;\n            document.body.appendChild(tempInput);\n            tempInput.select();\n            document.execCommand(\"copy\");\n            document.body.removeChild(tempInput);\n            alert(\"HTML undirskrift afritu\u00f0!\");\n        }\n\n        function copyPreview() {\n            let signatureDiv = document.getElementById(\"signature\");\n\n            navigator.clipboard.write([\n                new ClipboardItem({\n                    \"text\/html\": new Blob([signatureDiv.innerHTML], { type: \"text\/html\" }),\n                    \"text\/plain\": new Blob([signatureDiv.innerText.trim()], { type: \"text\/plain\" })\n                })\n            ]).then(() => {\n                alert(\"Undirskrift afritu\u00f0!\");\n            }).catch(err => {\n                console.error(\"Afritun mist\u00f3kst\", err);\n                alert(\"Ekki t\u00f3kst a\u00f0 afrita undirskrift.\");\n            });\n        }\n    <\/script>\n\n<\/body>\n<\/html>\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>KLAK undirskrift Email Signature Generator Veldu starfsmann: &#8212; Veldu starfsmann &#8212;Atli Bj\u00f6rgvinssonFreyr Fri\u00f0finnssonMagn\u00fas Ingi \u00d3skarssonJenna Bj\u00f6rk Gu\u00f0mundsd\u00f3ttir\u00c1sta S\u00f3llilja Gu\u00f0mundsd\u00f3ttirAnna Schalk S\u00f3leyjard\u00f3ttir\u00cdsey D\u00edsa H\u00e1varsd\u00f3ttirJ\u00f3hanna Soff\u00eda Sigur\u00f0ard\u00f3ttirMagn\u00fas Da\u00f0i Eyj\u00f3lfsson Nafn: Starfstitill: Email: S\u00edmi: \u00datb\u00faa undirskrift Afrita HTML undirskrift Afrita undirskrift S\u00fdnishorn:<\/p>","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15157","page","type-page","status-publish","hentry"],"acf":{"tengd_verkefni":null},"_links":{"self":[{"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/pages\/15157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/comments?post=15157"}],"version-history":[{"count":0,"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/pages\/15157\/revisions"}],"wp:attachment":[{"href":"https:\/\/klak.is\/en\/wp-json\/wp\/v2\/media?parent=15157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}