Skip to content

Commit

Permalink
First commit
Browse files Browse the repository at this point in the history
  • Loading branch information
amwelles committed Jan 26, 2012
0 parents commit 949030e
Show file tree
Hide file tree
Showing 11 changed files with 211 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
Binary file not shown.
8 changes: 8 additions & 0 deletions controller.rb
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 added img/.DS_Store
Binary file not shown.
Binary file added img/clock.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions index.html.haml
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>.
9 changes: 9 additions & 0 deletions layout.html.haml
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
Binary file added public/img/clock.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 64 additions & 0 deletions public/index.html
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>
&mdash; Wordpress install &amp; design for a writing and music portfolio
</li>
<li>
<a href='http://corksandcommas.tumblr.com/'>corksandcommas.tumblr.com</a>
&mdash; Tumblr design for a personal blog
</li>
<li>
<a href='http://cafetheme.tumblr.com/'>cafetheme.tumblr.com</a>
&mdash; 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>
42 changes: 42 additions & 0 deletions public/style.css
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; }
48 changes: 48 additions & 0 deletions style.css.sass
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

0 comments on commit 949030e

Please sign in to comment.