407 lines
17 KiB
HTML
407 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodePen - Dan Flashes Complicated Shirt Generator</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<h1>DAN <br>FLASHES<span>Complicated Shirts <br>for Complicated Gentlemen</span></h1>
|
|
<span>fetching new shirts</span>
|
|
<strong>click for new shirt</strong>
|
|
<div id='pattern'>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
<div class='cell'>
|
|
<svg viewbox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'>
|
|
<path class='cellsvg1' fill='transparent' stroke='#FF0066'></path>
|
|
<path class='cellsvg2' fill='transparent' stroke='#FF0066'></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<!-- partial -->
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js'></script>
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js'></script><script src="./script.js"></script>
|
|
|
|
</body>
|
|
</html>
|