Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
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...
commit a7bd3bd22b850bbc56bafc4f7c564dd0b6e5472c 1 parent 7d7343e
@derrickj authored
View
2  _layouts/base.html
@@ -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
1  css/960.css
@@ -0,0 +1 @@
+body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
View
28 css/style.css
@@ -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
37 index.html
@@ -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
BIN  mockup.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
36 regions/index.html
@@ -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>
View
BIN  resources/images/imac-iphone.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.