[library-web] relayout a little bit the developer frontpage

[Frederic Peters <fpeters src gnome org>]

commit 754fb3cf0a7f6efc9d044923cf5b86cca8cd5b23
Author: Frédéric Péters <fpeters 0d be>
Date:   Thu Jan 30 13:20:34 2014 +0000

    relayout a little bit the developer frontpage

 data/catalog.xml.in       |    2 +-
 data/skin/lgo2010.css     |   15 +++++++++++++
 data/xslt/dev_indexes.xsl |   51 ++++++++++++++++++++++++--------------------
 3 files changed, 44 insertions(+), 24 deletions(-)
---
diff --git a/data/catalog.xml.in b/data/catalog.xml.in
index 3ad4685..c0ff50b 100644
--- a/data/catalog.xml.in
+++ b/data/catalog.xml.in
@@ -93,7 +93,7 @@ find information on tools and methods to work with many GNOME desktops.
   <_msgstr msgid="get-ready-for-dev">Get ready for GNOME Development</_msgstr>
   <_msgstr msgid="download-dev-tools">Download GNOME Development Tools</_msgstr>
   <_msgstr msgid="platform-overview">Platform Overview</_msgstr>
-  <_msgstr msgid="api-documentation">API Documentation</_msgstr>
+  <_msgstr msgid="quick-api-lookup">Quick API Lookup</_msgstr>
   <_msgstr msgid="user-interface">User Interface</_msgstr>
   <_msgstr msgid="multimedia">Multimedia</_msgstr>
   <_msgstr msgid="communication">Communication</_msgstr>
diff --git a/data/skin/lgo2010.css b/data/skin/lgo2010.css
index 64cbb32..9351aad 100644
--- a/data/skin/lgo2010.css
+++ b/data/skin/lgo2010.css
@@ -491,3 +491,18 @@ img.application-icon {
 h1 img.application-icon {
   top: 0.4ex;
 }
+
+div#frontpage-indexes {
+       clear: both;
+       padding-top: 4em;
+}
+
+div#frontpage-indexes > div {
+       float: left;
+       width: 33%;
+       margin: 0 1em 1em 0;
+}
+
+div#frontpage-indexes > div input {
+       width: 100%;
+}
diff --git a/data/xslt/dev_indexes.xsl b/data/xslt/dev_indexes.xsl
index 6fc4637..f81c731 100644
--- a/data/xslt/dev_indexes.xsl
+++ b/data/xslt/dev_indexes.xsl
@@ -510,17 +510,7 @@ div.body-sidebar { width: 100%; }
            <xsl:with-param name="channel">devel</xsl:with-param>
             <xsl:with-param name="lang" select="@lang"/>
           </xsl:call-template>
-<div id="container" class="body"><div class="content"><script type="text/javascript">
-  jQuery(document).ready(function() {
-    jQuery('#tutorials').jcarousel({
-     wrap: 'circular'
-    });
-    jQuery('#applications').jcarousel({
-     wrap: 'circular'
-    });
-});  </script>
-   <h1><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param 
name="msgid" select="'gnome-developer-center'"/></xsl:call-template></h1>
-
+<div id="container" class="body"><div class="content">
 <div class="container_16">
 <div class="grid_12">
 
@@ -536,8 +526,16 @@ div.body-sidebar { width: 100%; }
 </div>
 </div>
 
-<div id="api-doc-box" class="grid_4 subtle_box">
-<h2><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param 
name="msgid" select="'api-documentation'"/></xsl:call-template></h2>
+<div id="frontpage-indexes">
+<xsl:apply-templates select="parent::indexes/index/index" mode="channelindex">
+  <xsl:sort select="format-number(@weight, '0.000')" order="descending"/>
+  <xsl:sort select="translate(@toc_id, $ucletters, $lcletters)" />
+  <xsl:with-param name="lang" select="@lang"/>
+  <xsl:with-param name="hidetitle" select="count(section) = 1"/>
+</xsl:apply-templates>
+
+<div class="subindex">
+<h2><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param 
name="msgid" select="'quick-api-lookup'"/></xsl:call-template></h2>
 <form role="search" method="get" id="searchform" action="/symbols/"><div>
 <label class="hidden" for="q">Search:
                         </label><input type="text" value="" name="q" id="s2" placeholder="Search" />
@@ -547,18 +545,25 @@ jQuery('#s2').autocomplete('/symbols/lookup/',
         { minChars:3, matchSubset:1, matchContains:1, cacheLength:10,
           selectOnly:1, rowsLimit:25 });
 </script>
-<ul>
-<li><a href="glib/stable/">GLib</a> (C)</li>
-<li>
-GTK+ <a href="gtk3/stable/">C</a>, <a href="gtkmm/stable/">C++</a>, Python, <a 
href="http://references.valadoc.org/gtk+-3.0/";>Vala</a></li>
-<li>
-Clutter <a href="clutter/stable">C</a>, <a href="cluttermm/unstable/">C++</a>, Python,  <a 
href="http://references.valadoc.org/clutter-1.0/";>Vala</a></li>
-<li>
-GStreamer <a href="http://www.gstreamer.net/documentation/";>C</a>, <a href="gstreamermm/unstable/">C++</a>, 
Python, <a href="http://references.valadoc.org/gstreamer-0.10/";>Vala</a></li>
-<li><a href="more">More...</a></li>
-</ul>
+<p>
+<strong><a href="glib/stable/">GLib</a></strong>,
+<strong><a href="gtk3/stable/">GTK+</a></strong>
+        (<a href="gtkmm/stable/">C++</a>,
+        <a href="http://python-gtk-3-tutorial.readthedocs.org/";>Python</a>,
+        <a href="http://references.valadoc.org/gtk+-3.0/";>Vala</a>),
+<strong><a href="clutter/stable/">Clutter</a></strong>
+        (<a href="cluttermm/unstable/">C++</a>,
+        <a href="http://references.valadoc.org/clutter-1.0/";>Vala</a>),
+<strong><a href="http://www.gstreamer.net/documentation/";>GStreamer</a></strong>
+        (<a href="gstreamermm/unstable/">C++</a>,
+        <a href="http://references.valadoc.org/gstreamer-0.10/";>Vala</a>)
+</p>
+
+
+</div>
 </div>
 
+
 </div>
 
          <div id="footer_art" class="default"> </div>