Update

zhiyingzzhou · Apr 7, 2017 · 3e1f41c · 3e1f41c
1 parent 93f86e2
commit 3e1f41c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -55,10 +55,11 @@ <h1><img src="http://i.imgur.com/QRlAg0b.png"><br>JSONPlaceholder </h1>
           </a>
         </div>
 
-        <a class="sponsor" href="https://patreon.com/typicode" onclick="trackOutboundLink('https://patreon.com/typicode')">
-          <b>Sponsor</b>
-          JSONPlaceholder and have your <b>company logo</b> on this page
-        </a>
+        <div class="center">
+          <a class="sponsor" href="https://patreon.com/typicode" onclick="trackOutboundLink('https://patreon.com/typicode')">
+            <b>Support</b> JSONPlaceholder and other projects on <b>Patreon</b>
+          </a>
+        </div>
       </div>
       <h2>Intro</h2>
 

diff --git a/public/style.css b/public/style.css
@@ -41,13 +41,19 @@ h1 {
   margin-bottom: 50px;
 }
 
+.center {
+  text-align: center;
+}
+
 a.sponsor {
-  display: block;
+  display: inline-block;
   margin: 20px 0 50px 0;
   color: #999;
   background: #F9F9F9;
   padding: 20px;
   border-radius: 5px;
+  -webkit-transition: .2s; /* Safari */
+  transition: .2s;
 }
 
 /*a.sponsor:hover {
@@ -57,6 +63,7 @@ a.sponsor {
 a.sponsor:hover {
   color: white;
   background: #E6461A;
+  text-decoration: none;
 }
 
 p {