</head>
<body>
<div class="container content">
- <header class="pull-down">
- <div class="hero-unit">
- <h1>Broken Zipper</h1>
- <p>Charles McGarvey's Website</p>
- </div>
- </header>
+ <h1 class="pull-down">Broken Zipper</h1>
<article>
- <img class="pull-left" src="static/img/clover.png">
- <p>My name is Chaz, and I'm an <a href="http://www.opensource.org/">open source</a> software developer and independent freelance based in SLC, UT.
- This is my personal website—and I don't have a Facebook page—so here is a one-sentence summary of <em>me</em>: I love programming, faith, target-shooting, mathematics, service, traveling, conservatism, and enjoying the Great Outside.</p>
+ <img class="pull-left" src="static/img/avatar.png" style="border: 1px solid black">
+ <p>My name is Charles McGarvey, and this is my personal site.
+ There is not much here anymore, but I will at least provide a short bio:
+ I am an <a href="http://www.opensource.org/">open source</a> software developer and independent freelance based in SLC, UT.
+ I love programming, faith, target-shooting, mathematics, service, traveling, <a href="http://en.wikipedia.org/wiki/Broccoli">broccoli</a>, conservatism, reading, and hiking.
+ I'm also one of those <a href="http://mormon.org/me/2KPK/Chaz">wacky Mormons</a>.</p>
</article>
<section>
<h3>Projects</h3>
- <p>There used to be a Trac here that once managed some of my open
- source software projects, but I eventually
- <a href="https://github.com/chazmcgarvey">moved all that to GitHub</a>.
- </p>
+ <img class="pull-right" src="static/img/clover.png">
+ <p>I am occasionally known to write software for fun and profit.
+ Some of that code is on <a href="https://github.com/chazmcgarvey">my GitHub page</a>
+ for your own profit and enjoyment, should you find any of it useful.
+ I use permissive open source licenses, like the <a href="http://opensource.org/licenses/BSD-2-Clause">BSD 2-Clause</a> license—definitely <em>not</em> the GPL.</p>
</section>
<address>
<h3>Get In Touch</h3>
- <a class="btn pull-right" href="chaz.asc">
- <i class="icon-download-alt"></i>
- My PGP Key
- </a>
<ul>
<li>I still use email. My address is <a href="mailto:chazmcgarvey@brokenzipper.com">chazmcgarvey@brokenzipper.com</a>.
<li>Or, <a href="xmpp:chazmcgarvey@brokenzipper.com">IM me</a>. My JID is the same as my email address.
<li>I am also occasionally on <a href="http://webchat.freenode.net/?channels=gentoo&uio=d4">irc.freenode.net</a> with the nickname <kbd>onefriedrice</kbd>.
</ul>
+ <a class="btn btn-mini" href="chaz.asc">
+ <i class="icon-download-alt"></i>
+ My PGP Key
+ </a>
</address>
</div>
<script type="text/javascript" src="static/lib/jquery/jquery-1.8.3.js"></script>
-.pull-down {
- margin-top: 10px;
+body {
+ background-color: #f0f0f0;
+ text-align: justify;
}
-.content {
- padding: 0px 10px 10px 10px;
- border: 1px solid #eee;
- border-top: 0;
- border-bottom-radius: 6px;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
+h1 {
+ margin: 20px 0;
}
img.pull-left {
margin-left: 10px;
}
+.content {
+ background-color: white;
+ border: 1px solid #ccc;
+ border-top: 0;
+ border-bottom-radius: 6px;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ padding: 0px 10px 10px 10px;
+}
+
+.btn-mini [class^="icon-"],
+.btn-mini [class*=" icon-"] {
+ margin-top: 0;
+}
+
+
projects / chaz / website / commitdiff
