168 lines
4.3 KiB
HTML
168 lines
4.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>CodePen - Profusion #2</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<style>
|
||
|
|
body{margin:0 auto;}
|
||
|
|
svg{position:absolute;}
|
||
|
|
</style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
|
||
|
|
<link rel='stylesheet' href='https://codepen.io/leimapapa/pen/eYRzEgY.css'><link rel="stylesheet" href="./style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<section>
|
||
|
|
<div class="kaleidoscope">
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tile">
|
||
|
|
<div class="texture"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- partial -->
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.7/dat.gui.min.js'></script>
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js'></script>
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/sketch.js/1.0.0/sketch.min.js'></script>
|
||
|
|
<script src='https://assets.codepen.io/3919397/grid.js'></script><script type="module" src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|