update hr and add divider images

StupidHackathonAMS · Aug 13, 2016 · 4471d6c · 4471d6c
1 parent e5bbba9
commit 4471d6c
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/geolize.css b/geolize.css
@@ -22,3 +22,11 @@ h5,
 h6 {
   font-family: "Comic Sans MS", "Comic Sans", cursive;
 }
+
+/* Horizontal Rule */
+
+hr {
+  background:url('../img/rainbow.gif');
+  height: 1px;
+  border: 0;
+}
diff --git a/img/construction.gif b/img/construction.gif
diff --git a/img/dragondivider.gif b/img/dragondivider.gif
diff --git a/img/flames.gif b/img/flames.gif
diff --git a/img/rainbow.gif b/img/rainbow.gif
diff --git a/img/skater-divider.gif b/img/skater-divider.gif
diff --git a/img/tropical.gif b/img/tropical.gif
diff --git a/test.html b/test.html
@@ -24,8 +24,18 @@ <h6> H6 header </h6>
 <blockquote> This is a blockquote. </blockquote>
 <hr>
 <p> This is a <a href="#">link</a>. </p>
+
+<hr>
+<h2>Dividers</h2>
+<img src="../img/dragondivider.gif" alt="dragon" /><br />
+<img src="../img/flames.gif" alt="flames" /><br />
+<img src="../img/skater-divider.gif" alt="skater" /><br />
+<img src="../img/construction.gif" alt="construction" /><br />
+<img src="../img/tropical.gif" alt="tropical" /><br />
+
 <hr>
 <img src="img/underconstruction.gif" alt="under construction animated image">
+
 </body>
 
 </html>