GNOME.org
 

[gnome3-web] added navigation

commit 788e16cca5c430a6c8103d8764bcc63f2031d256
Author: Andreas Nilsson <nisses mail home se>
Date:   Thu Mar 3 17:42:01 2011 +0100

    added navigation

 css/gnome3.css |   29 +++++++++++++++++++++++++++--
 faq.html       |   22 +++++++++++++++-------
 index.html     |   25 ++++++++++---------------
 tryit.html     |   28 ++++++++++++++++++++--------
 4 files changed, 72 insertions(+), 32 deletions(-)
---
diff --git a/css/gnome3.css b/css/gnome3.css
index 834eefc..c8d5a55 100644
--- a/css/gnome3.css
+++ b/css/gnome3.css
@@ -54,7 +54,7 @@ a.faq {
 #splash {
   position: relative;
   background: #204a87 url(../img/desktop.png) no-repeat 0 0;
-  height: 400px; width: 960px;
+  height: 400px; width: 940px;
   margin: 4px 0 2em;
   overflow: hidden;
 }
@@ -94,5 +94,30 @@ a.faq {
 }
 
 .logo {
-  margin: 0px 320px;
+  margin: 0px 0px;
+}
+
+
+ul.navigation {
+  background: #f57900;
+  color: #fff;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  margin-top: 50px;
+  padding: 10px 0px;
+
+}
+
+ul.navigation li {
+  display: inline;
+  margin-left: 0px;
+  padding: 10px 15px;
+  border-right: 1px solid #eeeeec;
+}
+
+ul.navigation li a {
+  -moz-border-radius: 3px;
+  text-decoration: none;
+  color: #fff;
 }
diff --git a/faq.html b/faq.html
index 55544f1..a8d4b02 100644
--- a/faq.html
+++ b/faq.html
@@ -12,18 +12,26 @@
 </head>
 <body>
 
-
 <div class="container_16">
-  <div class="grid_16">
-    <a href="index.html"><img src="img/logo.png" class="logo" /></a><br/>
-  </div>
-
+  <div class="grid_5">
+    <a href="index.html"><img src="img/logo.png" class="logo"/></a>
+  </div><!-- grid_4 -->
+  <div class="grid_10 prefix_1">
+    <ul class="navigation"><li><a href="index.html">Home</a></li><li><a href="faq.html">Common questions and answers
+</a></li><li><a href="tryit.html">Try it out!</a></li></ul>
+  </div><!-- grid_12 -->
+</div>
+<div class="container_16">
   <div class="grid_16">
       <div id="splash" class="faq-splash">
-        <img src="img/alpha-banner.png" />
+        <img src="img/alpha-banner.png"/>
         <h1>Common questions and answers</h1>
       </div>
-  </div><!-- grid_16 -->
+  </div>
+</div>
+
+
+<div class="container_16">
   <div class="grid_16">
     <h2>How do I get GNOME 3?</h2>
 
diff --git a/index.html b/index.html
index 654e104..112e34c 100644
--- a/index.html
+++ b/index.html
@@ -16,16 +16,22 @@
 <script src="js/gnome3.js" type="text/javascript" charset="utf-8"></script>
 </head>
 <body>
+
 <div class="container_16">
-  <div class="grid_16">
+  <div class="grid_5">
     <a href="index.html"><img src="img/logo.png" class="logo"/></a>
+  </div><!-- grid_4 -->
+  <div class="grid_10 prefix_1">
+    <ul class="navigation"><li><a href="index.html">Home</a></li><li><a href="faq.html">Common questions and answers
+</a></li><li><a href="tryit.html">Try it out!</a></li></ul>
+  </div><!-- grid_12 -->
+</div>
+<div class="container_16">
+  <div class="grid_16">
       <div id="splash">
         <img src="img/alpha-banner.png"/>
         <h1>Introducing the next generation GNOME desktop</h1>
       </div>
-  </div><!-- grid_16 -->
-
-  <div class="grid_16">
     <p>For GNOME 3, the GNOME Project has started from scratch and created a completely new, modern desktop designed for today's users and technologies. Here are some of the things that you can expect from the new GNOME:</p>
   </div>
 </div>
@@ -85,17 +91,6 @@
   <div class="grid_6"><a href="img/technical-big.png" rel="fancybox"><img class="screenshot" src="img/technical.png" /></a></div>
   <div class="grid_6"><a href="img/applications-big.png" rel="fancybox"><img class="screenshot" src="img/applications.png" /></a></div>
 
-<div class="container_16 intro clearfix">
-  <div class="grid_6">
-    <p><a class="button" href="faq.html">Common questions and answers</a></p>
-  </div> <!-- grid_6 -->
-<div class="grid_4"> </div>
-
-  <div class="grid_6">
-    <a class="button" href="tryit.html">Try it out!</a>
-  </div><!-- grid_6 -->
-</div>
-
 <div class="grid_16 footer">
 Copyright © 2011 <a href="http://www.gnome.org";>The GNOME Project</a><br/>
 Share on: <a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.gnome3.org%2F&amp;t=GNOME%203";>Facebook</a> | <a href="http://twitter.com/home?status=GNOME3%20-%20Introducing%20the%20next%20generation%20GNOME%20desktop%20http://www.gnome3.org";>Twitter</a><br/>
diff --git a/tryit.html b/tryit.html
index 3096aa0..c910e94 100644
--- a/tryit.html
+++ b/tryit.html
@@ -13,22 +13,34 @@
 <body>
 
 <div class="container_16">
-  <div class="grid_16">
-    <a href="index.html"><img src="img/logo.png" class="logo"/></a><br/>
-  </div>
+  <div class="grid_5">
+    <a href="index.html"><img src="img/logo.png" class="logo"/></a>
+  </div><!-- grid_4 -->
+  <div class="grid_10 prefix_1">
+    <ul class="navigation"><li><a href="index.html">Home</a></li><li><a href="faq.html">Common questions and answers
+</a></li><li><a href="tryit.html">Try it out!</a></li></ul>
+  </div><!-- grid_12 -->
+</div>
+<div class="container_16">
   <div class="grid_16">
       <div id="splash" class="getit-splash">
         <img src="img/alpha-banner.png"/>
         <h1>Try out GNOME 3</h1>
       </div>
-  </div><!-- grid_16 -->
-
-  <div class="grid_16">
     <p>GNOME 3 is under active development and will not be completed until April 2011. If you want to try it, you can run a live alpha version from a CD/DVD or USB stick.</p>
+  </div>
+</div>
+
 
-    <a class="button" href="http://download.opensuse.org/repositories/GNOME:/Medias/images/iso/GNOME_3.i686-0.0.5-Build4.1.iso";>Download for 32 bit systems (v0.0.5)</a><br/>
-    <a class="button" href="http://download.opensuse.org/repositories/GNOME:/Medias/images/iso/GNOME_3.x86_64-0.0.5-Build4.1.iso";>Download for 64 bit systems (v0.0.5)</a><br/>
+<div class="container_16">
+<div class="grid_8"><a class="button" href="http://download.opensuse.org/repositories/GNOME:/Medias/images/iso/GNOME_3.i686-0.0.5-Build4.1.iso";>Download for 32 bit systems (v0.0.5)</a><br/></div>
+<div class="grid_8"><a class="button" href="http://download.opensuse.org/repositories/GNOME:/Medias/images/iso/GNOME_3.x86_64-0.0.5-Build4.1.iso";>Download for 64 bit systems (v0.0.5)</a><br/></div>
+</div> <!--container_16 -->
 
+<div class="clear"></div>
+
+<div class="container_16">
+<div class="grid_16">
 <p>To run from a CD/DVD, burn the download to a disk, insert into your computer and reboot.</p>
 
 To run the GNOME 3 alpha from a USB stick:
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]