Made it pretty, but also made it slow.

robashton · May 6, 2012 · 28e6859 · 28e6859
1 parent c994ce6
commit 28e6859
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/site/index.html b/site/index.html
@@ -146,7 +146,7 @@
 
   </script>
   <body>
-    <h1>Github Live</h1>
+    <h1 class="title">Github Fall</h1>
     <div id="container">
 
     </div>
@@ -159,4 +159,4 @@ <h4 class="author"></h4>
       </div>
     </div>
   </body>
-</html>
+</html>
diff --git a/site/style.css b/site/style.css
@@ -1,3 +1,9 @@
+body {
+  background-color: #181907;
+  font-style: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
+  color: #eeeeee;
+}
+
 #container {
   -webkit-transform-origin: 0px 0px;
   -webkit-transform: scale(1.0);
@@ -12,16 +18,29 @@
   position: absolute;
 }
 
+h1 {
+  font-variant: small-caps;
+}
+
+h1.title {
+  color: #D7DF01;
+  text-shadow: 0 0 3px #F3F781;
+}
+
 .bucket h1 {
   font-size: 100px;
 }
 
 .bucket div {
   float: left;
+  padding: 0 10px 10px 0;
 }
 
 .bucket img {
   width: 145px;
+  border-radius: 15px;
+  -moz-border-radius: 15px;
+  box-shadow: 3px 3px 10px 5px #F3F781;
 }
 
 .push {
@@ -31,8 +50,6 @@
 
 .highlighted {
   -webkit-transform: scale(5.0);
-  paddding: 10px 10px 10px 10px;
-  background-color: '#00F';
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter:alpha(opacity=5);
@@ -53,4 +70,4 @@
 #event-display span {
   display: block;
   margin-bottom: 3px;
-}
+}