GNOME.org
 

[library-web/responsive] use a splash in place of the tutorial carousel.

commit 7a9a811a930a63e2055551043f24c77ea743e509
Author: Jakub Steiner <jimmac gmail com>
Date:   Fri Feb 1 14:09:21 2013 +0100

    use a splash in place of the tutorial carousel.

 data/images/splash.png    |  Bin 0 -> 215840 bytes
 data/skin/lgo2013.css     |    6 ++++++
 data/xslt/dev_indexes.xsl |   26 +++++++-------------------
 3 files changed, 13 insertions(+), 19 deletions(-)
---
diff --git a/data/images/splash.png b/data/images/splash.png
new file mode 100644
index 0000000..07318f2
Binary files /dev/null and b/data/images/splash.png differ
diff --git a/data/skin/lgo2013.css b/data/skin/lgo2013.css
index c2bbe48..8f64e9b 100644
--- a/data/skin/lgo2013.css
+++ b/data/skin/lgo2013.css
@@ -68,6 +68,12 @@ h1.subindex {
     margin-right: 1.515151515152%;
 }
 
+.splash {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
 @media screen and (max-width: 900px) {
     .right {
       float: none;
diff --git a/data/xslt/dev_indexes.xsl b/data/xslt/dev_indexes.xsl
index 367dbe4..14caf9e 100644
--- a/data/xslt/dev_indexes.xsl
+++ b/data/xslt/dev_indexes.xsl
@@ -733,7 +733,6 @@ div.body-sidebar { width: 100%; }
 	  <link rel="stylesheet" type="text/css" media="all" href="/skin/960_24_col.css" />
 	  <link rel="stylesheet" type="text/css" href="/skin/jquery.autocomplete.css"/>
 	  <script type="text/javascript" src="/js/jquery.js"></script>
-	  <script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
 	  <script type="text/javascript" src="/js/jquery.autocomplete.js"></script>
 	</head>
 	<body class="with-star">
@@ -741,26 +740,15 @@ 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><script type="text/javascript">
-  jQuery(document).ready(function() {
-    jQuery('#tutorials').jcarousel({
-     wrap: 'circular'
-    });
-    jQuery('#applications').jcarousel({
-     wrap: 'circular'
-    });
-});  </script>
+<div id="container" class="body"><div>
+<div class="container">
+<!-- I guess we don't want these.
+<div class="grid-full">
    <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>
    <h3><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param name="msgid" select="'10-minute-tutorials'"/></xsl:call-template></h3>
-   <div id="wrap">
-        <ul id="tutorials" class="jcarousel-skin-tango">
-          <li><a href="gnome-devel-demos/unstable/" title="Image Viewer"><img src="images/tutorial/image-viewer.png"></img></a></li>
-          <li><a href="gnome-devel-demos/unstable/" title="Photo Wall"><img src="images/tutorial/clutter-image-viewer.png"></img></a></li>
-          <li><a href="gnome-devel-demos/unstable/" title="Guitar Tuner"><img src="images/tutorial/guitar-tuner.png"></img></a></li>
-          <li><a href="gnome-devel-demos/unstable/" title="Message Board"><img src="images/tutorial/message-board.png"></img></a></li>
-          <li><a href="gnome-devel-demos/unstable/" title="Message Board"><img src="images/tutorial/magic-mirror.png"/></a></li>
-        </ul>
-      </div><div class="container">
+</div>
+-->
+<div class="grid-full"><img class="splash" alt="" src="images/splash.png"/></div>
 <div class="grid-4">
 
 <h2><xsl:call-template name="gettext"><xsl:with-param name="lang" select="@lang"/><xsl:with-param name="msgid" select="'getting-started'"/></xsl:call-template></h2>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]