add author info, change text link styling

johnpolacek · Apr 25, 2014 · 64b8b8e · 64b8b8e
1 parent 45909a9
commit 64b8b8e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/css/style.css b/css/style.css
@@ -59,11 +59,19 @@ h3 {
 }
 
 p {	width: 80%; margin: 20px auto; text-shadow: 0 2px 1px #000; color: #C5C3DE; }
-a, a:visited { color: #D92B00; font-weight: bold; font-style: italic; }
-ul { list-style: none; }
-
+a, a:visited { 
+	color: #FFB000; 
+	font-weight: bold; 
+	font-style: italic;
+	text-decoration: none;
+	border-bottom: dotted 1px #FFB000;
+}
+figure > a, #newversion a {
+	border-bottom: none;
+}
 figcaption { text-shadow: 0 2px 1px #000; color: #C5C3DE; }
 
+ul { list-style: none; }
 .download { padding: 10px; }
 
 pre { font-size: 15px; }
@@ -118,7 +126,7 @@ blockquote {
 	margin: 10px auto;
 	text-align: center;
 	font-style: italic;
-	color: #D92B00;
+	color: #69697A;
 	z-index:100;
 }
 
@@ -132,7 +140,7 @@ blockquote {
 }
 #hire { margin-bottom: 80px; }
 
-#download a { color: #69697A; }
+#download a { color: #69697A; border-bottom: none; text-decoration: underline; }
 
 #examples-1 { overflow: hidden; }
 #fly-it { position: relative; }
@@ -244,7 +252,11 @@ blockquote {
 	font-style: italic;
 }
 
-#credits { padding: 80px 0; }
+#credits { 
+	max-width: 860px;
+	margin: 0 auto;
+	padding: 80px 0; 
+}
 
 /* mobile demo */
 

diff --git a/index.html b/index.html
@@ -378,10 +378,11 @@ <h1>How To Use</h1>
 
 			<div id="credits">
 				<h1>Credits</h1>
-				<p>SuperScrollorama by <a href="http://twitter.com/johnpolacek">John Polacek</a> with <a href="http://twitter.com/janpaepke">Jan Paepke</a></p>
+				<p>SuperScrollorama by <a href="http://johnpolacek.com">Chicago Web Developer John Polacek</a> <br>with <a href="http://twitter.com/janpaepke">Jan Paepke</a></p>
 				<p><a href="http://greensock.com">Greensock Tweening Engine &amp; TweenMax</a> by <a href="http://greensock.com">Greensock</a></p>
 				<p><a href="http://letteringjs.com">Lettering.js</a> by <a href="http://daverupert.com">Dave Rupert</a></p>
 				<p><a href="http://www.google.com/fonts/specimen/Luckiest+Guy">Luckiest Guy Font</a> by <a href="https://profiles.google.com/astigmaticfonts/about">Astigmatic Fonts</a></p>
+				<p>John Polacek works at <a href="http://www.auctionsbycellular.com">AuctionsByCellular</a>, a <a href="http://www.auctionsbycellular.com/mobile-bidding/">mobile bidding</a> and <a href="http://www.auctionsbycellular.com/auction-software-fundraising-events/">auction software</a> company that <a href="http://www.auctionsbycellular.com/testimonials/">helps charities</a> raise more money.</p>
 			</div>
 
 		</div>