{"id":9267,"date":"2021-11-02T08:03:44","date_gmt":"2021-11-02T06:03:44","guid":{"rendered":"https:\/\/www.ink.gr\/homepage\/"},"modified":"2023-02-16T10:15:47","modified_gmt":"2023-02-16T08:15:47","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.ink.gr\/el\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div id=\"animationLetters\"><span id=\"firstline\"><span class=\"animation\">what<\/span>&nbsp;<\/span><span id=\"secondline\"><span class=\"animation\">the<\/span>&nbsp;<span class=\"animation\">f***<\/span>&nbsp;<\/span><span id=\"thirdline\"><span class=\"animation\">is<\/span>&nbsp;<span class=\"animation\">branding?<\/span>&nbsp;<\/span><\/div><style>.bgcanvas{opacity:0}<\/style>\r\n    <script src=\"https:\/\/www.ink.gr\/wp-content\/themes\/inkgr\/assets\/scripts\/js\/animeteLetter.js\"><\/script>\r\n    <script>\r\n        var spanText = function spanText(text) {\r\n            var string = text.innerText;\r\n            var spaned = \"\";\r\n            for (var i = 0; i < string.length; i++) {\r\n                if (string.substring(i, i + 1) === \" \") spaned -= string.substring(i, i + 1);else\r\n                spaned += \"<span>\" + string.substring(i, i + 1) + \"<\/span>\";\r\n            }\r\n            text.innerHTML = spaned;\r\n        };\r\n\r\n        var headlines = document.querySelectorAll(\".animation\");\r\n        for (let i = 0; i < headlines.length; i++) {\r\n        \tspanText(headlines[i]);\r\n        }\r\n        \r\n        let animations = document.querySelectorAll(\".animation\");\r\n        xTime = 0;\r\n        for (let a = 0; a < animations.length; a++) {\r\n            let letters = animations[a].querySelectorAll(\"span\");\r\n            letters.forEach((letter, i) => {\r\n                letter.style.animationDelay = xTime * 0.05 + 5 + \"s\";\r\n                xTime++\r\n            });\r\n        }\r\n        \r\n        document.getElementById(\"animationLetters\").style.opacity = \"1\";\r\n    <\/script>\r\n    <script>\r\n        jQuery(function ($) {\r\n            \/\/initWave();\r\n            var el = document.getElementById(\"animationLetters\");\r\n            var style = window.getComputedStyle(el, null).getPropertyValue(\"font-size\");\r\n            var heightStyle = 3*parseInt(style);\r\n            el.style.height = heightStyle+\"px\";\r\n            timer = 30;\r\n            setTimeout(function() {$(\".ink-video\").addClass(\"make-it-small\");}, 3000); \r\n            setTimeout(function() {$(\".bgcanvas\").css(\"opacity\",\"1\");}, 4000); \r\n            setTimeout(function() {$(\"#animationLetters\").css(\"opacity\",\"0\");}, (4+8+12)*timer+7000); \r\n            setTimeout(function() {$(\"#animationLetters\").hide();}, (4+8+12)*timer+8000); \r\n            setTimeout(function() {$(\".showletter\").removeClass(\"animateLetters\");}, (4+8+12)*timer+8000); \r\n            \r\n            setTimeout(function() {$(\"main.home-page-main-container .wp-block-button\").css(\"opacity\",\"1\");}, (4+8+12)*timer+9000);  \r\n            \r\n            \r\n        });\r\n    <\/script>\n\n\n\n<div class=\"allrowsanimate\">\n<div class=\"showletter  animateLetters\">\n   <div class=\"animation-letter\">\n      <span class=\"animation-text\">\u0393\u03b5\u03b9\u03b1, \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b7 INK Design.<\/span>\n   <\/div>\n<\/div>\n<div class=\"showletter  animateLetters\">\n   <div class=\"animation-letter\">\n      <span class=\"animation-text\">\u039e\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b1\u03c0\u03cc \u03c0\u03c1\u03ce\u03c4\u03bf \u03c7\u03ad\u03c1\u03b9<\/span>\n   <\/div>\n<\/div>\n<div class=\"showletter  animateLetters\">\n   <div class=\"animation-letter\">\n      <span class=\"animation-text\">\u03c0\u03ce\u03c2 \u03c7\u03c4\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc brand<\/span>\n   <\/div>\n<\/div>\n<div class=\"showletter  animateLetters\">\n   <div class=\"animation-letter\">\n      <span class=\"animation-text\">\u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c7\u03b1\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5<\/span>\n   <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.ink.gr\/el\/branding\/\">\u03a4\u0399 \u039a\u0391\u039d\u039f\u03a5\u039c\u0395<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"\u0393\u03b5\u03b9\u03b1, \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b7 INK Design. \u039e\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b1\u03c0\u03cc \u03c0\u03c1\u03ce\u03c4\u03bf \u03c7\u03ad\u03c1\u03b9 \u03c0\u03ce\u03c2 \u03c7\u03c4\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc brand \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c7\u03b1\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9267","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/pages\/9267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/comments?post=9267"}],"version-history":[{"count":2,"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/pages\/9267\/revisions"}],"predecessor-version":[{"id":9427,"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/pages\/9267\/revisions\/9427"}],"wp:attachment":[{"href":"https:\/\/www.ink.gr\/el\/wp-json\/wp\/v2\/media?parent=9267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}