[library-web] dev: revamp homepage

[Frederic Peters <fpeters src gnome org>]

commit fb83f9aef4a6b824245833d991517c58c761ef16
Author: Frédéric Péters <fpeters 0d be>
Date:   Sun Aug 24 14:48:52 2014 +0200

    dev: revamp homepage
    
    
https://raw.githubusercontent.com/gnome-design-team/gnome-web/master/developer.gnome.org/developer.gnome.org-3.14.png

 data/catalog.xml.in          |    5 +++
 data/skin/api-reference.png  |  Bin 0 -> 1350 bytes
 data/skin/cogs.png           |  Bin 0 -> 6405 bytes
 data/skin/guides.png         |  Bin 0 -> 826 bytes
 data/skin/hig.png            |  Bin 0 -> 3323 bytes
 data/skin/lgo2010.css        |   64 ++++++++++++++++++++++++++++-------------
 data/skin/platform-demos.png |  Bin 0 -> 2606 bytes
 data/xslt/dev_indexes.xsl    |   25 +++++++++++-----
 8 files changed, 66 insertions(+), 28 deletions(-)
---
diff --git a/data/catalog.xml.in b/data/catalog.xml.in
index 076ee7e..eae21b1 100644
--- a/data/catalog.xml.in
+++ b/data/catalog.xml.in
@@ -107,4 +107,9 @@ find information on tools and methods to work with many GNOME desktops.
   <_msgstr msgid="search">Search</_msgstr>
   <_msgstr msgid="doc-feedback-intro">Got a comment? Spotted an error? Found the instructions 
unclear?</_msgstr>
   <_msgstr msgid="doc-feedback-link">Send feedback about this page.</_msgstr>
+  <_msgstr msgid="gnome-platform-demos">GNOME Platform Demos</_msgstr>
+  <_msgstr msgid="gnome-platform-demos-intro">Introductory tutorials to help you get started.</_msgstr>
+  <_msgstr msgid="hig">Human Interface Guidelines</_msgstr>
+  <_msgstr msgid="hig-intro">Advice and guidelines on designing effective interfaces with GTK+.</_msgstr>
+  <_msgstr msgid="gnome-developer-center-welcome">Welcome to the GNOME developer center! Here you will find 
all the information that you need to create fantastic software using GNOME technologies.</_msgstr>
 </msgcat>
diff --git a/data/skin/api-reference.png b/data/skin/api-reference.png
new file mode 100644
index 0000000..2273468
Binary files /dev/null and b/data/skin/api-reference.png differ
diff --git a/data/skin/cogs.png b/data/skin/cogs.png
new file mode 100644
index 0000000..13dad8e
Binary files /dev/null and b/data/skin/cogs.png differ
diff --git a/data/skin/guides.png b/data/skin/guides.png
new file mode 100644
index 0000000..214a93a
Binary files /dev/null and b/data/skin/guides.png differ
diff --git a/data/skin/hig.png b/data/skin/hig.png
new file mode 100644
index 0000000..15ca444
Binary files /dev/null and b/data/skin/hig.png differ
diff --git a/data/skin/lgo2010.css b/data/skin/lgo2010.css
index 384f93e..daaf0e7 100644
--- a/data/skin/lgo2010.css
+++ b/data/skin/lgo2010.css
@@ -1,7 +1,7 @@
 div.subindex {
        margin: 2em 7em 1em 0em;
-       padding-left: 110px;
-       background-position: top left;
+       padding-left: 90px;
+       background-position: 0 10px;
        background-repeat: no-repeat;
        min-height: 96px;
 }
@@ -13,9 +13,11 @@ div.subindex p {
 div.subindex h2 {
        padding: 0;
        margin: 0;
+       font-size: 230%;
 }
 
 div.subindex h2 a {
+       color: #babdb6;
        text-decoration: inherit;
 }
 
@@ -23,19 +25,28 @@ div.subindex h2 a:hover {
        text-decoration: underline;
 }
 
-h1.subindex {
-       padding-left: 110px;
-       background-position: top left;
-       background-repeat: no-repeat;
-       line-height: 96px;
-       min-height: 96px;
+div.page_title {
+       border: none;
+}
+
+a.doc-link {
+       text-decoration: none;
 }
 
-#subindex-references { background-image: url(icons/api-96.png); }
-#subindex-guides { background-image: url(icons/guides-96.png); }
-#subindex-tools { background-image: url(icons/tools-96.png); }
-#subindex-gdp { background-image: url(icons/gdp-96.png); }
-#subindex-gnome-devel { background-image: url(icons/gnome-development-96.png); }
+h1 {
+       color: #c4a000;
+       text-shadow: white 0 -2px;
+       border-bottom: 1px solid #d3d7cf;
+}
+
+h2, h3 {
+       color: #c4a000;
+}
+
+div#subindex-references { background-image: url(api-reference.png); }
+div#subindex-guides { background-image: url(guides.png); }
+div#subindex-demos { background-image: url(platform-demos.png); }
+div#subindex-hig { background-image: url(hig.png); }
 
 .refentry hr {
     margin: 10px 0;
@@ -494,19 +505,13 @@ h1 img.application-icon {
 
 div#frontpage-indexes {
        clear: both;
-       padding-top: 4em;
+       padding-top: 2em;
 }
 
 div#frontpage-indexes > div {
-       float: left;
-       width: 33%;
        margin: 0 1em 1em 0;
 }
 
-div#frontpage-indexes > div input {
-       width: 100%;
-}
-
 p.doc-feedback {
        margin-top: 2em;
 }
@@ -515,3 +520,22 @@ p.doc-feedback {
 img.attachment {
        max-width: 100%;
 }
+
+div.body.homepage {
+       background: url(cogs.png) 90% 150px no-repeat;
+}
+
+div#welcome h1 {
+       color: #c4a000;
+       text-shadow: white 0 -2px;
+       border-bottom: 1px solid #d3d7cf;
+}
+
+div#welcome div {
+       width: 96%;
+}
+
+div#welcome p {
+       font-size: 150%;
+       width: 65%;
+}
diff --git a/data/skin/platform-demos.png b/data/skin/platform-demos.png
new file mode 100644
index 0000000..971b17c
Binary files /dev/null and b/data/skin/platform-demos.png differ
diff --git a/data/xslt/dev_indexes.xsl b/data/xslt/dev_indexes.xsl
index b20d75d..e1f0abb 100644
--- a/data/xslt/dev_indexes.xsl
+++ b/data/xslt/dev_indexes.xsl
@@ -540,18 +540,27 @@ 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">
-<div class="container_16">
-<div class="grid_12">
-
-   <h2><a href="/platform-overview/stable/"><xsl:call-template name="gettext"><xsl:with-param name="lang" 
select="@lang"/><xsl:with-param name="msgid" select="'platform-overview'"/></xsl:call-template></a></h2>
-
-   <h2><a href="/gnome-devel-demos/unstable"><xsl:call-template name="gettext"><xsl:with-param name="lang" 
select="@lang"/><xsl:with-param name="msgid" select="'10-minute-tutorials'"/></xsl:call-template></a></h2>
-
+<div id="container" class="body homepage"><div class="content">
+<div class="container_16" id="welcome">
+<div class="grid_16">
+<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>
+<p><xsl:call-template name="gettext"><xsl:with-param name="lang"
+        select="$lang"/><xsl:with-param name="msgid"
+        select="'gnome-developer-center-welcome'"/></xsl:call-template></p>
 </div>
 </div>
 
 <div id="frontpage-indexes">
+<div class="subindex" id="subindex-hig">
+  <h2><a class="doc-link" href="/hig-book/stable/"><xsl:call-template name="gettext"><xsl:with-param 
name="lang" select="@lang"/><xsl:with-param name="msgid" select="'hig'"/></xsl:call-template></a></h2>
+  <p><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param 
name="msgid" select="'hig-intro'"/></xsl:call-template></p>
+</div>
+<div class="subindex" id="subindex-demos">
+  <h2><a class="doc-link" href="/gnome-devel-demos/unstable/"><xsl:call-template 
name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param name="msgid" 
select="'gnome-platform-demos'"/></xsl:call-template></a></h2>
+  <p><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param 
name="msgid" select="'gnome-platform-demos-intro'"/></xsl:call-template></p>
+</div>
 <xsl:apply-templates select="parent::indexes/index/index[ lang = $lang]" mode="channelindex">
   <xsl:sort select="format-number(@weight, '0.000')" order="descending"/>
   <xsl:sort select="translate(@toc_id, $ucletters, $lcletters)" />