{"id":188,"date":"2023-12-06T00:08:39","date_gmt":"2023-12-06T00:08:39","guid":{"rendered":"https:\/\/123.leheila.co.il\/?page_id=188"},"modified":"2023-12-06T10:27:32","modified_gmt":"2023-12-06T10:27:32","slug":"elementor-188","status":"publish","type":"page","link":"https:\/\/123.leheila.co.il\/?page_id=188","title":{"rendered":"Elementor #188"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"188\" class=\"elementor elementor-188\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5701151 e-flex e-con-boxed e-con e-parent\" data-id=\"5701151\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f78002b elementor-widget elementor-widget-html\" data-id=\"f78002b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/two.js@v0.7.0-stable.1\/build\/two.js\"><\/script>\n<script>\n    var vector = new Two.Vector();\nvar entities = [];\nvar mouse;\nvar copy = [\n  \"Idea\",\n  \"Idea\",\n  \"Idea\",\n  \"Money\",\n  \"Money\",\n  \"Tech\",\n  \"Concept\",\n  \"Business\",\n  \"Design\",\n  \"MVP\",\n  \"Roadmap\",\n  \"Testing\",\n  \"Focus Group\",\n  \"Culture\",\n  \"Concept\",\n  \"Pitch\",\n  \"Needs\",\n  \"Issues\",\n  \"Marketing\",\n  \"Customer\",\n  \"Client\",\n  \"Service\",\n  \"Users\",\n  \"Analytics\",\n  \"Idea\",\n  \"Idea\",\n  \"Idea\",\n  \"Idea\",\n  \"Guidance\"\n];\n\nvar two = new Two({\n  type: Two.Types.canvas,\n  fullscreen: true,\n  autostart: true\n}).appendTo(document.body);\n\nvar solver = Matter.Engine.create();\nsolver.world.gravity.y = 1;\n\nvar bounds = {\n  length: 5000,\n  thickness: 50,\n  properties: {\n    isStatic: true\n  }\n};\n\n\/\/ bounds.top = createBoundary(bounds.length, bounds.thickness);\nbounds.left = createBoundary(bounds.thickness, bounds.length);\nbounds.right = createBoundary(bounds.thickness, bounds.length);\nbounds.bottom = createBoundary(bounds.length, bounds.thickness);\n\nMatter.World.add(solver.world, [\n  \/*bounds.top.entity,*\/ bounds.left.entity,\n  bounds.right.entity,\n  bounds.bottom.entity\n]);\n\nvar defaultStyles = {\n  size: two.width * 0.08,\n  weight: 400,\n  fill: \"white\",\n  leading: two.width * 0.08 * 0.8,\n  family: \"Angus, Arial, sans-serif\",\n  alignment: \"center\",\n  baseline: \"baseline\",\n  margin: {\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0\n  }\n};\n\naddSlogan();\nresize();\nmouse = addMouseInteraction();\ntwo.bind(\"resize\", resize).bind(\"update\", update);\n\nfunction addMouseInteraction() {\n  \/\/ add mouse control\n  var mouse = Matter.Mouse.create(document.body);\n  var mouseConstraint = Matter.MouseConstraint.create(solver, {\n    mouse: mouse,\n    constraint: {\n      stiffness: 0.2\n    }\n  });\n\n  Matter.World.add(solver.world, mouseConstraint);\n\n  return mouseConstraint;\n}\n\nfunction resize() {\n  var length = bounds.length;\n  var thickness = bounds.thickness;\n\n  \/\/ vector.x = two.width \/ 2;\n  \/\/ vector.y = - thickness \/ 2;\n  \/\/ Matter.Body.setPosition(bounds.top.entity, vector);\n\n  vector.x = -thickness \/ 2;\n  vector.y = two.height \/ 2;\n  Matter.Body.setPosition(bounds.left.entity, vector);\n\n  vector.x = two.width + thickness \/ 2;\n  vector.y = two.height \/ 2;\n  Matter.Body.setPosition(bounds.right.entity, vector);\n\n  vector.x = two.width \/ 2;\n  vector.y = two.height + thickness \/ 2;\n  Matter.Body.setPosition(bounds.bottom.entity, vector);\n\n  var size;\n\n  if (two.width < 480) {\n    size = two.width * 0.12;\n  } else if (two.width > 1080 && two.width < 1600) {\n    size = two.width * 0.07;\n  } else if (two.width > 1600) {\n    size = two.width * 0.06;\n  } else {\n    size = two.width * 0.08;\n  }\n\n  var leading = size * 0.8;\n\n  for (var i = 0; i < two.scene.children.length; i++) {\n    var child = two.scene.children[i];\n\n    if (!child.isWord) {\n      continue;\n    }\n\n    var text = child.text;\n    var rectangle = child.rectangle;\n    var entity = child.entity;\n\n    text.size = size;\n    text.leading = leading;\n\n    var rect = text.getBoundingClientRect(true);\n    rectangle.width = rect.width;\n    rectangle.height = rect.height;\n\n    Matter.Body.scale(entity, 1 \/ entity.scale.x, 1 \/ entity.scale.y);\n    Matter.Body.scale(entity, rect.width, rect.height);\n    entity.scale.set(rect.width, rect.height);\n\n    text.size = size \/ 3;\n  }\n}\n\nfunction addSlogan() {\n  var x = defaultStyles.margin.left;\n  var y = -two.height; \/\/ Header offset\n\n  for (var i = 0; i < copy.length; i++) {\n    var word = copy[i];\n    var group = new Two.Group();\n    var text = new Two.Text(\"\", 0, 0, defaultStyles);\n\n    group.isWord = true;\n\n    \/\/ Override default styles\n    if (word.value) {\n      text.value = word.value;\n\n      for (var prop in word.styles) {\n        text[prop] = word.styles[prop];\n      }\n    } else {\n      text.value = word;\n    }\n\n    var rect = text.getBoundingClientRect();\n    var ox = x + rect.width \/ 2;\n    var oy = y + rect.height \/ 2;\n\n    var ca = x + rect.width;\n    var cb = two.width;\n\n    \/\/ New line\n    if (ca >= cb) {\n      x = defaultStyles.margin.left;\n      y +=\n        defaultStyles.leading +\n        defaultStyles.margin.top +\n        defaultStyles.margin.bottom;\n\n      ox = x + rect.width \/ 2;\n      oy = y + rect.height \/ 2;\n    }\n\n    group.translation.x = ox;\n    group.translation.y = oy;\n    text.translation.y = 14;\n    \n    \n    var rectangle = new Two.Rectangle(0, 0, rect.width, rect.height);\n    rectangle.fill =\n      \"rgba(\" +\n      255 +\n      \",\" +\n      Math.floor(Math.random() * 255) +\n      \",\" +\n      Math.floor(Math.random() * 255) +\n      \",\" +\n      0.85 +\n      \")\";\n    rectangle.noStroke();\n    \n    \/\/ Set rounded corners with a radius of 200 pixels\n    rectangle.radius = 200;\n\n    var entity = Matter.Bodies.rectangle(ox, oy, 1, 1);\n    Matter.Body.scale(entity, rect.width, rect.height);\n\n    entity.scale = new Two.Vector(rect.width, rect.height);\n    entity.object = group;\n    entities.push(entity);\n\n\n    var rectangle = new Two.RoundedRectangle(0, 0, rect.width, rect.height, 35);\n    \/\/ rectangle.fill = 'rgb(255, 50, 50)';\n    rectangle.fill =\n      \"rgba(\" +\n      255 +\n      \",\" +\n      Math.floor(Math.random() * 255) +\n      \",\" +\n      Math.floor(Math.random() * 255) +\n      \",\" +\n      0.85 +\n      \")\";\n    rectangle.noStroke();\n    \/\/ rectangle.opacity = 0.75;\n    rectangle.visible = true;\n\n    var entity = Matter.Bodies.rectangle(ox, oy, 1, 1);\n    Matter.Body.scale(entity, rect.width, rect.height);\n\n    entity.scale = new Two.Vector(rect.width, rect.height);\n    entity.object = group;\n    entities.push(entity);\n\n    x += rect.width + defaultStyles.margin.left + defaultStyles.margin.right;\n\n    group.text = text;\n    group.rectangle = rectangle;\n    group.entity = entity;\n\n    group.add(rectangle, text);\n    two.add(group);\n  }\n\n  Matter.World.add(solver.world, entities);\n}\n\nfunction update(frameCount, timeDelta) {\n  var allBodies = Matter.Composite.allBodies(solver.world);\n  Matter.MouseConstraint.update(mouse, allBodies);\n  Matter.MouseConstraint._triggerEvents(mouse);\n\n  Matter.Engine.update(solver);\n\n  for (var i = 0; i < entities.length; i++) {\n    var entity = entities[i];\n    entity.object.position.copy(entity.position);\n    entity.object.rotation = entity.angle;\n  }\n}\n\nfunction createBoundary(width, height) {\n  var rectangle = two.makeRectangle(0, 0, width, height);\n  rectangle.visible = false;\n\n  rectangle.entity = Matter.Bodies.rectangle(\n    0,\n    0,\n    width,\n    height,\n    bounds.properties\n  );\n  rectangle.entity.position = rectangle.position;\n\n  return rectangle;\n}\n\n<\/script>\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=188"}],"version-history":[{"count":58,"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/123.leheila.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}