Permalink
Browse files

home page stuff

  • Loading branch information...
1 parent 5ad0e1d commit 97c7472b427c60dde026b85df06cf68fb64a66d4 @AllanD AllanD committed Apr 8, 2011
View
@@ -66,15 +66,26 @@ input, select { vertical-align: middle; }
comment inside the CC or it will close prematurely. */
/* General */
+html, body {
+ height: 100%;
+}
body {
+ color: #404040;
font-family: verdana, sans-serif;
+ font-size: 14px;
+ line-height: 1.5;
background: #e4e4e4 url(../images/new/bg.jpg) top repeat-x;
}
ul {
list-style-type: none;
}
.wrapper {
+ position: relative;
+ min-height: 100%;
+}
+.innerWrapper {
width: 960px;
+ padding: 0 20px;
margin: 0 auto;
}
/* Header */
@@ -87,12 +98,12 @@ header h1.logo a {
width: 275px;
background: url(../images/new/logo.png) no-repeat;
position: absolute;
- top: 45px;
+ top: 50px;
}
/* Primary Nav */
.primaryNav {
position: relative;
- top: 60px;
+ top: 66px;
float: right;
line-height: 40px;
height: 40px;
@@ -128,14 +139,65 @@ header h1.logo a {
height: 370px;
}
/* MainContent */
+.grid .top,
+.grid .bottom {
+ height: 250px;
+}
.grid aside {
+ position: relative;
+ padding: 30px;
min-height: 200px;
- width: 480px;
+ height: 100%;
+ width: 420px;
float: left;
}
+.grid h2 {
+ height: 80px;
+ line-height: 90px;
+ font-family: georgia, serif;
+ font-size: 25px;
+ padding-left: 70px;
+}
+.grid h2 img {
+ left: 15px;
+ position: absolute;
+ z-index: 999;
+}
+.grid .gridIcon1 {top: 24px;}
+.grid .gridIcon2 {}
+.grid .gridIcon3 {}
+.grid .gridIcon4 {}
+.grid .gridContent {
+ height: 170px;
+ overflow: hidden;
+ padding: 0 10px;
+}
+.grid .boxed {
+ height: 150px;
+ margin-top: -20px;
+ position: relative;
+ bottom: 0;
+ padding: 15px;
+ border: 1px solid #cbcbcb;
+ background: #dbdbdb;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+}
+
+
+.grid
+.mainContent {
+ padding-bottom: 100px; /* Height of footer */
+}
/* Footer */
-
+footer {
+ width: 100%;
+ height: 100px;
+ position: absolute;
+ bottom: 0;
+ background: black;
+}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -14,29 +14,32 @@ filter:
<div class="grid clearfix">
<div class="top clearfix">
<aside>
-
- <h2>Why MacRuby?</h2>
- <p>MacRuby began as an attempt to work around many problems inherent in RubyCocoa. In the course of solving these problems, MacRuby has also solved numerous problems in the original implementation of Ruby. Consequently, there are a number of reasons (e.g. convenience, efficiency, flexibility, performance) why one might wish to use MacRuby for new (and ongoing) Ruby applications... <a href="/documentation/why-macruby.html"><br/><i>Read more...</i></a></p>
-
+ <h2><img class="gridIcon1" src="../images/icon_toolbox.png" alt="#" />Why MacRuby?</h2>
+ <div class="gridContent">
+ MacRuby began as an attempt to work around many problems inherent in RubyCocoa. In the course of solving these problems, MacRuby has also solved numerous problems in the original implementation of Ruby. Consequently, there are a number of reasons (e.g. convenience, efficiency, flexibility, performance) why one might wish to use MacRuby for new (and ongoing) Ruby applications... <a href="/documentation/why-macruby.html"><br/><i>Read more...</i></a>
+ </div>
</aside>
<aside>
-
- Whats Going on
-
- </aside>
+ <h2><img class="gridIcon2" src="../images/icon_star.png" alt="#" /> Whats Going on</h2>
+ <div >
+ <div class="gridContent boxed">
+ apsod ifhap sodfih aspdfioh
+ </div>
+ </aside>
</div>
<div class="bottom clearfix">
<aside>
-
- <h2>The Definitive Guide</h2>
- <p>Matt Aimonetti is currently working on a MacRuby book for O'Reilly. It is under development and the book is being published as it is being written. The work is released under a <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/">Creative Commons</a> license, with the idea of getting early feedback from the community.
- <br/><a href="http://macruby.labs.oreilly.com/">Check it out!</a></p>
-
+ <h2><img class="gridIcon3" src="../images/icon_notebook.png" alt="#" />The Definitive Guide</h2>
+ <div class="gridContent">
+ Matt Aimonetti is currently working on a MacRuby book for O'Reilly. It is under development and the book is being published as it is being written. The work is released under a <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/">Creative Commons</a> license, with the idea of getting early feedback from the community.
+ <br/><a href="http://macruby.labs.oreilly.com/">Check it out!</a>
+ </div>
</aside>
<aside>
-
- MacRuby Blogs
-
+ <h2><img class="gridIcon4" src="../images/icon_cloud.png" alt="#" />MacRuby Blogs</h2>
+ <div class="gridContent boxed">
+ apsod ifhap sodfih aspdfioh
+ </div>
</aside>
</div>
</div>
View
@@ -13,22 +13,25 @@ filter: erb
</head>
<body>
-<div class="wrapper">
-
+<div class="wrapper clearfix">
+<div class="innerWrapper clearfix">
<header>
<%= render :partial => "/header" %>
</header>
<div class="mainContent">
<%= @content %>
</div>
-
- <footer>
- <%= render :partial => "/footer" %>
- </footer>
-
+</div> <!-- End Inner Wrapper -->
+<footer>
+ <div class="innerWrapper">
+ <%= render :partial => "/footer" %>
+ </div>
+</footer>
</div><!-- End Wrapper -->
+
+
<!-- Dont forget analytics -->
</body>
</html>

0 comments on commit 97c7472

Please sign in to comment.