Permalink
Browse files

new home page.

move regions page to it's own subdirectory. this shouldn't have
been the home page anyway. use 960 grid system as well
  • Loading branch information...
1 parent 7d7343e commit a7bd3bd22b850bbc56bafc4f7c564dd0b6e5472c @derrickj committed Sep 30, 2011
Showing with 75 additions and 29 deletions.
  1. +1 −1 _layouts/base.html
  2. +1 −0 css/960.css
  3. +28 −0 css/style.css
  4. +9 −28 index.html
  5. BIN mockup.png
  6. +36 −0 regions/index.html
  7. BIN resources/images/imac-iphone.png
View
@@ -28,7 +28,7 @@
<nav>
<ul>
<li><a href="/" id="logo">Home</a></li>
- <li><a href="/regions/faq.html">Regions FAQ</a></li>
+ <li><a href="/regions/">Regions</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact</a></li>
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -1,5 +1,6 @@
@import url("/resources/fonts/BrockScript.css");
@import url("reset.css");
+@import url("960.css");
header, nav, footer {
display:block;
}
@@ -97,6 +98,33 @@ header nav a:hover {
a {
color:#5C00B8;
}
+/* Home page*/
+#tagline {
+ font-size: 4em;
+ line-height: 1.0em;
+ margin: .4em 0;
+}
+
+#hireme,#hireme:visited {
+ padding: 10px 30px;
+ position:relative;
+
+ text-decoration: none;
+ color: white;
+ font-size: 1.2em;
+ /* border radius FIXME all browerss */
+ border-radius: 20px;
+ /* gradient */
+ background-color: #006699;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#000033));
+ background-image: -webkit-linear-gradient(top, #006699, #000033);
+ background-image: -moz-linear-gradient(top, #006699, #000033);
+ background-image: -ms-linear-gradient(top, #006699, #000033);
+ background-image: -o-linear-gradient(top, #006699, #000033);
+ background-image: linear-gradient(top, #006699, #000033);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006699', EndColorStr='#000033');
+
+}
/*screenshot image allows text to flow around it to its right*/
#screenshot {
View
@@ -1,34 +1,15 @@
---
layout: base
-title: Regions for iPhone
+title: Home
---
-<div id="regions-icon-wrap">
-<a href="http://itunes.apple.com/us/app/regions/id392441093"><img id="regions-icon" src="/resources/images/regions-icon512.png" alt="Regions Icon"></a>
-<div><a href="http://itunes.com/app/regions"><img src="/resources/images/app-store-badge.png" alt="Available on the App Store"></a></div>
-</div>
-
-<h1 id="regions-title"><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a></h1>
+<div class="container_12">
+ <img src="resources/images/imac-iphone.png" alt="iMac + iPhone icon" class="grid_6">
+
+ <h1 class="grid_6" id="tagline">I build websites and apps.</h1>
+ <a href="contact.html" id="hireme">Hire Me &rarr;</a></div>
-<h2 id="regions-subtitle">Location Based Reminders for iPhone 4</h2>
-<p><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a> is a simple iPhone app that reminds you to do things based on where you are. It won't kill your battery either. It does one thing and does it well. Regions provides <em>just enough</em> functionality to get the job done and avoids getting in your way.</p>
-<h3>How Simple is it?</h3>
-<ol id="regions-steps">
- <li>
- <a class="screen_shots" href="resources/images/map-screen.png"><img src="resources/images/map-screen.png" alt="Map Screen"></a>
- <p>Pick a location.</p>
- </li>
-
- <li>
- <a class="screen_shots" href="resources/images/detail-screen.png"><img src="resources/images/detail-screen.png" alt="Map Screen"></a>
- <p>Type a message for yourself.</p>
- </li>
- <li>
- <div id="empty-step"></div>
- <p>There is no step 3.</p>
- </li>
-</ol>
-
-<p>Regions requires iPhone 4.</p>
+</div>
+<p>You may want to <a href="blog">view my blog</a>, see some <a href="#">projects I've worked on</a>, or check out some of my <a href="https://github.com/derrickj">open source code on github</a>.</p>
-<script>$("a.screen_shots").fancybox();</script>
+<p>If you have any questions, feel free to <a href="contact.html">contact me</a>.</p>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,36 @@
+---
+layout: base
+title: Regions for iPhone
+---
+<div id="regions-icon-wrap">
+<a href="http://itunes.apple.com/us/app/regions/id392441093"><img id="regions-icon" src="/resources/images/regions-icon512.png" alt="Regions Icon"></a>
+<div><a href="http://itunes.com/app/regions"><img src="/resources/images/app-store-badge.png" alt="Available on the App Store"></a></div>
+</div>
+
+
+<h1 id="regions-title"><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a></h1>
+
+<h2 id="regions-subtitle">Location Based Reminders for iPhone 4</h2>
+<p><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a> is a simple iPhone app that reminds you to do things based on where you are. It won't kill your battery either. It does one thing and does it well. Regions provides <em>just enough</em> functionality to get the job done and avoids getting in your way.</p>
+<h3>How Simple is it?</h3>
+<ol id="regions-steps">
+ <li>
+ <a class="screen_shots" href="/resources/images/map-screen.png"><img src="/resources/images/map-screen.png" alt="Map Screen"></a>
+ <p>Pick a location.</p>
+ </li>
+
+ <li>
+ <a class="screen_shots" href="/resources/images/detail-screen.png"><img src="/resources/images/detail-screen.png" alt="Map Screen"></a>
+ <p>Type a message for yourself.</p>
+ </li>
+ <li>
+ <div id="empty-step"></div>
+ <p>There is no step 3.</p>
+ </li>
+</ol>
+
+<p>Regions requires iPhone 4.</p>
+
+<p><a href="faq.html">FAQ</a></p>
+
+<script>$("a.screen_shots").fancybox();</script>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a7bd3bd

Please sign in to comment.