This repository has been archived by the owner on May 10, 2022. It is now read-only.
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
Patrick Quinn-Graham
committed
May 2, 2010
1 parent
6e95581
commit 0a05217
Showing
6 changed files
with
472 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
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,123 @@ | ||
body { | ||
color: #626273; | ||
margin: 0px; | ||
background: #fff; | ||
font: normal 14px/20px Palatino, Times, "Times New Roman", serif; | ||
|
||
} | ||
|
||
h1, .content, .sosumi { | ||
padding: 35px; | ||
text-shadow: 2px 2px 2px #eee; | ||
} | ||
|
||
a { | ||
color: #575E50; | ||
} | ||
|
||
h1 { | ||
color: #695146; | ||
text-align: center; | ||
position: absolute; | ||
top: 30%; | ||
left: 0; | ||
right: 0; | ||
} | ||
h1.normal-page { | ||
position: relative; | ||
top: 0; | ||
background-image: none; | ||
width: 100%; | ||
padding: 45px 0 0 !important; | ||
margin: 0 !important; | ||
height: 50px; | ||
font: bold 28px Palatino, Times, "Times New Roman", serif; | ||
} | ||
|
||
nav.normal-page { | ||
display: block; | ||
width: 100%; | ||
text-align: center; | ||
opacity: 0.5; | ||
} | ||
|
||
nav.normal-page:hover { | ||
opacity: 1.0; | ||
} | ||
|
||
.content { | ||
position: absolute; | ||
top: 30%; | ||
padding-top: 100px; | ||
left: 0; | ||
right: 0; | ||
text-align: center; | ||
} | ||
.content a, nav.normal-page a { | ||
text-decoration: none; | ||
} | ||
.content a:hover, nav.normal-page a:hover { | ||
text-decoration: underline; | ||
} | ||
|
||
.sosumi.big.fixed { | ||
position: fixed; | ||
bottom: 0; | ||
left: 0; | ||
right: 0; | ||
} | ||
.sosumi.big.unfixed { | ||
width: 100%; | ||
padding: 35px 0; | ||
} | ||
.sosumi.big { | ||
opacity: 0.5; | ||
text-align: center; | ||
font-family: 'Myriad Web', 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', 'Lucida Grande', 'Lucida Sans', 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Helvetica, sans-serif; | ||
font-size: 0.9em; | ||
|
||
} | ||
|
||
.sosumi.big:hover { | ||
opacity: 1.0; | ||
} | ||
|
||
.software-and-projects { | ||
margin-top: 5px; | ||
display: block; | ||
} | ||
|
||
@-webkit-keyframes glow { | ||
from { | ||
background-color: #fff; | ||
padding: 0; | ||
} | ||
25% { | ||
background-color: #fafafa; | ||
padding: 0 1px; | ||
} | ||
50% { | ||
background-color: #f6f6f6; | ||
padding: 0 2px; | ||
} | ||
75% { | ||
background-color: #f2f2f2; | ||
padding: 0 3px; | ||
} | ||
to { | ||
background-color: #eee; | ||
padding: 0 4px; | ||
} | ||
} | ||
|
||
.active { | ||
padding: 0 4px; | ||
background-color: #eee; | ||
-webkit-animation-name: 'glow'; | ||
-webkit-animation-duration: .7s; | ||
-webkit-animation-iteration-count: 1; | ||
-webkit-animation-direction: normal; | ||
-webkit-animation-timing-function: ease-in-out; | ||
-webkit-border-radius: 4px; | ||
-moz-border-radius: 4px; | ||
} |
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,7 @@ | ||
$(document).ready(function(){ | ||
$('a[rel]').click(function(){ | ||
$("." + $(this).attr("rel")).show("slow"); | ||
$(this).addClass("active"); | ||
return false; | ||
}); | ||
}); |
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,103 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | ||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
<title>About Patrick Quinn-Graham (thepatrick)</title> | ||
<link rel="alternate" type="application/rss+xml" title="RSS" | ||
href="/rss"/> | ||
<link rel="shortcut icon" HREF="http://i.m.ac.nz/live/favicon.ico"/> | ||
<link rel="stylesheet" href="http://i.m.ac.nz/live/soapbox/8.0/styles.css" type="text/css" media="screen" title="no title" charset="utf-8"> | ||
<link rel="stylesheet" href="_static/thepatrick.css" type="text/css" media="screen" title="no title" charset="utf-8"> | ||
|
||
</head> | ||
<body> | ||
<h1 class="normal-page">Patrick Quinn-Graham</h1> | ||
<nav class="normal-page"> | ||
<a href="about.html">about patrick</a>, | ||
<a href="http://m.ac.nz/" rel="software-and-projects">software and projects</a>, | ||
<a href="http://soapbox.co.nz/">soapbox</a>, | ||
<a href="make-contact.html">make contact</a> | ||
</nav> | ||
<div id="content"> | ||
|
||
|
||
|
||
|
||
<div class="post"> | ||
<div class="regular"> | ||
<h2 class="entryTitle"> Introductions </h2> | ||
|
||
|
||
<img src="http://thepatrick.cachefly.net/about/4/ofme.jpg" width="218" height="152" alt="Me" style="display: block; margin: 11px 30px 19px 0; border: 0; float: left;" /> | ||
|
||
<p>I am a 25 year old guy who is currently working in Sydney, Australia. | ||
Opinions expressed around here are, of course, my own.</p> | ||
|
||
<p><strong>People</strong>. I could not be a hermit that lived completely disconnected from other people. I think that is what turned me to the internet, and my technical inclination brought having a website to the front of my mind as being the most logical way of connecting with other people.</p> | ||
|
||
<p><strong>Computers</strong>. I can not imagine my life without the influence they have had. I am not strongly defensive of any platform over another - though I can not deny that Mac OS X is my favourite. I value open source, because I believe it is a viable way of building software. I value commercial applications, because if it truely is good, and someone wants to be paid for it, then it is worth paying for. (Check out the current <a href="http://soapbox.co.nz/past/2006/11/23/toolkit/" title="Patrick's Soapbox. Toolkit">software toolkit</a>.)</p> | ||
|
||
<p><strong>Photography</strong>. It's a relatively low priority passion, | ||
but I think I'm getting better. All the photos you see on this site were | ||
taken by me. This has some definite advantages (for one I can allow myself | ||
to use my photos for anything I like).</p> | ||
|
||
<p><strong>Creative Commons</strong>. You'll notice at the bottom of the | ||
page a link to <a href="http://soapbox.co.nz/rights-reserved">Some Rights | ||
Reserved</a>. I strongly believe that content we (all humans) create should | ||
first and foremost be usable to encourage further creation. As such I license | ||
my content under a creative commons "Attribution-NonCommercial-ShareAlike | ||
2.0" license, and most photographs (on | ||
<a href="http://flickr.com/photos/pftqg">flickr</a>) from 2007 onwards under | ||
an creative commons Attribution 2.5 licence - feel free to use it. Code is, | ||
where possible, given away under a BSD-style license.</p> | ||
|
||
<h2 class="entryTitle"> The future </h2> | ||
|
||
|
||
<p> | ||
Where do I see myself in one year? I don't know. Right here in Australia, | ||
seeing the landscape and taking photos wherever I can. Hopefully | ||
finding food too. | ||
</p> | ||
<p> | ||
In 10 years? In a stable job, that I enjoy, earning enough money to | ||
keep myself happy. Much more than that I do not know. What I | ||
will be doing to earn that money, where I will be living, what I | ||
will do in my spare time, I can not even begin to speculate on. | ||
</p> | ||
<p> | ||
How can I accurately describe myself on a page which doesn't show emotion? I can not. Perhaps what you have read above will give you a glimpse at the person who has written the code here, the person who writes in the blog. The person behind the pictures you see on Flickr. | ||
</p> | ||
<p> | ||
Thanks for reading, <br /> | ||
Patrick. | ||
</p> | ||
|
||
|
||
|
||
<p><small> | ||
<a href="http://flickr.com/photos/moot/2553343838/">Photo of Patrick</a> taken by flick user theblackvegetable.</small></p> | ||
|
||
|
||
|
||
</div> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div> | ||
</div> | ||
<div class="sosumi big unfixed"> | ||
Copyright © 2010 Patrick Quinn-Graham, with <a href="http://soapbox.co.nz/rights-reserved">Some Rights Reserved</a>. | ||
</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,36 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-us"> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Patrick Quinn-Graham (thepatrick)</title> | ||
<link rel="stylesheet" href="_static/thepatrick.css" type="text/css" media="screen" charset="utf-8"/> | ||
<script src="_static/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> | ||
<script src="_static/thepatrick.js" type="text/javascript" charset="utf-8"></script> | ||
<meta name="viewport" content="width=device-width"/> | ||
</head> | ||
<body> | ||
<h1>Patrick Quinn-Graham</h1> | ||
<div class="content"> | ||
<nav> | ||
<a href="about.html">about patrick</a>, | ||
<a href="http://m.ac.nz/" rel="software-and-projects">software and projects</a>, | ||
<a href="http://soapbox.co.nz/">soapbox</a>, | ||
<a href="make-contact.html">make contact</a> | ||
</nav> | ||
|
||
<nav class="software-and-projects" style="display: none;"> | ||
<a href="http://m.ac.nz/">software/services</a>, | ||
<a href="http://itunes.apple.com/artist/patrick-quinn-graham/id288653497">on iTunes</a>, | ||
<a href="http://github.com/thepatrick">code</a>, | ||
<a href="http://pqphotos.com/">photography</a> | ||
</nav> | ||
|
||
</div> | ||
<div class="sosumi big fixed"> | ||
Copyright © 2010 Patrick Quinn-Graham, with <a href="http://soapbox.co.nz/rights-reserved">Some Rights Reserved</a>. | ||
</div> | ||
</body> | ||
<!-- | ||
This document should conform to HTML5. If it doesn't, then ... I'm still working on it. My bad. | ||
--> | ||
</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,49 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | ||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
<title>About Patrick Quinn-Graham (thepatrick)</title> | ||
<link rel="alternate" type="application/rss+xml" title="RSS" | ||
href="/rss"/> | ||
<link rel="shortcut icon" HREF="http://i.m.ac.nz/live/favicon.ico"/> | ||
<link rel="stylesheet" href="http://i.m.ac.nz/live/soapbox/8.0/styles.css" type="text/css" media="screen" title="no title" charset="utf-8"> | ||
<link rel="stylesheet" href="_static/thepatrick.css" type="text/css" media="screen" title="no title" charset="utf-8"> | ||
|
||
</head> | ||
<body> | ||
<h1 class="normal-page">Patrick Quinn-Graham</h1> | ||
<nav class="normal-page"> | ||
<a href="about.html">about patrick</a>, | ||
<a href="http://m.ac.nz/" rel="software-and-projects">software and projects</a>, | ||
<a href="http://soapbox.co.nz/">soapbox</a>, | ||
<a href="make-contact.html">make contact</a> | ||
</nav> | ||
<div id="content"> | ||
<div class="post"> | ||
<div class="regular"> | ||
<h2 class="entryTitle"> Make Contact </h2> | ||
|
||
<p> | ||
Import my <a href="http://patrick.geek.nz/vcard">vCard</a> into your address book of choice. | ||
It provides full contact details for me. You could also whois my domain for full contact details. | ||
</p> | ||
<p> | ||
You can email me at any address at patrick.geek.nz. You could also call/text me on +61 433 494 744. | ||
Here are the main methods of contacting yours truly by an instant messaging system of your choosing. | ||
For instant messaging I recommend Adium on Mac OS X. | ||
</p> | ||
<ul> | ||
<li><strong>MSN</strong>: me @ pftqg.com</li> | ||
<li><strong>ICQ</strong>: 17215559</li> | ||
<li><strong>AIM</strong>: pftqg @ mac.com</li> | ||
<li><strong>Jabber</strong>: patrick @ m.ac.nz</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="sosumi big unfixed"> | ||
Copyright © 2010 Patrick Quinn-Graham, with <a href="http://soapbox.co.nz/rights-reserved">Some Rights Reserved</a>. | ||
</div> | ||
</body> | ||
</html> |