add creators

tholman · Oct 22, 2014 · 4ed6899 · 4ed6899
1 parent 3a76823
commit 4ed6899
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 14 deletions.
diff --git a/site/css/styles.css b/site/css/styles.css
@@ -33,9 +33,6 @@ body {
   min-height: 600px;
   height: 100%;
   width: 100%; }
-  .wrapper a {
-    color: #FF6900;
-    text-decoration: none; }
 
 .left {
   min-height: 600px;
@@ -134,6 +131,26 @@ body {
     vertical-align: bottom;
     margin-right: 10px; }
 
+.us {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+  margin-left: -250px;
+  position: absolute;
+  font-size: 12px;
+  bottom: 15px;
+  height: 20px;
+  color: #aaa;
+  left: 50%;
+  line-height: 25px;
+  vertical-align: top;
+  z-index: 1; }
+  .us .description {
+    vertical-align: top;
+    line-height: 20px;
+    margin-right: 6px; }
+  .us a {
+    vertical-align: top;
+    color: #aaa; }
+
 .logo-colors {
   height: 30px;
   width: 30px;
@@ -162,7 +179,8 @@ body {
   position: absolute;
   right: 100px;
   top: 50%;
-  margin-top: -260px; }
+  margin-top: -260px;
+  z-index: 2; }
   .card-holster .shine {
     box-shadow: 0px 0px 90px 15px rgba(255, 255, 255, 0.3);
     -webkit-transform: translateY(50px) translateX(0px) rotateZ(-35deg);

diff --git a/site/index.html b/site/index.html
@@ -319,17 +319,22 @@
         		</header>
         		<div class="copy">
                     Palletab is a Chrome extension which uses Google fonts and amazing ColourLovers palettes to inspire you with fresh and clean inspiration every time you hit that new tab button! 
-<!-- 
-                    <a href="http://twitter.com/claudioguglieri" target="_blank">Claudio</a> & <a href="http://twitter.com/twholman" target="_blank">Tim</a> -->
+
         		</div>
         		<a class="button" href="https://chrome.google.com/webstore/detail/bidckpnndigbjhmojikkhmejkfkpgoih">
         			Check out Palettab in the Chrome Store
         		</a>
         	</div>
-
+            <div class="us">
+                <span class="description">
+                    A PROJECT BY <a href="http://tholman.com" target="_blank">TIM HOLMAN</a> & <a href="http://twitter.com/claudioguglieri" target="_blank">CLAUDIO GUGLIERI</a>
+                </span>
+                <a href="https://twitter.com/twholman" class="twitter-follow-button" data-show-count="false">Follow @twholman</a>
+                <a href="https://twitter.com/claudioguglieri" class="twitter-follow-button" data-show-count="false">Follow @claudioguglieri</a>
+            </div>
     		<div class="sharing">
-    		    <a href="https://twitter.com/share" class="twitter-share-button" data-text="Palettab, something new with every tab! by @twholman & @claudioguglieri -" data-align="right">Tweet</a>
-    		    <div class="fb-like" data-href="http://palettab.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
+                <a href="https://twitter.com/share" class="twitter-share-button" data-text="Palettab, something new with every tab! by @twholman & @claudioguglieri -" data-align="right">Tweet</a>
+                <div class="fb-like" data-href="http://palettab.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
     		</div>
         </div>
 

diff --git a/site/scss/styles.scss b/site/scss/styles.scss
@@ -72,11 +72,6 @@ body {
 	min-height: 600px;
 	height: 100%;
 	width: 100%;
-
-	a {
-		color: #FF6900;
-		text-decoration: none;
-	}
 }
 
 .left {
@@ -211,6 +206,31 @@ body {
 	}
 }
 
+.us {
+	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+	margin-left: -250px;
+	position: absolute;
+	font-size: 12px;
+	bottom: 15px;
+	height: 20px;
+	color: #aaa;
+	left: 50%;
+	line-height: 25px;
+	vertical-align: top;
+	z-index: 1;
+
+	.description {
+		vertical-align: top;
+		line-height: 20px;
+		margin-right: 6px;
+	}
+
+	a {
+		vertical-align: top;
+		color: #aaa;
+	}
+}
+
 $squareWidth: 10px;
 .logo-colors {
 
@@ -260,6 +280,7 @@ $squareWidth: 10px;
 	right: 100px;
 	top: 50%;
 	margin-top: -260px;
+	z-index: 2;
 
 	.shine {
 		box-shadow: 0px 0px 90px 15px rgba(255, 255, 255, 0.3);