Sieht schon ganz gut aus.
authorFelix Schumacher <felix@cat.(none)>
Sat, 11 Apr 2009 11:09:52 +0000 (13:09 +0200)
committerFelix Schumacher <felix@cat.(none)>
Sat, 11 Apr 2009 11:09:52 +0000 (13:09 +0200)
css/blueprint/screen.css
graphics/title_tante.jpg [new file with mode: 0644]
index.html
index.html~ [deleted file]

index 18b446a..81857c5 100644 (file)
@@ -22,9 +22,9 @@ blockquote, q {quotes:"" "";}
 a img {border:none;}
 
 /* typography.css */
-body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
-h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
-h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
+body {font-size:75%;color:#fff;background:#9c9d9f;font-family:"Verdana", "Helvetica Neue", Helvetica, sans-serif;}
+h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
+h1 {font-size:4em;line-height:1;margin-bottom:0.5em; text-transform:lowercase; letter-spacing: 0.3em;}
 h2 {font-size:2em;margin-bottom:0.75em;}
 h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
 h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
@@ -248,4 +248,7 @@ textarea {width:390px;height:250px;padding:5px;}
 .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
 .error a {color:#8a1f11;}
 .notice a {color:#514721;}
-.success a {color:#264409;}
\ No newline at end of file
+.success a {color:#264409;}
+
+/* eigenes */
+.right-aligned { text-align: right; }
diff --git a/graphics/title_tante.jpg b/graphics/title_tante.jpg
new file mode 100644 (file)
index 0000000..067144d
Binary files /dev/null and b/graphics/title_tante.jpg differ
index 730ba23..ae76edb 100644 (file)
   <body>
   <div class="container">
   
-   <div class="span-4">&nbsp;</div>
-   <div class="span-20 last">
+   <div class="first prepend-4 span-20 last">
       <h1>Ulrike Arnold</h1>
     </div>
     
-    <div class="span-4">
+    <div class="first span-4">
         <ul>
             <li>Ulrike Arnold</li>
             <li>Earth paintings</li>
         </div>
     </div>
     <div class="span-20 last">
-        Grosses
+        <img width="790" src="graphics/title_tante.jpg" alt="Berglandschaft mit überliegender Unterschrift"/>
     </div>
-    <hr />
-    <div class="span-4">&nbsp;</div>
-    <div class="span-12">
+  
+    <div class="clear first prepend-4 span-18">
     Home|Galerie|Impressum|Contact|Language
     </div>
-    <div class="span-8 last">
+    <div class="span-2 last right-aligned">
     «»
     </div>
   </div>
diff --git a/index.html~ b/index.html~
deleted file mode 100644 (file)
index a466740..0000000
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-  <head>
-    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
-    <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
-    <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">    
-    <!--[if IE]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-   <title>Svens Tante</title>
-  </head>
-  <body>
-  <div class="container">
-  
-   <div class="span-4">&nbsp;</div>
-   <div class="span-20 last">
-      <h1>Ulrike Arnold</h1>
-    </div>
-    
-    <div class="span-4">
-        <ul>
-            <li>Ulrike Arnold</li>
-            <li>Earth paintings</li>
-            <li>Meteorites paintings</li>
-            <li>7&nbsp;&times;&nbsp;7</li>
-            <li>Impressions</li>
-        </ul>
-        <div class="span-4 last">
-        MAP
-        </div>
-    </div>
-    <div class="span-20 last">
-        Grosses
-    </div>
-    <hr />
-    <div class="span-4">&nbsp;</div>
-    <div class="span-8">
-    Home|Galerie|Impressum|Contact|Language
-    </div>
-    <div class="span-12 last">
-    «»
-    </div>
-  </div>
-  </body>
-</html>