-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 949030e
Showing
11 changed files
with
211 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
require 'haml' | ||
require 'sass' | ||
|
||
layout 'layout.html.haml' | ||
|
||
before 'index.html.haml' do | ||
@title = " | Home" | ||
end |
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
%h2 About | ||
%p | ||
I've been tinkering with HTML and CSS since I first got my hands on a Yahoo! email account back in 2001. From there, I quickly graduated to fiddling with PHP and MySQL, although my current flounderings are with Ruby on Rails, jQuery, HAML, SASS, and whatever else happens to be floating around on Hacker News. | ||
%h3 Additional Links | ||
%ul | ||
%li | ||
%a{'href' => 'http://twitter.com/amwelles'} Twitter | ||
%li | ||
%a{'href' => 'http://aubii.com/'} Tumblr | ||
%li | ||
%a{'href' => 'http://amblog.heroku.com'} Blog | ||
|
||
%h2 Services Offered | ||
%ul | ||
%li Website creation | ||
%ul | ||
%li Domain registration and setup | ||
%li Hosting setup | ||
%li Web design and development | ||
%li Wordpress install | ||
%li Website maintenance | ||
%ul | ||
%li Domain renewal | ||
%li Content updates | ||
%li Wordpress upgrades | ||
|
||
%h2 Works in the Wild | ||
%ul | ||
%li | ||
%a{'href' => 'http://www.jvancleve.com/'} jvancleve.com | ||
— Wordpress install & design for a writing and music portfolio | ||
%li | ||
%a{'href' => 'http://corksandcommas.tumblr.com/'} corksandcommas.tumblr.com | ||
— Tumblr design for a personal blog | ||
%li | ||
%a{'href' => 'http://cafetheme.tumblr.com/'} cafetheme.tumblr.com | ||
— Tumblr design for a general-purpose blog | ||
|
||
%footer | ||
%p Built with <a href='http://stasis.me'>Stasis</a>. Hosted by <a href='http://nearlyfreespeech.net'>NFSN</a>. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
!!! 5 | ||
%html | ||
%head | ||
%title= 'On the Clock' | ||
%link{'rel' => 'stylesheet', 'href' => 'style.css'} | ||
%body | ||
%div#contain | ||
%h1 On the Clock | ||
%div#content= yield |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,64 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>On the Clock</title> | ||
<link href='style.css' rel='stylesheet' /> | ||
</head> | ||
<body> | ||
<div id='contain'> | ||
<h1>On the Clock</h1> | ||
<div id='content'> | ||
<h2>About</h2> | ||
<p> | ||
I've been tinkering with HTML and CSS since I first got my hands on a Yahoo! email account back in 2001. From there, I quickly graduated to fiddling with PHP and MySQL, although my current flounderings are with Ruby on Rails, jQuery, HAML, SASS, and whatever else happens to be floating around on Hacker News. | ||
</p> | ||
<h3>Additional Links</h3> | ||
<ul> | ||
<li> | ||
<a href='http://twitter.com/amwelles'>Twitter</a> | ||
</li> | ||
<li> | ||
<a href='http://aubii.com/'>Tumblr</a> | ||
</li> | ||
<li> | ||
<a href='http://amblog.heroku.com'>Blog</a> | ||
</li> | ||
</ul> | ||
<h2>Services Offered</h2> | ||
<ul> | ||
<li>Website creation</li> | ||
<ul> | ||
<li>Domain registration and setup</li> | ||
<li>Hosting setup</li> | ||
<li>Web design and development</li> | ||
<li>Wordpress install</li> | ||
</ul> | ||
<li>Website maintenance</li> | ||
<ul> | ||
<li>Domain renewal</li> | ||
<li>Content updates</li> | ||
<li>Wordpress upgrades</li> | ||
</ul> | ||
</ul> | ||
<h2>Works in the Wild</h2> | ||
<ul> | ||
<li> | ||
<a href='http://www.jvancleve.com/'>jvancleve.com</a> | ||
— Wordpress install & design for a writing and music portfolio | ||
</li> | ||
<li> | ||
<a href='http://corksandcommas.tumblr.com/'>corksandcommas.tumblr.com</a> | ||
— Tumblr design for a personal blog | ||
</li> | ||
<li> | ||
<a href='http://cafetheme.tumblr.com/'>cafetheme.tumblr.com</a> | ||
— Tumblr design for a general-purpose blog | ||
</li> | ||
</ul> | ||
<footer> | ||
<p>Built with <a href='http://stasis.me'>Stasis</a>. Hosted by <a href='http://nearlyfreespeech.net'>NFSN</a>.</p> | ||
</footer> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
body { | ||
background: white; | ||
color: black; | ||
font-family: "Lucida Grande", "Verdana", sans-serif; | ||
margin: 2em 0 15em; } | ||
|
||
a { | ||
text-decoration: underline; } | ||
a:link, a:visited { | ||
color: #990000; } | ||
a:active, a:hover { | ||
color: black; } | ||
|
||
#contain { | ||
width: 500px; | ||
margin: 0 auto; } | ||
|
||
h1 { | ||
line-height: 57px; | ||
background-image: url("./img/clock.gif"); | ||
background-repeat: no-repeat; | ||
background-position-y: 3px; | ||
padding-left: 70px; | ||
margin-left: -70px; } | ||
|
||
h2 { | ||
margin-bottom: 0; | ||
margin-top: 3em; | ||
padding-top: 0.5em; | ||
border-top: 5px solid #eeeeee; } | ||
|
||
p, ul { | ||
font-size: 12px; | ||
line-height: 22px; } | ||
|
||
footer { | ||
color: #888888; | ||
margin-top: 3em; } | ||
footer a:link, footer a:visited { | ||
color: #666666; } | ||
footer a:active, footer a:hover { | ||
color: #333333; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
$thin: 1px solid #ccc | ||
|
||
body | ||
background: #fff | ||
color: #000 | ||
font: | ||
family: 'Lucida Grande', 'Verdana', sans-serif | ||
margin: 2em 0 15em | ||
|
||
a | ||
text-decoration: underline | ||
&:link, &:visited | ||
color: #900 | ||
&:active, &:hover | ||
color: #000 | ||
|
||
#contain | ||
width: 500px | ||
margin: 0 auto | ||
|
||
h1 | ||
line-height: 57px | ||
background: | ||
image: url('./img/clock.gif') | ||
repeat: no-repeat | ||
position-y: 3px | ||
padding-left: 50px + 20px | ||
margin-left: -50px - 20px | ||
|
||
h2 | ||
margin: | ||
bottom: 0 | ||
top: 3em | ||
padding-top: .5em | ||
border-top: 5px solid #eee | ||
|
||
p, ul | ||
font-size: 12px | ||
line-height: 22px | ||
|
||
footer | ||
color: #888 | ||
margin-top: 3em | ||
a | ||
&:link, &:visited | ||
color: #666 | ||
&:active, &:hover | ||
color: #333 |