added favicon, logo to landing page

madalinignisca · Jul 26, 2015 · fd06d78 · fd06d78
1 parent 195fc12
commit fd06d78
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/example/example.css b/example/example.css
@@ -23,12 +23,16 @@ body, input, button {
 }
 
 h1 {
-  margin-top: 20px;
   text-align: center;
+  background-color: #AC5C7E;
+  margin-top: 20px;
+  margin-bottom: 0;
+  padding: 10px;
 }
 
 h3 {
   background-color: rgba(255, 255, 255, 0.2);
+  border-bottom: 5px solid #A13462;
   text-align: center;
   padding: 10px;
 }
@@ -37,6 +41,10 @@ h3 div {
   margin-bottom: 10px;
 }
 
+.tagline {
+  margin-top: 0;
+}
+
 .promo {
   margin-bottom: 0;
   font-style: italic;

diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
 <!doctype html>
+<link rel="shortcut icon" href="favicon.ico">
 <link href='dist/dragula.css' rel='stylesheet' type='text/css' />
 <link href='example/example.css' rel='stylesheet' type='text/css' />
 <title>dragula</title>
-<h1>dragula</h1>
-<h3>Drag and drop so simple it hurts</h3>
-<h3 class='promo'>Who couldn't love a pun that good? &mdash; <a href='http://thenextweb.com/dd/2015/07/20/less-of-a-drag-maaaaaaaan'>The Next Web</a></h3>
+<h1><img src='resources/logo.svg' onerror='this.src="resources/logo.png"' alt='dragula'/></h1>
+<h3 class='tagline'>Drag and drop so simple it hurts</h3>
 <a href='https://github.com/bevacqua/dragula'>
   <img class='gh-fork' src='https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67' alt='Fork me on GitHub' data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png' />
 </a>
@@ -163,6 +163,7 @@ <h3 class='promo'>Who couldn't love a pun that good? &mdash; <a href='http://the
     </pre>
   </div>
 </div>
+<h3 class='promo'>Who couldn't love a pun that good? &mdash; <a href='http://thenextweb.com/dd/2015/07/20/less-of-a-drag-maaaaaaaan'>The Next Web</a></h3>
 <h3>Get it on GitHub! <a href='https://github.com/bevacqua/dragula'>bevacqua/dragula</a></h3>
 <script src='dist/dragula.js'></script>
 <script src='example/example.js'></script>
diff --git a/resources/icon.svg b/resources/icon.svg
diff --git a/resources/logo.png b/resources/logo.png