[gnomeweb-wp] created global domain bar, added simple_list style and started to work in the home page



commit c328de41ec442c3d7c16009674c47f43e5d8e4bd
Author: Vinicius Depizzol <vdepizzol gmail com>
Date:   Tue Oct 12 03:03:54 2010 -0300

    created global domain bar, added simple_list style and started to work in the home page

 wp-content/themes/gnome-grass/header.php           |    8 ++
 wp-content/themes/gnome-grass/home.php             |  100 ++++++++++----------
 .../gnome-grass/images/home/introduction-bg.png    |  Bin 0 -> 109980 bytes
 wp-content/themes/gnome-grass/style.css            |   51 ++++++++++-
 4 files changed, 107 insertions(+), 52 deletions(-)
---
diff --git a/wp-content/themes/gnome-grass/header.php b/wp-content/themes/gnome-grass/header.php
index 1250d4f..781fae8 100644
--- a/wp-content/themes/gnome-grass/header.php
+++ b/wp-content/themes/gnome-grass/header.php
@@ -25,6 +25,14 @@
         </ul>
     </div>
     
+    <!-- global gnome.org domain bar -->
+    <div id="global_domain_bar">
+        <div>
+            <a href="#"><strong>GNOME</strong>.ORG</a>
+        </div>
+    </div>
+    
+    
     <!-- header -->
     <div id="header" class="container_12">
         <div id="logo" class="grid_3">
diff --git a/wp-content/themes/gnome-grass/home.php b/wp-content/themes/gnome-grass/home.php
index 394b61f..3748ac6 100644
--- a/wp-content/themes/gnome-grass/home.php
+++ b/wp-content/themes/gnome-grass/home.php
@@ -3,69 +3,67 @@
 
 require_once("header.php"); ?>
 
+    <!-- introduction home -->
+    <div style="background: url(<?php bloginfo('stylesheet_directory'); ?>/images/home/introduction-bg.png) bottom center no-repeat; overflow: hidden;">
+        <div class="container_12">
+                
+                <div class="grid_12" style="border-bottom: 1px solid #ccc; padding-bottom: 70px;">
+                    <div class="grid_7 alpha">
+                        <h1 style="margin-bottom: 0;">Lorem ipsum dolor sit</h1>
+                        <p class="main_feature" style="margin-top: 0;">Amet conseguer domulus sit lorem ipsum dolor sit amet avec consequer.</p>
+                        <p><a href="#" class="action_button">Lorem ipsum GNOME</a></p>
+                    </div>
+                    
+                    <div class="clear"></div>
+                </div>
+        </div>
+    </div>
+    
     <!-- container -->
     <div id="container" class="two_columns">
+
         <div class="container_12">
             
-            <div class="content without_sidebar">
-            <?php
-            
-            $temp_query = clone $wp_query;
+            <div class="news_list grid_9">
             
-            query_posts(array('post_type' => 'banner', 'posts_per_page' => 1));
-            
-            while ( have_posts() ) : the_post();
-            
-            ?>
                 <?php
-                
-                $home_link = get_post_meta($post->ID, 'link', true);
-                
-                echo '<div id="home_banner">';
-                if($home_link != '') {echo '<a href="'.$home_link.'">'; } ?>
-                <?php the_post_thumbnail(array(940, 350), array('alt' => get_the_excerpt($post->ID), 'title' => get_the_title($post->ID))); ?>
-                <?php if($home_link != '') {echo '</a>'; }
-                echo '</div>';
+                $i = 0;
+                while ( have_posts() ) : the_post();
                 ?>
-                
-            <?php endwhile; // End the loop. Whew.
-
-            $wp_query = clone $temp_query;
-            
-            ?><div class="news_list grid_9 alpha"><?php
-            while ( have_posts() ) : the_post();
-            ?>
-                <div class="news">
-                    <div class="date grid_3 alpha">
-                        <?php the_date(); ?>
+                    <div class="news">
+                        <?php if ($i == 0): ?>
+                        <div class="grid_9 alpha omega" style="background: #ececec; margin-bottom: 10px; height: 180px;">
+                            &nbsp;
+                        </div>
+                        <?php endif; ?>
+                        <div class="date grid_3 alpha">
+                            <?php the_date(); ?>
+                        </div>
+                        
+                        <div class="grid_6 omega">
+                            <a href="<?php the_permalink(); ?>">
+                                <strong><?php the_title(); ?></strong><br />
+                                <?php echo strip_tags(get_the_excerpt()); ?>
+                            </a>
+                        </div>
+                        <div class="clear"></div>
                     </div>
-                    
-                    <div class="grid_6 omega">
-                        <a href="<?php the_permalink(); ?>">
-                            <strong><?php the_title(); ?></strong><br />
-                            <?php echo strip_tags(get_the_excerpt()); ?>
-                        </a>
-                    </div>
-                    <div class="clear"></div>
-                </div>
-            <?php
-            endwhile;
-            ?>
+                <?php
+                $i++;
+                endwhile;
+                ?>
             </div>
-                <div class="grid_3 omega">
-                    <div class="subtle_box">
-                        <p>For more GNOME news, check out the <a href="#">Planet GNOME</a>.</p>
-                        <p><strong>Planet GNOME</strong> groups blogs of GNOME hackers and contribuitors.</p>
-                    </div>
-                </div>
-            <?php
             
-            ?>
-                <br />
-                <div class="clear"></div>
+            <div class="grid_3 omega">
+                <div class="subtle_box">
+                    <p>For more GNOME news, check out the <a href="#">Planet GNOME</a>.</p>
+                    <p><strong>Planet GNOME</strong> groups blogs of GNOME hackers and contribuitors.</p>
+                </div>
             </div>
             
-            <?php require_once("footer_art.php"); ?>
+            <div class="clear"></div>
+            
+        <?php require_once("footer_art.php"); ?>
         </div>
     </div>
     
diff --git a/wp-content/themes/gnome-grass/images/home/introduction-bg.png b/wp-content/themes/gnome-grass/images/home/introduction-bg.png
new file mode 100644
index 0000000..f6feefe
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/home/introduction-bg.png differ
diff --git a/wp-content/themes/gnome-grass/style.css b/wp-content/themes/gnome-grass/style.css
index 26852d3..080bf2c 100644
--- a/wp-content/themes/gnome-grass/style.css
+++ b/wp-content/themes/gnome-grass/style.css
@@ -55,6 +55,34 @@ a:visited {
 
 
 
+/* Global Domain Bar */
+/* ========================================================================== */
+
+
+
+#global_domain_bar {
+    background: #fff;
+    height: 10px;
+}
+#global_domain_bar div {
+    max-width: 940px;
+    margin: 0 auto;
+}
+#global_domain_bar a {
+    margin-right: 30px;
+    float: right;
+    background: #fff url(images/favicon.png) 8px 7px no-repeat;
+    padding: 4px 12px 2px 26px;
+    color: #555753;
+    text-decoration: none;
+    font-size: 13px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+
+
 /* Header */
 /* ========================================================================== */
 
@@ -501,6 +529,27 @@ a:visited {
    padding-top: 1px;
 }
 
+/* -> Simple List */
+
+.simple_list {
+    margin: 0 0 20px;
+    padding: 0;
+    list-style: none;
+}
+.simple_list li {
+    border: 1px solid #eeeeec;
+    border-left: 0;
+    border-right: 0;
+    padding: 0;
+    margin: 0;
+}
+.simple_list li a {
+    padding: 3px 8px;
+    text-decoration: none;
+    display: block;
+    color: #888a85;
+}
+
 /* -> Iconified Menu */
 
 ul.iconified_menu {
@@ -563,7 +612,7 @@ dl.icon_list dt img {
 
 .action_button {
     display: inline-block;
-    padding: 3px 12px;
+    padding: 0 14px;
     border: 1px solid #ccc;
     background: #ececec url(images/action_button-bg.png) center repeat-x;
     -moz-border-radius: 15px;



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]