{"id":20919,"date":"2024-11-09T02:51:20","date_gmt":"2024-11-09T02:51:20","guid":{"rendered":"https:\/\/anderskisling.dk\/?page_id=20919"},"modified":"2024-11-11T11:43:14","modified_gmt":"2024-11-11T11:43:14","slug":"teak","status":"publish","type":"page","link":"https:\/\/anderskisling.dk\/index.php\/teak\/","title":{"rendered":"teak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20919\" class=\"elementor elementor-20919\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa1b4d7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"aa1b4d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e87b99 elementor-widget elementor-widget-heading\" data-id=\"5e87b99\" data-element_type=\"widget\" data-e-type=\"widget\" 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\">Teak &amp; Time<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fa637d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6fa637d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffcd1b elementor-widget elementor-widget-image\" data-id=\"7ffcd1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-teak1-1024x578.png\" class=\"attachment-large size-large wp-image-20937\" alt=\"\" srcset=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-teak1-1024x578.png 1024w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-teak1-300x169.png 300w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-teak1-768x434.png 768w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-teak1.png 1360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9af1a86 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9af1a86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0012c55 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"0012c55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd7595 elementor-widget elementor-widget-image\" data-id=\"cdd7595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/20241109033423-wide_arrangement_of__iconic.png\" class=\"attachment-large size-large wp-image-20932\" alt=\"\" srcset=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/20241109033423-wide_arrangement_of__iconic.png 1024w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/20241109033423-wide_arrangement_of__iconic-300x300.png 300w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/20241109033423-wide_arrangement_of__iconic-150x150.png 150w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/20241109033423-wide_arrangement_of__iconic-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3f9c27 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"d3f9c27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-625a069 elementor-widget elementor-widget-image\" data-id=\"625a069\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-sofa1.png\" class=\"attachment-large size-large wp-image-20936\" alt=\"\" srcset=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-sofa1.png 1024w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-sofa1-300x300.png 300w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-sofa1-150x150.png 150w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/backwall-clock-sofa1-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c0b573 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"2c0b573\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9ff8d12 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"9ff8d12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15b0c0e elementor-widget elementor-widget-image\" data-id=\"15b0c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-modern-1960s-style-wall-clock-made-of-teak-wood-NGkVlEQ0Q8ahEceOKjbHBw-xsp2YCwvTIiUGinWD9PVew-1024x574.jpeg\" class=\"attachment-large size-large wp-image-20934\" alt=\"\" srcset=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-modern-1960s-style-wall-clock-made-of-teak-wood-NGkVlEQ0Q8ahEceOKjbHBw-xsp2YCwvTIiUGinWD9PVew-1024x574.jpeg 1024w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-modern-1960s-style-wall-clock-made-of-teak-wood-NGkVlEQ0Q8ahEceOKjbHBw-xsp2YCwvTIiUGinWD9PVew-300x168.jpeg 300w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-modern-1960s-style-wall-clock-made-of-teak-wood-NGkVlEQ0Q8ahEceOKjbHBw-xsp2YCwvTIiUGinWD9PVew-768x431.jpeg 768w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-modern-1960s-style-wall-clock-made-of-teak-wood-NGkVlEQ0Q8ahEceOKjbHBw-xsp2YCwvTIiUGinWD9PVew.jpeg 1312w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc326fb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"dc326fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44868eb elementor-widget elementor-widget-image\" data-id=\"44868eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-photo-of-a-wide-modern-1960-wall-clock-made-of-t-o1tZtvEiSi-IN81brznuog-tvr1bcEOTtWAy7RKZqw01A-1024x574.jpeg\" class=\"attachment-large size-large wp-image-20935\" alt=\"\" srcset=\"https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-photo-of-a-wide-modern-1960-wall-clock-made-of-t-o1tZtvEiSi-IN81brznuog-tvr1bcEOTtWAy7RKZqw01A-1024x574.jpeg 1024w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-photo-of-a-wide-modern-1960-wall-clock-made-of-t-o1tZtvEiSi-IN81brznuog-tvr1bcEOTtWAy7RKZqw01A-300x168.jpeg 300w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-photo-of-a-wide-modern-1960-wall-clock-made-of-t-o1tZtvEiSi-IN81brznuog-tvr1bcEOTtWAy7RKZqw01A-768x431.jpeg 768w, https:\/\/anderskisling.dk\/wp-content\/uploads\/2024\/11\/a-photo-of-a-wide-modern-1960-wall-clock-made-of-t-o1tZtvEiSi-IN81brznuog-tvr1bcEOTtWAy7RKZqw01A.jpeg 1312w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4299210 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"4299210\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c77de21 elementor-widget elementor-widget-html\" data-id=\"c77de21\" data-element_type=\"widget\" data-e-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>\n<head>\n<style>\n.world-clock-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n    width: 100%;\n    background: transparent;\n}\n\n.main-clock {\n    margin-bottom: 40px;\n}\n\n.secondary-clocks {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    gap: 20px;\n}\n\n.clock {\n    position: relative;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n    border: 2px solid rgba(255, 255, 255, 0.25);\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n}\n\n.main-clock .clock {\n    width: 200px;\n    height: 200px;\n}\n\n.clock .number {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    transform: rotate(var(--rotation));\n    font-family: Arial, sans-serif;\n    font-size: 1.2rem;\n    color: white;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n}\n\n.clock .hand {\n    --rotation: 0;\n    position: absolute;\n    bottom: 50%;\n    left: 50%;\n    background: white;\n    transform-origin: bottom;\n    transform: translateX(-50%) rotate(calc(var(--rotation) * 1deg));\n    border-radius: 10px;\n    z-index: 10;\n    transition: transform 0.1s cubic-bezier(0.4, 2.08, 0.55, 0.44);\n}\n\n.clock::after {\n    content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: white;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 11;\n}\n\n.clock .hand.second {\n    width: 1px;\n    height: 45%;\n    background: red;\n}\n\n.clock .hand.minute {\n    width: 3px;\n    height: 40%;\n    background: white;\n}\n\n.clock .hand.hour {\n    width: 5px;\n    height: 30%;\n    background: white;\n}\n\n.city-name {\n    text-align: center;\n    color: white;\n    margin-top: 10px;\n    font-family: Arial, sans-serif;\n    font-size: 1rem;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n}\n\n.number {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    padding: 5px;\n}\n\n.number div {\n    position: absolute;\n    transform-origin: 50%;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    padding: 5px;\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"world-clock-container\">\n    <div class=\"main-clock\">\n        <div class=\"clock\" id=\"copenhagen-clock\">\n            <div class=\"hand hour\"><\/div>\n            <div class=\"hand minute\"><\/div>\n            <div class=\"hand second\"><\/div>\n            <div class=\"numbers\">\n                <div class=\"number\" style=\"transform: rotate(0deg)\"><div style=\"transform: rotate(0deg)\">12<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(30deg)\"><div style=\"transform: rotate(-30deg)\">1<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(60deg)\"><div style=\"transform: rotate(-60deg)\">2<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(90deg)\"><div style=\"transform: rotate(-90deg)\">3<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(120deg)\"><div style=\"transform: rotate(-120deg)\">4<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(150deg)\"><div style=\"transform: rotate(-150deg)\">5<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(180deg)\"><div style=\"transform: rotate(-180deg)\">6<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(210deg)\"><div style=\"transform: rotate(-210deg)\">7<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(240deg)\"><div style=\"transform: rotate(-240deg)\">8<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(270deg)\"><div style=\"transform: rotate(-270deg)\">9<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(300deg)\"><div style=\"transform: rotate(-300deg)\">10<\/div><\/div>\n                <div class=\"number\" style=\"transform: rotate(330deg)\"><div style=\"transform: rotate(-330deg)\">11<\/div><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"city-name\">K\u00f8benhavn<\/div>\n    <\/div>\n    <div class=\"secondary-clocks\">\n        <div class=\"clock-wrapper\">\n            <div class=\"clock\" id=\"newyork-clock\">\n                <div class=\"hand hour\"><\/div>\n                <div class=\"hand minute\"><\/div>\n                <div class=\"hand second\"><\/div>\n                <div class=\"numbers\">\n                    <!-- Numbers added same as Copenhagen clock -->\n                <\/div>\n            <\/div>\n            <div class=\"city-name\">New York<\/div>\n        <\/div>\n        <div class=\"clock-wrapper\">\n            <div class=\"clock\" id=\"london-clock\">\n                <div class=\"hand hour\"><\/div>\n                <div class=\"hand minute\"><\/div>\n                <div class=\"hand second\"><\/div>\n                <div class=\"numbers\">\n                    <!-- Numbers added same as Copenhagen clock -->\n                <\/div>\n            <\/div>\n            <div class=\"city-name\">London<\/div>\n        <\/div>\n        <div class=\"clock-wrapper\">\n            <div class=\"clock\" id=\"tokyo-clock\">\n                <div class=\"hand hour\"><\/div>\n                <div class=\"hand minute\"><\/div>\n                <div class=\"hand second\"><\/div>\n                <div class=\"numbers\">\n                    <!-- Numbers added same as Copenhagen clock -->\n                <\/div>\n            <\/div>\n            <div class=\"city-name\">Tokyo<\/div>\n        <\/div>\n        <div class=\"clock-wrapper\">\n            <div class=\"clock\" id=\"moscow-clock\">\n                <div class=\"hand hour\"><\/div>\n                <div class=\"hand minute\"><\/div>\n                <div class=\"hand second\"><\/div>\n                <div class=\"numbers\">\n                    <!-- Numbers added same as Copenhagen clock -->\n                <\/div>\n            <\/div>\n            <div class=\"city-name\">Nepal<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nconst clocks = {\n    'copenhagen-clock': -1,  \/\/ UTC+1\n    'newyork-clock': -7,    \/\/ UTC-5\n    'london-clock': -2,      \/\/ UTC+0\n    'tokyo-clock': 7,       \/\/ UTC+9\n    'moscow-clock': 4       \/\/ UTC+3\n};\n\nfunction updateClocks() {\n    const now = new Date();\n\n    Object.entries(clocks).forEach(([clockId, offset]) => {\n        const clock = document.getElementById(clockId);\n        if (!clock) return;\n\n        \/\/ Calculate time for this timezone\n        const cityTime = new Date(now.getTime() + (offset - now.getTimezoneOffset()\/60) * 3600000);\n\n        const seconds = cityTime.getSeconds();\n        const minutes = cityTime.getMinutes();\n        const hours = cityTime.getHours();\n\n        \/\/ Calculate degrees for hands\n        const secondsDegrees = ((seconds \/ 60) * 360);\n        const minutesDegrees = ((minutes + seconds\/60) \/ 60) * 360;\n        const hoursDegrees = ((hours % 12 + minutes\/60) \/ 12) * 360;\n\n        \/\/ Update hands\n        const secondHand = clock.querySelector('.second');\n        const minuteHand = clock.querySelector('.minute');\n        const hourHand = clock.querySelector('.hour');\n\n        secondHand.style.transform = `translateX(-50%) rotate(${secondsDegrees}deg)`;\n        minuteHand.style.transform = `translateX(-50%) rotate(${minutesDegrees}deg)`;\n        hourHand.style.transform = `translateX(-50%) rotate(${hoursDegrees}deg)`;\n    });\n}\n\n\/\/ Update immediately and then every second\nupdateClocks();\nsetInterval(updateClocks, 1000);\n<\/script>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teak &amp; Time 12 1 2 3 4 5 6 7 8 9 10 11 K\u00f8benhavn New York London Tokyo Nepal<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-20919","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/20919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/comments?post=20919"}],"version-history":[{"count":86,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/20919\/revisions"}],"predecessor-version":[{"id":21022,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/20919\/revisions\/21022"}],"wp:attachment":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/media?parent=20919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}