style changes, template updates

diff --git a/css/style.css b/css/style.css
index 4b820cf829df2cda8ef5015f8606b6e4c197bbbf..525b5319525429d5f8f8b18f83b60226b900a1f4 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -1,21 +1,21 @@
 
-body { background:#121212; margin:10px 100px 50px 40px; }
-html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#aaa; }
+body { background:#232323; margin:10px 100px 50px 40px; }
+html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#ddd; }
 
 /*selection*/
-::-moz-selection {background: #ff8; !important} 
-::selection {background: #ff8; !important} 
+::-moz-selection {background: #dd8 !important; color:#777; } 
+::selection {background: #dd8 !important; color:#000;} 
 
 /*links*/
-a { color:#bbb; border:0; }
+a { color:#925; background:#000; border:0; text-decoration:none; padding:1px; }
 a img { border:0; }
 a.mute { color:#555; text-decoration:none; }
-a:hover, a.mute:hover { color:#ff8;  text-decoration:none;  }
+a:hover, a.mute:hover { background:#180012; color:#dd8;  text-decoration:none;  }
 .caption a { color:#888;}
-.caption a:hover { color:#905;}
+.caption a:hover { color:#dd8;}
 
 /*headings*/
-h1, h2, h3, h4, h5, h6 { color:#444; font-size:1em; }
+h1, h2, h3, h4, h5, h6 { color:#777; font-size:1em; }
 h1 { margin:0 0 3em 0; }
 h2 { margin:4em 0 0.5em 0; }
 h3 { font-size:1em; margin:0; }
@@ -38,32 +38,22 @@ p { max-width:720px; }
 
 ul { margin:0; padding:0; list-style-type:none; }
 li { margin-bottom:1px; padding:1px; }
-table { margin:0; padding:0; border:0;  }
-table .column { padding-right:50px; min-width:120px; max-width:275px; }
-table .column h2 a { text-decoration:none; }
-table h2, table h3 { border-bottom:1px dotted #aaa; }
-table .video li, table .image li { margin-bottom:2em; }
-table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em;  border-bottom:1px dotted #252525; }
-.reader_links li, .bookmark_links li { padding-top:.75em; margin-bottom:.75em; }
-.bookmark_links li a { display:block; }
-.bookmark_links li span { font-style: italic; color:#444; }
-
-.c_pop { position:absolute; display:none; background:#141414; border:5px outset #d44; padding:1em 2em; left:380px; z-index:5; } 
-
-#home_arrow { position: absolute; top:11px; left:23px; margin-left:250px; text-decoration:none; }
 
 #content { margin-left:200px; }
     #content p {  }
     ul.inline_content li { margin:50px 0; padding-bottom:20px; }    
     ul.inline_content li div.content li { padding:0; border:0; margin:0; }
     ul.thumbnails    { }
-    ul.thumbnails li { display:inline-block; margin: 0px 60px 60px 0px; }
-    ul.thumbnails .thumbnail { width:160px; height:240px; text-align:center; background:#000; }
+    ul.thumbnails li { float:left; margin: 0px 60px 60px 0px; }
+    ul.thumbnails li a { background:none; }
+    ul.thumbnails li img { width:160px; height:240px; }
+    ul.thumbnails .thumbnail { width:160px; height:240px; text-align:center; background:#000; float:left; }
     ul.thumbnails a:hover img { 
         filter:alpha(opacity=60);
         -moz-opacity:0.60;
         -khtml-opacity: 0.60;
         opacity: 0.60;
+        
     }     
     ul.thumbnails a { text-decoration:none;  }   
     ul.thumbnails .title {  }
@@ -71,14 +61,10 @@ table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em;
     .text { font-family:serif; font-size:15px; line-height:2.2em;  margin-top:80px;}
     .indent { text-indent:3em; }
     
-.nav { position:absolute; top:1em; left:1em; line-height:1.1em;}
-.nav ul { margin-left:1em; }
-.nav a { text-decoration:none; color:#999; }
-.nav a:hover { color:#ff8; }
+.nav { position:absolute; top:1em; left:1em; font-weight:bold;}
 .nav h3 { margin-bottom:0.4em; }
-.nav h3 a { font-weight:bold; }
     
-.caption { font-style:italic; margin-top:5px; color:#444; }
+.caption { margin-top:5px; color:#888; font-style:italic;}
 .more, .home { text-decoration:none; color:#666; }
     
 /*download link, function link*/

diff --git a/templates/contact.html b/templates/contact.html
index 44c2dacad327be3fe80c307e82b27d540f1f44a8..9ddbebb10e95529030a57294259b2e2f688a342f 100644 (file)
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -16,14 +16,9 @@
 
        <h1>contact</h1>
 
-
-        <p>
-            voice:  (415) 493-8496 <br/>
-            email: <a href="mailto:gabe@gabrieldunne.com">gabe@gabrieldunne.com</a>
-        </p>
-        
         <p>
-            <a href="/cv/">c/v</a>
+            +1 415 493 8496 <br/>
+            <a href="mailto:studio@gabrieldunne.com">studio@gabrieldunne.com</a>
         </p>
 
     </div>

diff --git a/templates/cv.html b/templates/cv.html
index 7ab85e7b48549c5ee9f8f2281557087d5a0264a3..bc98061e2e039e4c8d233395a09f56ecca292a5c 100644 (file)
--- a/templates/cv.html
+++ b/templates/cv.html
@@ -23,7 +23,14 @@
 
     <br/><br/>
 
+<h3>cv</h3>
+Gray Area (residency)</br>
+Tessellated Group</br>
+Stamen Design</br>
+Google, Inc</br>
+Motion Theory
 
+<br/><br/><br/>
 
 <h3>edu</h3>
 2004 B.A. Design | Media Arts, UCLA
@@ -84,8 +91,6 @@ Discover Magazine<br/>
 Wired<br/>
 HDRI<br/>
 
-<br/><br/>
-       
 <!--
 <h3>awards</h3>
 <small>2005</small><br/>
@@ -103,12 +108,6 @@ Shorttakes Film Festival<br/>
 <br/><br/><br/><br/>   
 -->
 
-<h3>cv</h3>
-Gray Area (residency)</br>
-Tessellated Group</br>
-Stamen Design</br>
-Google, Inc</br>
-Motion Theory
 
 </div>
 

diff --git a/templates/nav.html b/templates/nav.html
index 6e82d9a41e83bd82f3541c020d3a16a135537b47..2bad198c3a5086057b132f583184efd098c77f0d 100644 (file)
--- a/templates/nav.html
+++ b/templates/nav.html
@@ -10,7 +10,12 @@
 
     <li><a href="/projects/">projects</a></li>
     <li><a href="/contact/">contact</a></li>
+    <li><a href="/cv/">c/v</a></li>    
+    
+    <br/>
+    
     <li><a href="/news/">news</a></li>    
     <li><a href="/links/">links</a></li> 
     
+    
 </ul>  

diff --git a/templates/projects.html b/templates/projects.html
index fc023037a0928319c42b920d3825f3d756aa797a..4346ebf7281a0d481f08d86a6e7413f9688684d7 100644 (file)
--- a/templates/projects.html
+++ b/templates/projects.html
@@ -46,12 +46,11 @@
             <ul class="thumbnails">
             <?php foreach($projects_list as $project): ?>
                    <li>
-                       <a href="<?php echo $project['href']?>">
-                           <div class="thumbnail" title="<? echo $project['title'] ?>">
-                               <img src="<?php echo $project['base_dir']; ?>/thumb.png" />
-                               </div>
-                           <div class="title"><? echo $project['title']; ?></div>
-                       </a>
+                    <div class="thumbnail" title="<? echo $project['title'] ?>">
+                        <a href="<?php echo $project['href']?>"><img src="<?php echo $project['base_dir']; ?>/thumb.png" /></a>
+                    </div>
+                    <div class="title"><? echo $project['title']; ?></div>
+                    
                 </li>
             <? endforeach; ?>
             </ul>