{"__browser":{"device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; web-share; vr","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails","cpedata":{"action":"show","controller":"live_fullpage"}},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjc1Mjc1OTkxLCJpYXQiOjE2NzUyNzIzOTEsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.xG76W4HYZFoRlX2wijba7N1nveFjOAuNwgAaqROdGKSnx23_p1PQfQN6DYWcoaPO3-ltUi7KMh4LdQmbM8L_jmUGUDgWQe7rM70Du_YafAeOKlDTZPTH7StVmcX9tw00ecMbRl_CzUirbGy0dMi86ME0qidlu6t5P98Mn0-k7X388LhQj3h8zMo6iDp5PH7_QAaci6c2yMXWQn-3T7Y0wcXL-jr1rlhi7GqFnnTQ7jNP8W_tYJrwY9XTs7KRXsQCRBti2e-3Qc9D_Eo03wEKwGaCT8FrjurOY7is8kX8AjFwhP79kXB_02skPs_zZzuPAwe74sPEX_VEnhyQPCxl9A"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":40834806,\"user_id\":265602,\"html\":\"\",\"css\":\"body {\\n\\tmargin: 0;\\n\\tbackground-color: #fff;\\n}\\n\\n\\ncanvas {\\n\\tborder: 1px solid black;\\n\\twidth: 95%;\\/*98%*\\/\\n\\tposition: absolute;\\n\\tleft:0;\\n\\tright:0;\\n\\ttop:0;\\/*8%*\\/\\n\\tmargin:auto;\\n}\\n\",\"js\":\"\\n\\/\\/MATTER JS\\n\\n\\/\\/ module aliases\\nvar Engine = Matter.Engine,\\n Render = Matter.Render,\\n World = Matter.World,\\n Bodies = Matter.Bodies,\\n\\t\\tMouseConstraint = Matter.MouseConstraint,\\n\\t\\tMouse = Matter.Mouse,\\n\\t\\t\\n\\t\\t\\/\\/Runner = Matter.Runner,\\n\\t\\tComposites = Matter.Composites,\\n\\t\\tConstraint = Matter.Constraint;\\n\\n\\n\\n\\/\\/ create an engine\\n var engine = Engine.create(),\\n world = engine.world;\\n\\n\\n\\/\\/ create renderer\\n var render = Render.create({\\n element: document.body,\\n engine: engine,\\n options: {\\n width: 1400,\\n height: 800,\\n background: 'white',\\n showAngleIndicator: false,\\n wireframes: false,\\n\\t\\t\\t\\t\\t\\t\\/\\/showVelocity: true,\\n\\t\\t\\t\\t\\t\\t\\/\\/showCollisions: true\\n }\\n });\\n\\n\\n\\n\\n\\n\\n\\/\\/ LES FORMES\\n\\nvar nicolas = Bodies.circle(145, 20, 145, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/nicolas-fond-blanc.png'\\n }\\n }\\n });\\n\\n\\nvar est = Bodies.circle(200, 50, 77, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/est-cercle02.png'\\n }\\n }\\n });\\n\\n\\nvar interactive = Bodies.rectangle(390, 10, 465, 118, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/interactive-cercle03.png'\\n }\\n }\\n });\\n\\n\\nvar media = Bodies.circle(656, 156, 113, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/media-cercle04.png'\\n }\\n }\\n });\\n\\n\\nvar designer = Bodies.rectangle(790, 0, 350, 148, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/designer-cercle05.png'\\n }\\n }\\n });\\n\\nvar et = Bodies.circle(900, -1000, 34, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/et.png'\\n }\\n }\\n });\\n\\nvar enseignant = Bodies.rectangle(890, -1800, 350, 90, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/enseignant.png'\\n }\\n }\\n });\\n\\nvar hello = Bodies.rectangle(890, -9800, 171, 31, {\\n render: {\\n sprite: {\\n texture: 'https:\\/\\/s3-us-west-2.amazonaws.com\\/s.cdpn.io\\/265602\\/hello-blue.png'\\n }\\n }\\n });\\n\\n\\n\\n\\nvar point1 = Bodies.polygon(400, -1200, 6, 40, {\\n\\trender: {\\n fillStyle: 'black',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\nvar point2 = Bodies.polygon(600, -2500, 8, 30, {\\n\\trender: {\\n fillStyle: 'black',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\nvar point3 = Bodies.polygon(900, -3600, 3, 60, {\\n\\trender: {\\n fillStyle: 'black',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\n\\n\\n\\/*LES MURS*\\/\\nvar sol = Bodies.rectangle(700, 810, 1400, 20, { \\n\\tisStatic: true,\\n\\trender: {\\n fillStyle: 'white',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\n\\nvar murgauche = Bodies.rectangle(-5, 50, 10, 1400, { \\n\\tisStatic: true,\\n\\trender: {\\n fillStyle: 'white',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\n\\n\\n\\nvar murdroit = Bodies.rectangle(1400, 50, -5, 1400, { \\n\\tisStatic: true,\\n\\trender: {\\n fillStyle: 'white',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n\\n\\n\\/*\\nvar plafond = Bodies.rectangle(700, 0, 1400, 10, { \\n\\tisStatic: true,\\n\\trender: {\\n fillStyle: 'white',\\n strokeStyle: 'white',\\n lineWidth: 1\\n\\t}\\n});\\n*\\/\\n\\n\\n\\n\\/\\/ add all of the bodies to the world\\nWorld.add(engine.world, [nicolas, est, interactive, media, designer, et, enseignant, hello, sol, murgauche, murdroit, point1, point2, point3]);\\n\\n\\n\\n\\n\\/\\/ run the engine\\nEngine.run(engine);\\n\\n\\/\\/ run the renderer\\nRender.run(render);\\n\\n\\/\\/ create runner\\n \\/\\/var runner = Runner.create();\\n \\/\\/Runner.run(runner, engine);\\n\\n\\n\\/\\/ add mouse control\\nvar mouse = Mouse.create(render.canvas),\\n mouseConstraint = MouseConstraint.create(engine, {\\n mouse: mouse,\\n constraint: {\\n stiffness: 1,\\n render: {\\n visible: false\\n }\\n }\\n });\\n\\n\\nWorld.add(world, mouseConstraint);\\n\\n\\/\\/ keep the mouse in sync with rendering\\nrender.mouse = mouse;\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2019-10-28T15:12:24.000Z\",\"updated_at\":\"2019-10-30T13:19:25.000Z\",\"title\":\"header site\",\"description\":\"\",\"slug_hash\":\"ExxvNom\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"f72fab87fabed9c4c9e0dcc374087839\",\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":0,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":\"2022-11-08T22:42:55.128Z\",\"pen_hash\":null,\"hashid\":\"ExxvNom\"}"}