February 17, 2014 22:32 · Feb 17, 2014
diff --git a/An-Anonymous-Pen.markdown b/An-Anonymous-Pen.markdown
@@ -0,0 +1,7 @@
+An Anonymous Pen
+----------------
+This is just a simple loading animation made of 10 p tags. I call it "Pulse"
+
+A [Pen](http://codepen.io/anon/pen/Iqpjm) by [A Non Ymous](http://codepen.io/anon) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/anon/pen/Iqpjm/license).
diff --git a/index.haml b/index.haml
@@ -0,0 +1,3 @@
+#loading
+ - (1..10).each do
+  %p
diff --git a/style.css b/style.css
@@ -0,0 +1,33 @@
+body{
+	text-align:center;
+background:#34aadc;
+}
+
+#loading{
+	width:200px;
+	height:100px;
+	margin:100px auto;
+}
+
+p{
+	height:80px;
+	width:6px;
+	background:#fff;
+	display:inline-block;
+	animation:loader 1.3s infinite;
+}
+
+@keyframes loader{
+	50% { height:6px; margin-top:74px; opacity:.1; }
+}
+
+p:nth-child(1) {animation-delay:.1s;}
+p:nth-child(2) {animation-delay:.2s;}
+p:nth-child(3) {animation-delay:.3s;}
+p:nth-child(4) {animation-delay:.4s;}
+p:nth-child(5) {animation-delay:.5s;}
+p:nth-child(6) {animation-delay:.6s;}
+p:nth-child(7) {animation-delay:.7s;}
+p:nth-child(8) {animation-delay:.8s;}
+p:nth-child(9) {animation-delay:.9s;}
+p:nth-child(10){animation-delay:1s;}