Skip to content

Instantly share code, notes, and snippets.

@acg

acg/poop-sierpinksi.html

Created August 26, 2017 00:50
Show Gist options
  • Save acg/c8ca3e5221aa8eb43204956be22edbeb to your computer and use it in GitHub Desktop.
Save acg/c8ca3e5221aa8eb43204956be22edbeb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
poop-sierpinksi.html
<html>
<head>
<style lang="text/css">
body {
margin: 0;
padding: 0;
}
.poop {
position: absolute;
display: block;
width: 480px;
height: 462px;
background-image: url('http://i.imgur.com/3MeFpv5.png');
transform-origin: top left;
}
.poop1 {
transform: scale(0.55);
left: 23%;
top: 45.5%;
}
.poop2 {
transform: scale(0.4);
left: 14%;
top: 32%;
}
.poop3 {
transform: scale(0.4);
left: 46.8%;
top: 32%;
}
</style>
</head>
<body>
<div class="poop poop0">
<div class="poop poop1">
<div class="poop poop1">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop2">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop3">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
</div>
<div class="poop poop2">
<div class="poop poop1">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop2">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop3">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
</div>
<div class="poop poop3">
<div class="poop poop1">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop2">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
<div class="poop poop3">
<div class="poop poop1">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop2">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
<div class="poop poop3">
<div class="poop poop1"></div>
<div class="poop poop2"></div>
<div class="poop poop3"></div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment