Commits

egghead committed 9c385a2

slight changes, adding some content and links

  • Participants
  • Parent commits b8045f8

Comments (0)

Files changed (5)

 syntax: glob
 *~
 .*
+goo*

File bg.png

Added
New image
 <body>
     <div class='container'>
         <div class='header'>
-            <h1>samesake</h1>
+            <div class='logo'></div>
         </div>
         <div class='content'>
+            <h1>Nothing is true.</h1>  
+            <h1>Everything is permitted.</h1>
+            <ul>
+                <li>thomas.omans&ltat&gtgmail&ltdot&gtcom</li>
+                <li>twitter.com/omniegg/</li>
+                <li>bitbucket.org/egghead/</li>
+            </ul>
         </div>
     </div>
 </body>

File samesake.png

Added
New image
 
 h1{
     font-family: 'Prociono', Arial, sans-serif;
-    font-size: 70px;
-    line-height: 70px;
-    letter-spacing: 8px;
-    color: #222;
+    font-size: 35px;
+    line-height: 50px;
+    letter-spacing: 1px;
+    color: #36393B;
 }
-.header h1{
-    padding-left: 20px;
+.content h1:first-child {
+    padding-top: 90px;
+}
+.content h1 {
+    padding-left: 125px;
+}
+.content ul {
     padding-top: 60px;
-    line-height: 80px;
-    font-weight: bold;
+}
+.content ul li:first-child {
+    padding-right: 15px;
+}
+.content ul li {
+    display: inline-block;
+    float: right;
+    padding-right: 10px;
+    letter-spacing: 1px;
+    font-size: 12px;
+    line-height: 20px;
+    height: 20px;
+    -webkit-transition: all 0.6s ease;
+}
+.content ul li:hover {
+    height: 30px;
+    line-height: 30px;
+}
+
+.header .logo{
+    position: relative;
+    top: 72px;
+    left: 58px;
+    background: url('samesake.png') no-repeat;
+    width: 330px;
+    height: 64px;
 }
 
 .container{
 }
 .header{
     height: 130px;
+    background: url('bg.png') no-repeat right;
+    -webkit-box-shadow: #ccc 2px 0px 4px;
 }
 .content{
     height: 300px;
-    border-radius: 35px 0px 20px 20px;
+    border-radius: 40px 0px 20px 20px;
     -webkit-box-shadow: #ccc 2px 2px 4px;
+    -moz-box-shadow: #ccc 2px 2px 4px;
+    -o-box-shadow: #ccc 2px 2px 4px;
+    box-shadow: #ccc 2px 2px 4px;
     background: url('white.jpg');
-
 }