forked from brunoimbrizi/interactive-particles
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex2.html
More file actions
57 lines (55 loc) · 9.33 KB
/
index2.html
File metadata and controls
57 lines (55 loc) · 9.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
<!--[if lte IE 9]>
<html lang="en" class="oldie">
<![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="24PWMbdE7yawS8OWIyX6J3oPC55TI9V9rT4UL1uhJkMMiAnNI4WNB9I4niIQLXsUjvtmM1oiuGac0I0K9wd6UQ==" />
<title>CodePen - Interactive particles canvas generated from image</title>
<link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/fullpage/fullpage-7d0085e88e3f06095d712efc55f79fc6aedaeed08967649de30e3ea674797898.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/global/global-7455542a71b4ee0ba61ad30ff49a31277fe11c94392fec13c3247c9adc456b11.css" />
<link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/packs/css/everypage-c53636ba.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/page/page-759641c2fa65e10cb48297dbf07868663d7677f214d69c2cb685f09f2c268f64.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/editor/editor-2398126e7b2859e7a14860fd7747e34acf16897f020b80269935e34a804006e9.css" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@CodePen">
<meta name="twitter:title" content="Interactive particles canvas generated from image">
<meta name="twitter:description" content="Interactive particles that react on mouse movement and has their own gravity and are generated from any images....">
<meta name="twitter:image" content="https://shots.codepen.io/username/pen/YzdqGNV-800.jpg?version=1693333897">
<meta property="og:image" content="https://shots.codepen.io/username/pen/YzdqGNV-800.jpg?version=1693333897" itemprop="thumbnailUrl">
<meta property="og:title" content="Interactive particles canvas generated from image">
<meta property="og:url" content="https://codepen.io/barionleg/details/YzdqGNV">
<meta property="og:site_name" content="CodePen">
<meta property="og:description" content="Interactive particles that react on mouse movement and has their own gravity and are generated from any images....">
<link rel="alternate" type="application/json+oembed" href="https://codepen.io/api/oembed?url=https%3A%2F%2Fcodepen.io%2Fbarionleg%2Fpen%2FYzdqGNV&format=json" title="Interactive particles canvas generated from image" />
<link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" />
<meta name="apple-mobile-web-app-title" content="CodePen">
<link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" />
<link rel="mask-icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" color="#111" />
</head>
<body class="fullpage logged-in">
<header id="main-header" class="main-header"></header>
<div class="oldie-header">
<a href="https://codepen.io/barionleg/pen/YzdqGNV?nocache=true&view=pen">Edit Pen</a>
</div>
<div id="result-iframe-wrap" role="main">
<iframe id="result" src="https://cdpn.io/barionleg/fullpage/YzdqGNV?nocache=true&view=fullpage" 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" allow="accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share" allowTransparency="true" allowpaymentrequest="true" allowfullscreen="true" class="result-iframe" loading="lazy"></iframe>
</div>
<div id="pen-ad"></div>
<textarea id="init-data" style="display:none">{"__browser":{"country":"FR","device":"unknown_device","mobile":false,"name":"chrome","platform":"pc","version":"116"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share","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":"kLNxEr","name":"Bankn8II©$A","title":"Bankn8II©$A","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"kLNxEr","title":"Bankn8II©$A","name":"Bankn8II©$A","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"barionleg","__typename":"User"},"currentTeamId":null,"username":"barionleg","admin":false,"anon":false,"pro":false,"verified":true,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":false,"base_url":"/barionleg/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"kLNxEr","id":10727301,"itemType":"user","name":"Bankn8II©$A","paid":false,"tier":0,"username":"barionleg","created_at":"2023-08-03T18:10:20.318Z","email_verified":true,"collections_count":1,"collections_private_count":1,"followers_count":0,"followings_count":0,"pens_count":7,"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.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoia0xOeEVyIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjkzMzM3NTEzLCJpYXQiOjE2OTMzMzM5MTMsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6ImtMTnhFciJ9.kB_ySKo_KRAU1vB7yNOkheHmupTTjBlDZ1NGD5jp4At3XvFnXDpngNf97Ckw7ZVMC3eWHC1r1eatYoYun-c6l9UVa-beH7ExjdO-AQ1XcuYd8tSNho6qS3oD26ko03WkkcrriB70kjSxdzxSwAqWjhc_vmnoyVd5SRHUBx3pmG3uv7ZQI2ISGpa0EPW3Ro8oIsjlQ_lzBhsogGyWgtl5NcNijesojg8RpdewcI-fM4P7Dgf7RkukJgRrpSwicGlGOIkNZ4gxN9hTqnsSSsN4_UAZ-BPYCREnz7OfDtccbLK_II5tCkqmrTb9c0q3JjpZpR8TZeRM1G7XVRoTW_Za6w"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":70194015,\"hashid\":\"YzdqGNV\",\"itemType\":\"pen\",\"user_id\":10727301,\"slug_hash\":\"YzdqGNV\",\"private\":false,\"slug_hash_private\":\"f706fa640c27613fb598771eda3b371f\"}","__profiled":{"base_url":"/barionleg","hashid":"kLNxEr","id":10727301,"name":"Bankn8II©$A","type":"user","username":"barionleg"},"__pageType":"full"}</textarea>
<div id="popup-overlay" class="overlay popup-overlay"></div>
<div id="modal-overlay" class="overlay modal-overlay"></div>
<script src="https://cpwebassets.codepen.io/assets/common/everypage-b1fe1ca71dab80c49b8e5ebed21506a80cb6fe64ecaa8c6dddae5aca7b1e34d7.js"></script>
<script src="https://apc.codepen.io/69186.js"></script>
<script src="https://cpwebassets.codepen.io/assets/common/appcues-dabea89133f3a919e973a927aebbc27318967ac159bc8c7b657d656880822e14.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/vendor-398f96ea49aca7d68d70.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/1-8221f10abfd4b1babe09.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/everypage-5a6c79f4c3240c0ce5a9.js"></script>
<script src="https://cpwebassets.codepen.io/assets/editor/full/full_page_renderer-74c0df88dc71f0228dc09f732aac0a6e7dd92c69e877b8cfa0e1299480c7fb9e.js"></script>
</body>
</html>