{"id":956,"date":"2024-12-05T15:50:48","date_gmt":"2024-12-05T15:50:48","guid":{"rendered":"https:\/\/interna.pub\/?page_id=956"},"modified":"2025-05-16T17:51:23","modified_gmt":"2025-05-16T17:51:23","slug":"wordpuzzle","status":"publish","type":"page","link":"https:\/\/interna.pub\/index.php\/wordpuzzle\/","title":{"rendered":"Wordpuzzle"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\r\n    <!DOCTYPE html>\n\n<html>\n  <!-- jag gillar att h\u00e5lla p\u00e5 -->\n<head>\n<\/head>\n<body>\n    <style class=\"wpcode-css-snippet\">\/* Anpassa storlek och placering av kolumnerna *\/\r\n.container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n}\r\n\r\n.left-column {\r\n  flex: 1 0 0; \/* \u00c4ndrat fr\u00e5n 0 0 60% *\/\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  position: sticky;\r\n  top: 0;\r\n  height: 100vh;\r\n  overflow: auto;\r\n}\r\n\r\n.right-column {\r\n  flex: 1 0 0; \/* \u00c4ndrat fr\u00e5n 0 0 40% *\/\r\n  max-width: 600px;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Responsiv layout f\u00f6r mobil *\/\r\n@media (max-width: 767px) {\r\n  .container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .left-column {\r\n    position: static;\r\n    width: 100%;\r\n    height: auto;\r\n    overflow: visible;\r\n  }\r\n\r\n  .right-column {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n}\r\n\r\n.download-button {\r\n  display: flex;\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  z-index: 9999;\r\n  padding: 10px;\r\n  border-radius: 10px;\r\n  background-color: #E5E3DB;\r\n  color: #575240;\r\n  text-decoration: none;\r\n  padding-right: 20px;\r\n  padding-left: 20px;\r\n  font-size:12px;\r\n  text-align: center;  \r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .download-button {\r\n\r\n    text-align: Left;\r\n\tbottom: 22px;\r\n  }\r\n}\r\n\r\np{\r\nfont-size: 13px;\r\n}\r\nh3{\r\nfont-size: 13px;\r\ncolor: blue;\r\n}\r\n\r\n\/* Hide scrollbar track *\/\r\n::-webkit-scrollbar {\r\n  width: 8px; \/* Adjust the width as needed *\/\r\n}\r\n\r\n\/* Hide scrollbar handle *\/\r\n::-webkit-scrollbar-thumb {\r\n  background-color: transparent;\r\n}\r\n\r\n\/* Hide scrollbar corner *\/\r\n::-webkit-scrollbar-corner {\r\n  background-color: transparent;\r\n}\r\n\r\n#scrollbar-container {\r\n    width: 100%;\r\n    height: 5px;\r\n    background-color: #f2f2f2;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 999;\r\n}\r\n\r\n#scrollbar {\r\n    height: 100%;\r\n    width: 0;\r\n    background-color: #007BFF;\r\n    transition: width 0.2s;\r\n}\r\n\r\nh3{\r\n\tfont-size: 13px;\r\n\tcolor: blue;\r\n\r\n}\r\n\r\nwp-site-blocks{\r\n\twidth:100vh;\r\n}\r\n<\/style>\n    <!-- Uppdatera l\u00e4nk till container -->\n    <a href=\"https:\/\/interna.pub\/wp-content\/uploads\/2025\/05\/font.zip\" class=\"download-button\">Download container<\/a>\n    <!-- Uppdatera l\u00e4nk till container -->\n  <div class=\"container\">\n\n  <!-- Customhead -->\n<div>\n<style class=\"wpcode-css-snippet\">#custom-footer {\r\n    \/* Ingen bakgrundsf\u00e4rg *\/\r\n    background-color: transparent; \r\n    \r\n    \/* Textf\u00e4rg *\/\r\n    color: #343a40; \r\n    \r\n    \/* Flexbox layout f\u00f6r att justera kolumnerna *\/\r\n    display: flex; \r\n    justify-content: space-around; \r\n    padding: 10px 30px; \r\n    \r\n    \/* Positionerar footern l\u00e4ngst ner *\/\r\n    position: fixed; \r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    \r\n    \/* Z-index f\u00f6r att se till att footern \u00e4r ovanf\u00f6r andra element *\/\r\n    z-index: 999; \r\n    \r\n    \/* Till\u00e5ter flexbox-objekten att brytas till n\u00e4sta rad *\/\r\n    flex-wrap: wrap; \r\n    \r\n    \/* Blandningsl\u00e4ge f\u00f6r att p\u00e5verka hur elementets f\u00e4rger blandas med bakgrunden *\/\r\n\r\n    \r\n    \/* Ingen box-shadow *\/\r\n    box-shadow: none;\r\n}\r\n\r\n#custom-footer .column {\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n    flex: 1;\r\n    min-width: 150px;\r\n    margin: 10px 0;\r\n    \/* Justera fontstorlek och vikt *\/\r\n    font-size: 12px; \r\n    font-weight: regular; \r\n    font-family: 'Arial', sans-serif; \/* Anpassa till \u00f6nskat typsnitt *\/\r\n}\r\n\r\n#custom-footer .column a {\r\n    \/* Inga understrykningar p\u00e5 l\u00e4nkar *\/\r\n    text-decoration: none; \r\n    \r\n    \/* Arv av f\u00e4rg fr\u00e5n f\u00f6r\u00e4ldraelementet *\/\r\n    color: inherit; \r\n    \r\n    \/* Justera fontstorlek *\/\r\n    font-size: 12px; \r\n    \r\n    \/* \u00d6verg\u00e5ngseffekt f\u00f6r f\u00e4rgf\u00f6r\u00e4ndring *\/\r\n    transition: color 0.3s ease; \r\n}\r\n\r\n#custom-footer .column a:hover {\r\n    \/* \u00c4ndrar f\u00e4rg vid hovring *\/\r\n    color: #ced4da; \r\n}\r\n\r\n#custom-footer .status-circle {\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background-color: #74c69d;\r\n    border-radius: 50%;\r\n    margin-right: 5px;\r\n    vertical-align: middle;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    #custom-footer {\r\n        \/* Flex-riktningen \u00e4ndras till kolumn p\u00e5 sm\u00e5 sk\u00e4rmar *\/\r\n        flex-direction: column; \r\n        \r\n        \/* Elementen placeras fr\u00e5n v\u00e4nster *\/\r\n        align-items: flex-start; \r\n        \r\n        \/* Minskar sidomarginalen *\/\r\n        padding: 10px 20px; \r\n    }\r\n    \r\n    #custom-footer .column {\r\n        \/* Full bredd p\u00e5 sm\u00e5 sk\u00e4rmar *\/\r\n        width: 100%; \r\n        \r\n        \/* Centrering av text *\/\r\n        text-align: left; \r\n        \r\n        \/* Minskar marginalen *\/\r\n        margin: 5px 0; \r\n    }\r\n}\r\n<\/style>\n<div id=\"custom-footer\">\n    <div class=\"column\">\n        <a href=\"https:\/\/interna.pub\">HOME<\/a>\n    <\/div>\n    <div class=\"column\" id=\"time-column\">\n        <!-- Tiden i Sverige kommer att uppdateras dynamiskt via JavaScript -->\n    <\/div>\n    <div class=\"column\">\n        <span class=\"status-circle\"><\/span> Store is open.\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Dynamisk tid i Sverige\n    function updateTime() {\n        const now = new Date();\n        const options = { timeZone: 'Europe\/Stockholm', hour: '2-digit', minute: '2-digit' };\n        const formatter = new Intl.DateTimeFormat([], options);\n        document.getElementById('time-column').textContent = '' + formatter.format(now);\n    }\n\n    updateTime();\n    setInterval(updateTime, 60000); \/\/ Uppdatera varje minut\n<\/script>\n  <\/div>\n    <!-- Customhead -->\n\n   \n      <div class=\"_df_book df-lite\" id=\"df_642\"  _slug=\"wordpuzzle\" data-title=\"wordpuzzle\" wpoptions=\"true\" thumbtype=\"\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_642 = {\"outline\":[],\"backgroundColor\":\"#ffffff\",\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"enableDownload\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"pageMode\":\"2\",\"controlsPosition\":\"hide\",\"soundEnable\":\"false\",\"source\":\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Wordpuzzle_.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n<\/body>\n<\/html>\n    <\/div>\r\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages_project","meta":{"iawp_total_views":29,"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":111,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":2046,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/956\/revisions\/2046"}],"wp:attachment":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/media?parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}