[web-devel-2] platform overview as html

[Andreas Nilsson <andreasn src gnome org>]

commit c3de27e4009a2862f0a623f64c16c02618996f3f
Author: Andreas Nilsson <nisses mail home se>
Date:   Sun Dec 5 15:52:42 2010 +0100

    platform overview as html

 new/index.html      |   77 +++++++++++++++++++++++++++++++++++++++++++++++++++
 new/style/style.css |   33 ++++++++++++++++++++++
 2 files changed, 110 insertions(+), 0 deletions(-)
---
diff --git a/new/index.html b/new/index.html
index f489b3e..a87b6dd 100644
--- a/new/index.html
+++ b/new/index.html
@@ -73,6 +73,83 @@ $('#s').autocomplete('http://nezt.local/symbols/lookup/',
 
 <div class="clear"></div>
 
+
+
+<!-- The platform overview goes here -->
+<div class="container_24">
+<div class="grid_9">
+<div class="user-interface">
+<p>User Interface</p>
+<a href="">GTK+</a>
+<a href="">Cairo</a>
+<a href="">Clutter</a>
+<a href="">ATK</a>
+<a href="">Pango</a>
+<a href="">Webkit</a>
+</div>
+
+<div class="core">
+<p>Core</p>
+<a href="">GIO</a>
+<a href="">Glib</a>
+<a href="">GObject</a>
+</div>
+
+</div>
+
+<div class="multimedia grid_3">
+<p>Multimedia</p>
+<a href="">GStreamer</a>
+<a href="">Canberra</a>
+<a href="">Pulseaudio</a>
+</div>
+
+<div class="communication grid_3">
+<p>Communication</p>
+<a href="">Telepathy</a>
+<a href="">Avahi</a>
+<a href="">GUPnP</a>
+</div>
+
+<div class="data-storage grid_3">
+<p>Data Storage</p>
+<a href="">EDS</a>
+<a href="">GDA</a>
+<a href="">Tracker</a>
+</div>
+
+<div class="utilities grid_3">
+<p>Utilities</p>
+<a href="">Champlain</a>
+<a href="">Enchant</a>
+<a href="">Poppler</a>
+<a href="">GeoClue</a>
+</div>
+
+</div> <!-- container_24 -->
+<div class="clear"></div>
+
+<div class="container_24">
+
+<div class="system-integration grid_9">
+<p>System Integration<br/>
+<a href="">upower</a>
+<a href="">udisks</a>
+<a href="">policykit</a>
+</div>
+
+<div class="desktop-integration grid_12">
+<p>Desktop Integration</p>
+<a href="">packagekit</a>
+<a href="">libnotify</a>
+<a href="">seahorse</a>
+</div>
+
+</div><!--container_24 -->
+<!-- end of platform overview -->
+
+
+
 <div class="grid_16">
  <h2>Platform Overview</h2>
       <img src="images/platform.png"/>
diff --git a/new/style/style.css b/new/style/style.css
index 3385b10..a0480ea 100644
--- a/new/style/style.css
+++ b/new/style/style.css
@@ -35,3 +35,36 @@ span.citem {
 	text-align:		center
 }
 
+
+
+.user-interface, .core, .system-integration, .communication, .multimedia, .data-storage, .utilities, .desktop-integration  {
+  background: #888a85;
+  -moz-border-radius: 5px;
+  color: #2e3436;
+  margin-bottom: 10px;
+}
+
+.multimedia, .data-storage, .communication {
+  height: 180px;
+}
+
+.core {
+  height: 72px;
+}
+
+a {
+  background: #babdb6;
+  display: inline-block;
+  padding: 5px 10px;
+  -moz-border-radius: 3px;
+  text-decoration: none;
+  color: #000;
+  margin: 5px;
+  width: 80px;
+}
+
+p {
+  padding-left: 5px;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}