GNOME.org
 

[gnome3-web] Use 12 column grid. It makes absolutely no sense to mix 16 and 12.

commit 02290a3b824f20b62b0d3c9187529bb5a385a7ab
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Apr 6 20:33:29 2011 +0200

    Use 12 column grid. It makes absolutely no sense to mix 16 and 12.
    
    - I tink andreasn was jetlagged when he thought of that.

 css/gnome3.css       |    2 +-
 img/applications.png |  Bin 69413 -> 67831 bytes
 img/overview.png     |  Bin 65608 -> 64865 bytes
 img/productivity.png |  Bin 63541 -> 61862 bytes
 index.html           |   34 +++++++++++++++++-----------------
 5 files changed, 18 insertions(+), 18 deletions(-)
---
diff --git a/css/gnome3.css b/css/gnome3.css
index 45dd70d..ee42f8f 100644
--- a/css/gnome3.css
+++ b/css/gnome3.css
@@ -91,7 +91,7 @@ a.faq {
 .intro { margin-bottom: 3em; }
 
 .screenshot {
-  width: 340px;
+  width: 300px;
 }
 
 .footer {
diff --git a/img/applications.png b/img/applications.png
index d5fedf0..668a85c 100644
Binary files a/img/applications.png and b/img/applications.png differ
diff --git a/img/overview.png b/img/overview.png
index 81f5bec..380a00c 100644
Binary files a/img/overview.png and b/img/overview.png differ
diff --git a/img/productivity.png b/img/productivity.png
index 87a601c..7fb224c 100644
Binary files a/img/productivity.png and b/img/productivity.png differ
diff --git a/index.html b/index.html
index be4b33c..86c2926 100644
--- a/index.html
+++ b/index.html
@@ -19,18 +19,18 @@
 </head>
 <body>
 
-<div class="container_16">
-  <div class="grid_5">
+<div class="container_12">
+  <div class="grid_4">
     <a href="index.html"><img src="img/logo.png" class="logo"/></a>
   </div><!-- grid_4 -->
-  <div class="grid_10 prefix_1">
+  <div class="grid_7 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 class="countdown" style="visibility: hidden;">Releasing awesome in: <span id="countbox"></span></div>
   </div><!-- grid_12 -->
 </div>
-<div class="container_16">
-  <div class="grid_16">
+<div class="container_12">
+  <div class="grid_12">
       <div id="splash">
         <!-- Overlay decal can go here, like Alpha, Beta, NEW!
         <img class="alpha-banner" src="img/alpha-banner.png"/>
@@ -61,9 +61,9 @@
 
 <div class="clear"></div>
 
-<div class="container_16 features">
-  <div class="grid_6"><a href="img/overview-big.png" rel="fancybox"><img class="screenshot" src="img/overview.png"/></a></div>
-  <div class="grid_10">
+<div class="container_12 features">
+  <div class="grid_4"><a href="img/overview-big.png" rel="fancybox"><img class="screenshot" src="img/overview.png"/></a></div>
+  <div class="grid_8">
   <h2>Simply beautiful</h2>
 
   <p>GNOME's new desktop takes elegance to a new level. We've swept away the clutter and made a simple and easy-to-use desktop, and we've made this the most beautiful GNOME desktop ever, with a new visual theme, a refined new font and carefully crafted animations.</p>
@@ -73,8 +73,8 @@
   <p>The activities view provides an easy way to access all your windows and applications. It is also a great way to keep track of all your activities. We have provided several fast and convenient ways to access the activities view, including the activities keyboard key (often known as the Windows key) and the activities hot corner.</p>
 
   </div> <!-- grid_10 -->
-  <div class="grid_6"><a href="img/chat-big.png" rel="fancybox"><img class="screenshot" src="img/chat.png"/></a></div>
-  <div class="grid_10">
+  <div class="grid_4"><a href="img/chat-big.png" rel="fancybox"><img class="screenshot" src="img/chat.png"/></a></div>
+  <div class="grid_8">
     <h2>Messaging built-in</h2>
 
     <p>Communication is an important part of the modern desktop, but it's a hassle when you have to switch windows to reply to a message. That's why GNOME 3 will let you continue your conversations without changing focus. The ability to enter a reply straight into messaging notifications makes instant messaging quick and effortless.</p>
@@ -84,9 +84,9 @@
     <p>GNOME 3 is designed to reduce distraction and interruption and to put you in control. Our new notifications system subtly presents messages and will save them until you are ready for them, and the GNOME 3 panel has been styled so that it is part of the background, not the foreground. These changes allow you to focus on your creative tasks.</p>
   </div> <!-- grid_10 -->
 
-  <div class="grid_6"><a href="img/search-big.png" rel="fancybox"><img class="screenshot" src="img/search.png"/></a></div>
+  <div class="grid_4"><a href="img/search-big.png" rel="fancybox"><img class="screenshot" src="img/search.png"/></a></div>
 
-  <div class="grid_10">
+  <div class="grid_8">
     <h2>Everything at your fingertips</h2>
 
     <p>With the new GNOME desktop, everything can be quickly accessed from the keyboard. Press the activities key and search: it's as simple as that. You'll love this feature if you're a user who likes things to happen fast.</p>
@@ -97,7 +97,7 @@
 
   </div> <!-- grid_10 -->
 
-  <div class="grid_16 muchmore">
+  <div class="grid_12 muchmore">
     <h2>And much, much more</h2>
 
     <p>GNOME 3 is crammed full of new features. Here are some of the other things that you can look forward to from GNOME 3:</p>
@@ -108,9 +108,9 @@
       <li>Major changes under the hood to give you a faster, smoother experience</li>
       <li>A satisfying experience, whatever kind of computer you use: GNOME 3 will feel right at home on netbooks as well as larger machines</li>
     </ul>
-  </div> <!-- grid_16 -->
+  </div> <!-- grid_12 -->
 
-<div class="grid_16 footer">
+<div class="grid_12 footer">
 Copyright © 2011 <a href="http://www.gnome.org";>The GNOME Project</a><br/>
 Free to share and remix: <a href="http://creativecommons.org/licenses/by/3.0/";>Creative Commons CC-BY</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>
@@ -143,8 +143,8 @@ Share on: <a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.gnome3.
 </div>
 <br/>
 â?§
-</div><!-- grid_16 -->
-</div> <!-- container_16 -->
+</div><!-- grid_12 -->
+</div> <!-- container_12 -->
 
 </body>
 </html>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]