{"id":1340,"date":"2024-12-05T15:50:48","date_gmt":"2024-12-05T15:50:48","guid":{"rendered":"https:\/\/interna.pub\/?page_id=1340"},"modified":"2026-01-16T13:16:36","modified_gmt":"2026-01-16T13:16:36","slug":"connect","status":"publish","type":"page","link":"https:\/\/interna.pub\/index.php\/connect\/","title":{"rendered":"Connect"},"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\/2023\/06\/Connect_Dot.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      \n      \n      <div class=\"left-column\">\n  <!-- Inneh\u00e5ll v\u00e4nster column -->\n          <div class=\"_df_book df-lite\" id=\"df_856\"  _slug=\"connect\" data-title=\"connect\" wpoptions=\"true\" thumb=\"https:\/\/interna.pub\/wp-content\/uploads\/2023\/06\/IP_Connect.jpg\" thumbtype=\"\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_856 = {\"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_Connect.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect2.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect3.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect4.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect5.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect6.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect7.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect8.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect9.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect10.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect11.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect12.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect13.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect14.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect15.jpg\",\"https:\\\/\\\/interna.pub\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/IP_Connect16.jpg\"],\"wpOptions\":\"true\",\"links\":[[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]]}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n<div class=\"description\">\n  <h3>Title<\/h3>\n  <p1>Connect Dot<\/p1>\n  <h3>Artists<\/h3>\n  <p1>Anton H\u00e5\u00e5g<\/p1>\n  <h3>Year<\/h3>\n  <p1>2023<\/p1>\n  <h3>Type<\/h3>\n  <p1>Zine + Font<\/p1>\n  <h3>Spec<\/h3>\n  <p1>Photocopy, 141 x 200 mm.<\/p1>\n  <h3>Acquire<\/h3>\n  <p1>Mail: <a href=\"mailto:responsible@interna.pub\">responsible@interna.pub<\/a> or download container<\/p1>\n    <style class=\"wpcode-css-snippet\">.description {\r\n  max-width: 100%;\r\n  background-color: rgba(0, , 0, 0);\r\n  padding: 12px 12px 60px 20px;\r\n  font-size: 16px;\r\n  line-height: 30px;\r\n  padding-top: 12px;\r\n  display: block;\r\n  float: left;\r\n  box-sizing: border-box;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.container h3 {\r\n  font-size: 11px;\r\n  line-height: 25px;\r\n  margin-bottom: 0px;\r\n  margin-top: 0px;\r\n  font-weight: 500;\r\n  display: block;\r\n  float: left;\r\n  letter-spacing: 0.22px;\r\n  margin: 0px;\r\n  width: 6rem;\r\n  text-transform: uppercase;\r\n  box-sizing: border-box;\r\n  overflow-wrap: break-word;\r\n  font-family: sans-serif;\r\n  color: #03045e;\r\n}\r\n\r\np1 {\r\n  font-size: 11px;\r\n  line-height: 25px;\r\n  margin-bottom: 0px;\r\n  display: block;\r\n  float: left;\r\n  letter-spacing: 0.22px;\r\n  margin: 0px;\r\n  text-transform: uppercase;\r\n  width: calc(100% - 7rem);\r\n  box-sizing: border-box;\r\n  overflow-wrap: break-word;\r\n  font-family: sans-serif;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n.description {\r\n  max-width: 100%;\r\n  background-color: rgba(0, 0, 0, 0);\r\n  padding: 12px 12px 60px;\r\n  font-size: 16px;\r\n  line-height: 30px;\r\n  padding-top: 12px;\r\n  display: block;\r\n  float: left;\r\n  box-sizing: border-box;\r\n  overflow-wrap: break-word;\r\n}\r\n}\r\n<\/style>\n<\/div>\n          \n    <\/div>\n   \n      \n      <div class=\"right-column\">\n  <!-- Inneh\u00e5ll h\u00f6ger column -->\n<div class=\"containers\">\n\n     <div><img decoding=\"async\" src=\"https:\/\/interna.pub\/wp-content\/uploads\/2023\/06\/IP_Connect_IG_1x1.png\" alt=\"Girl in a jacket\" width=\"100%\" height=\"auto\">\n  <\/div>\n <div><video src=\"https:\/\/interna.pub\/wp-content\/uploads\/2023\/06\/IP_Connect_1x1_01.mp4\" alt=\"Girl in a jacket\" width=\"100%\" height=\"auto\" autoplay muted loop playsinline >\n  <\/div>\n\n  <\/div>\n<\/div>\n      \n      \n\n\n      <\/div>\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":53,"footnotes":""},"class_list":["post-1340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/1340","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=1340"}],"version-history":[{"count":48,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/1340\/revisions"}],"predecessor-version":[{"id":2039,"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/pages\/1340\/revisions\/2039"}],"wp:attachment":[{"href":"https:\/\/interna.pub\/index.php\/wp-json\/wp\/v2\/media?parent=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}