GNOME.org
 

[gimp-web/static-html5] images!

commit 67a6fa574f8cf350266908411144df3bc654ca1d
Author: Jakub Steiner <jimmac novell com>
Date:   Sun Jun 20 19:48:21 2010 +0200

    images!

 css/gimp.css     |   34 +++++++++++++++++++++++++++++++---
 css/gimp.sass    |   34 ++++++++++++++++++++++++++++++++--
 img/frbg.png     |  Bin 0 -> 37232 bytes
 img/logo.png     |  Bin 0 -> 8514 bytes
 inc/_footer.html |    8 +++++++-
 inc/_header.html |   10 ++++++++++
 index.html       |   30 +++++++++++++++++++++++++++++-
 7 files changed, 109 insertions(+), 7 deletions(-)
---
diff --git a/css/gimp.css b/css/gimp.css
index 4c22005..2e06ee9 100644
--- a/css/gimp.css
+++ b/css/gimp.css
@@ -1,6 +1,34 @@
 @import url(fonts.css) all;
 @import url(960.css) all;
 body {
-  font-family: "RaveIn Condensed", "Avenir Condensed", Avenir, Prelude, sans-serif;
-  background: #374e70 url() no-repeat center top;
-  color: white; }
+  font-family: "Droid Sans", sans-serif;
+  background: #374e70 url(/img/frbg.png) repeat-x center top;
+  color: white;
+  margin: 0;
+  padding: 0; }
+
+h1, h2, h3, h4, h5 {
+  font-family: "RaveIn Condensed", "Avenir Condensed", Avenir, Prelude, sans-serif; }
+
+a {
+  color: #f57900; }
+  a:hover {
+    color: #ff9100; }
+  a:active {
+    color: white; }
+
+#logo a {
+  text-indent: -200em;
+  display: block;
+  width: 130px;
+  height: 70px;
+  border: 0;
+  background: url(/img/logo.png) no-repeat 0 0;
+  outline: none; }
+
+#mainmenu {
+  display: block;
+  list-style: none;
+  text-align: right; }
+  #mainmenu li {
+    display: inline-block; }
diff --git a/css/gimp.sass b/css/gimp.sass
index a2e00a6..4de462d 100644
--- a/css/gimp.sass
+++ b/css/gimp.sass
@@ -25,7 +25,37 @@ $select: #f57900
   color: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to))
   
 body
-  font-family: 'RaveIn Condensed', 'Avenir Condensed', Avenir, Prelude, sans-serif
-  background: $bodybg url() no-repeat center top
+  font-family: 'Droid Sans', sans-serif  
+  background: $bodybg url(/img/frbg.png) repeat-x center top
   color: $bodyfg
+  margin: 0
+  padding: 0
+
+h1,h2,h3,h4,h5
+  font-family: 'RaveIn Condensed', 'Avenir Condensed', Avenir, Prelude, sans-serif
+
+a
+  color: $select
+  &:hover 
+    color: $select * 1.2
+  &:active
+    color: #fff
+    
+
+#logo
+  a
+    text-indent: -200em
+    display: block
+    width: 130px
+    height: 70px
+    border: 0
+    background: url(/img/logo.png) no-repeat 0 0
+    outline: none
 
+#mainmenu
+  display: block
+  list-style: none
+  text-align: right
+  li
+    display: inline-block
+      
diff --git a/img/frbg.png b/img/frbg.png
new file mode 100644
index 0000000..8cf82ba
Binary files /dev/null and b/img/frbg.png differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..a58abbb
Binary files /dev/null and b/img/logo.png differ
diff --git a/inc/_footer.html b/inc/_footer.html
index bfe8a15..9270d4c 100644
--- a/inc/_footer.html
+++ b/inc/_footer.html
@@ -1 +1,7 @@
-FIXME: menu
+<div id="footer">
+  <div class="container_12">
+    <div class="grid_12">
+      FIXME: menu
+    </div>
+  </div>
+</div>
diff --git a/inc/_header.html b/inc/_header.html
new file mode 100644
index 0000000..e5bd899
--- /dev/null
+++ b/inc/_header.html
@@ -0,0 +1,10 @@
+<div id="header" class="container_12">
+  <div class="grid_3"><h1 id="logo"><a href="/">GIMP</a></h1></div>
+  <div class="grid_9">
+    <ul id="mainmenu">
+      <li><a href="/download">Download</a></li>
+      <li><a href="http://docs.gimp.org";>Documentation</a></li>
+      <li><a href="/develop">Get Involved</a></li>
+    </ul>
+  </div>
+</div>
diff --git a/index.html b/index.html
index 0412bbf..bf9f5bc 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,35 @@
 <!--#include virtual="/inc/_links.html" -->
 </head>
 <body>
-FIXME
+<!--#include virtual="/inc/_header.html" -->
+<div id="splash" class="container_12">
+  <div class="grid_12">
+    FIXME: splash
+  </div>
+</div>
+<!-- triplet -->
+<div class="container_12">
+  <div class="grid_4">
+    <h2>Multi Platform</h2>
+  </div>
+  <div class="grid_4">
+    <h2>32bit per Channel</h2>
+  </div>
+  <div class="grid_4">
+    <h2>Non-Destructive Editing</h2>
+  </div>
+</div>
+
+
+<!-- main -->
+<div class="container_12" id="content">
+  <div class="grid_4">
+  </div>
+  <div class="grid_8 news">
+  </div>
+</div>
+
+
 <!--#include virtual="/inc/_footer.html" -->
 </body>
 </html>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]