[gimp-web/static-html5] sidebar and news

[Jakub Steiner <jimmac src gnome org>]

commit 7a71ed497db9f29f30dd5a9aa57329c6a6e5a390
Author: Jakub Steiner <jimmac novell com>
Date:   Sun Jun 20 22:10:48 2010 +0200

    sidebar and news

 css/gimp.css    |   29 +++++++++++++++++++++++++++++
 css/gimp.sass   |   27 +++++++++++++++++++++++++++
 img/baloons.png |  Bin 0 -> 20648 bytes
 index.html      |    8 +++++++-
 4 files changed, 63 insertions(+), 1 deletions(-)
---
diff --git a/css/gimp.css b/css/gimp.css
index 414f5d6..5e6e523 100644
--- a/css/gimp.css
+++ b/css/gimp.css
@@ -112,5 +112,34 @@ a {
 #gegl {
   background-position: -65px 0; }
 
+.notebox {
+  font-size: 90%;
+  background-color: #6b849f;
+  background-color: rgba(255, 255, 255, 0.4);
+  padding: 18px;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px; }
+  .notebox h3 {
+    margin: 0 0 12px 0; }
+  .notebox p {
+    color: white; }
+  .notebox #baloons {
+    position: absolute;
+    right: 0;
+    top: -126px;
+    width: 125px;
+    height: 197px;
+    background: url(/img/baloons.png) no-repeat 0 0; }
+
+#freesoftware {
+  margin: 100px 0 10px;
+  position: relative; }
+
+.news {
+  margin: 67px 0 10px;
+  padding: 12px;
+  width: 60% !important; }
+
 #content {
   min-height: 400px; }
diff --git a/css/gimp.sass b/css/gimp.sass
index 91f8672..8951396 100644
--- a/css/gimp.sass
+++ b/css/gimp.sass
@@ -131,6 +131,33 @@ a
 #gegl
   background-position: -65px 0
 
+.notebox
+  font-size: 90%
+  background-color: #6b849f
+  background-color: rgba(255,255,255,0.4)
+  padding: 18px
+  +border-radius(10px)
+  h3
+    margin: 0 0 12px 0
+  p
+    color: #fff
+  #baloons
+    position: absolute
+    right: 0
+    top: -126px
+    width: 125px
+    height: 197px
+    background: url(/img/baloons.png) no-repeat 0 0
+
+#freesoftware
+  margin: 100px 0 10px
+  position: relative
+
+.news
+  margin: 67px 0 10px
+  padding: 12px
+  width: 60% !important
+  
 #content
   min-height: 400px
 
diff --git a/img/baloons.png b/img/baloons.png
new file mode 100644
index 0000000..c396167
Binary files /dev/null and b/img/baloons.png differ
diff --git a/index.html b/index.html
index 137bbe8..b3e2bb5 100644
--- a/index.html
+++ b/index.html
@@ -41,9 +41,15 @@
 <!-- main -->
 <div class="container-12 clearfix" id="content">
   <div class="grid-4">
-    FIXME: Sidebar
+    <div class="notebox" id="freesoftware">
+      <img alt="" src="/img/empty.png" id="baloons">
+      <h3>Free, Really?</h3>
+      <p>Not only does GIMP not cost you anything, you also have access to the full source code of it. You are free to use it for any purpose and modify it to fit your needs.</p>
+      <p>Read more about the GNU Public License to see what other freedoms you're entitled to when using this Free software.</p>
+    </div>
   </div>
   <div class="grid-8 news">
+    <h2>GIMP NEWS</h2>
     FIXME: News
   </div>
 </div>