{"id":2339,"date":"2024-07-01T13:01:59","date_gmt":"2024-07-01T11:01:59","guid":{"rendered":"https:\/\/chilli-mind.com\/?page_id=2339"},"modified":"2025-06-11T16:14:27","modified_gmt":"2025-06-11T14:14:27","slug":"work","status":"publish","type":"page","link":"https:\/\/chilli-mind.com\/en\/work\/","title":{"rendered":"Work"},"content":{"rendered":"<div>Work<\/div>\n<h1>Our latest <\/h1>\n<div>\n<p>We are passionate about designing new hybrid products and innovative services or even entire digital ecosystems &#8211; always focusing on people and their needs.\u00a0<\/p>\n<\/div>\n<div>\n<p>    <!-- Attention-Grabbing Shake --><\/p>\n<style>\n@keyframes shake {\n  0% { transform: rotate(0deg); }\n  20% { transform: rotate(-5deg); }\n  40% { transform: rotate(5deg); }\n  60% { transform: rotate(-5deg); }\n  80% { transform: rotate(5deg); }\n  100% { transform: rotate(0deg); }\n}<\/p>\n<p>.shake-animation {\n  animation: shake 0.6s;\n}\n<\/style>\n<p><!-- Attention-Grabbing Shake --><\/p>\n<p><!-- Animation und Trigger --><\/p>\n<div id=\"animation-container\" style=\"width: 200px; height: 200px; position: relative; cursor: pointer;\"><\/div>\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bodymovin\/5.12.2\/lottie.min.js\"><\/script><br \/>\n<script>\n  \/\/ Liste der JSON-Dateien\n  const animations = [\n    \"https:\/\/chilli-mind.com\/wp-content\/uploads\/2024\/11\/02_Tools_Stein.json\",\n    \"https:\/\/chilli-mind.com\/wp-content\/uploads\/2024\/11\/01_Tools_Papier.json\",\n    \"https:\/\/chilli-mind.com\/wp-content\/uploads\/2024\/11\/03_Tools_Schere.json\"\n  ];<\/p>\n<p>  \/\/ Ziel-URL\n  const targetUrl = \"https:\/\/chilli-mind.com\/en\/tools\/\";<\/p>\n<p>  \/\/ Initialisierung f\u00fcr die Animation\n  const container = document.getElementById('animation-container');\n  let currentIndex = -1;\n  let animation = null;<\/p>\n<p>  function loadRandomAnimation() {\n    let newIndex;\n    do {\n      newIndex = Math.floor(Math.random() * animations.length);\n    } while (newIndex === currentIndex);\n    currentIndex = newIndex;<\/p>\n<p>    if (animation) animation.destroy();<\/p>\n<p>    animation = lottie.loadAnimation({\n      container: container,\n      renderer: 'svg',\n      loop: false,\n      autoplay: false,\n      path: animations[currentIndex]\n    });\n  }<\/p>\n<p>  container.addEventListener('mouseenter', () => {\n    if (animation) animation.play();\n  });<\/p>\n<p>  container.addEventListener('mouseleave', () => {\n    loadRandomAnimation();\n  });<\/p>\n<p>  \/\/ Beim Klick die URL im gleichen Fenster \u00f6ffnen\n  container.addEventListener('click', () => {\n    window.location.href = targetUrl;\n  });<\/p>\n<p>  \/\/ Erste Animation laden\n  loadRandomAnimation();\n<\/script><\/p>\n<p><!-- Attention-Grabbing Shake Zeitintervall--><\/p>\n<p><script>\n  \/\/ Alle 4 Sekunden shake hinzuf\u00fcgen\n  setInterval(() => {\n    container.classList.add('shake-animation');\n    setTimeout(() => {\n      container.classList.remove('shake-animation');\n    }, 600); \/\/ Dauer des Shake-Effekts\n  }, 4000);\n<\/script><br \/>\n<!-- Attention-Grabbing Shake Zeitintervall --><\/p>\n<\/div>\n<div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"60\",\"header_transparent\":false,\"header_transparent_text_color\":\"light\",\"image_effect\":\"parallax\",\"image_parallax_bgx\":\"-120,-120\",\"image_parallax_bgy\":\"420,120\",\"image_parallax_easing\":\"0.5\",\"image_position\":\"bottom-left\",\"image_size\":\"contain\",\"padding\":\"large\",\"padding_remove_bottom\":true,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\",\"width_expand\":\"right\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"small\",\"layout\":\"2-3,1-3\",\"margin\":\"xlarge\",\"margin_remove_bottom\":true},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-3\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Work\",\"margin\":\"small\",\"title_element\":\"div\",\"title_style\":\"h6\"},\"name\":\"eyebrow\"},{\"type\":\"headline\",\"props\":{\"content\":\"Our latest \",\"margin\":\"medium\",\"position\":\"relative\",\"title_element\":\"h1\",\"title_style\":\"heading-medium\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<p>We are passionate about designing new hybrid products and innovative services or even entire digital ecosystems - always focusing on people and their needs.\\u00a0<\\\/p>\",\"margin\":\"large\",\"margin_remove_top\":true,\"maxwidth\":\"2xlarge\",\"position\":\"relative\",\"text_style\":\"lead\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"html\",\"props\":{\"class\":\"uk-visible@m\",\"content\":\"<!-- Attention-Grabbing Shake -->\\n\\n<\/p>\n<style>\\n@keyframes shake {\\n  0% { transform: rotate(0deg); }\\n  20% { transform: rotate(-5deg); }\\n  40% { transform: rotate(5deg); }\\n  60% { transform: rotate(-5deg); }\\n  80% { transform: rotate(5deg); }\\n  100% { transform: rotate(0deg); }\\n}\\n\\n.shake-animation {\\n  animation: shake 0.6s;\\n}\\n<\\\/style>\\n\\n<!-- Attention-Grabbing Shake -->\\n\\n\\n<!-- Animation und Trigger -->\\n<\/p>\n<div id=\\\"animation-container\\\" style=\\\"width: 200px; height: 200px; position: relative; cursor: pointer;\\\"><\\\/div>\\n\\n<script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/bodymovin\\\/5.12.2\\\/lottie.min.js\\\"><\\\/script>\\n<script>\\n  \\\/\\\/ Liste der JSON-Dateien\\n  const animations = [\\n    \\\"https:\\\/\\\/chilli-mind.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/02_Tools_Stein.json\\\",\\n    \\\"https:\\\/\\\/chilli-mind.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/01_Tools_Papier.json\\\",\\n    \\\"https:\\\/\\\/chilli-mind.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/03_Tools_Schere.json\\\"\\n  ];\\n\\n  \\\/\\\/ Ziel-URL\\n  const targetUrl = \\\"https:\\\/\\\/chilli-mind.com\\\/en\\\/tools\\\/\\\";\\n\\n  \\\/\\\/ Initialisierung f\\u00fcr die Animation\\n  const container = document.getElementById('animation-container');\\n  let currentIndex = -1;\\n  let animation = null;\\n\\n  function loadRandomAnimation() {\\n    let newIndex;\\n    do {\\n      newIndex = Math.floor(Math.random() * animations.length);\\n    } while (newIndex === currentIndex);\\n    currentIndex = newIndex;\\n\\n    if (animation) animation.destroy();\\n\\n    animation = lottie.loadAnimation({\\n      container: container,\\n      renderer: 'svg',\\n      loop: false,\\n      autoplay: false,\\n      path: animations[currentIndex]\\n    });\\n  }\\n\\n  container.addEventListener('mouseenter', () => {\\n    if (animation) animation.play();\\n  });\\n\\n  container.addEventListener('mouseleave', () => {\\n    loadRandomAnimation();\\n  });\\n\\n  \\\/\\\/ Beim Klick die URL im gleichen Fenster \\u00f6ffnen\\n  container.addEventListener('click', () => {\\n    window.location.href = targetUrl;\\n  });\\n\\n  \\\/\\\/ Erste Animation laden\\n  loadRandomAnimation();\\n<\\\/script>\\n\\n<!-- Attention-Grabbing Shake Zeitintervall-->\\n\\n<script>\\n  \\\/\\\/ Alle 4 Sekunden shake hinzuf\\u00fcgen\\n  setInterval(() => {\\n    container.classList.add('shake-animation');\\n    setTimeout(() => {\\n      container.classList.remove('shake-animation');\\n    }, 600); \\\/\\\/ Dauer des Shake-Effekts\\n  }, 4000);\\n<\\\/script>\\n<!-- Attention-Grabbing Shake Zeitintervall -->\\n\"}}]}]}],\"name\":\"Posts Index\"},{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"60\",\"header_transparent\":false,\"header_transparent_text_color\":\"light\",\"image_effect\":\"parallax\",\"image_parallax_bgx\":\"-120,-120\",\"image_parallax_bgy\":\"420,120\",\"image_parallax_easing\":\"0.5\",\"image_position\":\"bottom-left\",\"image_size\":\"contain\",\"padding\":\"large\",\"padding_remove_bottom\":false,\"padding_remove_top\":false,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"grid\",\"props\":{\"content_column_breakpoint\":\"m\",\"css\":\"\\\/* Alle unerw\\u00fcnschten Filter ausblenden *\\\/\\n.el-nav li[uk-filter-control*=\\\"medium\\\"],\\n.el-nav li[uk-filter-control*=\\\"large\\\"] {\\n    display: none !important;\\n}\",\"filter\":true,\"filter_align\":\"left\",\"filter_all\":true,\"filter_all_label\":\"All\",\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_margin\":\"large\",\"filter_position\":\"top\",\"filter_style\":\"subnav-pill\",\"grid_column_gap\":\"small\",\"grid_default\":\"1\",\"grid_medium\":\"\",\"grid_row_gap\":\"large\",\"grid_small\":\"2\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_height\":\"380\",\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_width\":\"600\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"\",\"margin\":\"medium\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_margin\":\"remove\",\"meta_style\":\"\",\"panel_link\":true,\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"h4\"},\"children\":[{\"type\":\"grid_item\",\"source\":{\"query\":{\"name\":\"referenzens.customReferenzens\",\"arguments\":{\"terms\":[],\"referenzkategorie_operator\":\"IN\",\"users\":[],\"users_operator\":\"IN\",\"offset\":0,\"limit\":500,\"order\":\"date\",\"order_direction\":\"DESC\",\"post_tag_operator\":\"IN\"}},\"props\":{\"title\":{\"filters\":{\"search\":\"\"},\"name\":\"field.client\"},\"image\":{\"filters\":{\"search\":\"\"},\"name\":\"featuredImage.url\"},\"image_alt\":{\"filters\":{\"search\":\"\"},\"name\":\"featuredImage.alt\"},\"link\":{\"filters\":{\"search\":\"\"},\"name\":\"link\"},\"tags\":{\"filters\":{\"search\":\"\"},\"arguments\":{\"separator\":\", \",\"show_link\":true,\"link_style\":\"\"},\"name\":\"referenzkategorieString\"},\"meta\":{\"name\":\"field.case_titel\"}}}}]}]}]}],\"name\":\"Posts Index\"}],\"version\":\"4.5.19\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Work Our latest We are passionate about designing new hybrid products and innovative services or even entire digital ecosystems &#8211; always focusing on people and their needs.\u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2339","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/pages\/2339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/comments?post=2339"}],"version-history":[{"count":97,"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/pages\/2339\/revisions"}],"predecessor-version":[{"id":13460,"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/pages\/2339\/revisions\/13460"}],"wp:attachment":[{"href":"https:\/\/chilli-mind.com\/en\/wp-json\/wp\/v2\/media?parent=2339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}