Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

whoa

  • Loading branch information...
commit 3f6e1cd5f3b91fbd765da41592560149853683d0 1 parent 96e6720
@thomasdavis authored
View
2  _config.yml
@@ -0,0 +1,2 @@
+markdown: rdiscount
+pygments: true
View
99 _layouts/default.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <title>{{ page.title }}</title>
+ <meta name="author" content="Ryan Kirkman" />
+
+ <!-- syntax highlighting CSS -->
+ <link rel="stylesheet" href="/css/syntax.css" type="text/css" />
+
+ <!-- Homepage CSS -->
+ <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />
+
+ <!-- Typekit -->
+ <script type="text/javascript" src="http://use.typekit.com/jpd0pfm.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+ <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
+ <style type="text/css">
+ body, ul { padding: 0; margin: 0; }
+ body { font-family: 'Arial'; }
+ #container { width: 760px; margin: auto; }
+ h1 { font-size: 3em; }
+ h3 { color: #444; }
+ #topmenu { height: 15px; border-bottom: 1px solid #996699; padding: 5px; }
+ #topmenu ul { list-style: none; }
+ #topmenu li { float: left; margin-left: 15px; font-size: 13px;}
+ </style>
+</head>
+<body>
+<div id="topmenu">
+ <ul>
+ <li>home</li>
+ <li><a href="https://github.com/thomasdavis">my repos</a></li>
+ <li><a href="about.html">about me</a></li>
+ <li><a href="http://twitter.com/?status=@iamjessicagomes,%20@neutralthoughts%20is%20a%20great%20guy,%20you%20should%20marry%20him" target="_blank" alt="will load in new window, please marry me">hot woman (SFW)</a></li>
+ <li><a href="http://protosal.com" target="_blank">my boot-strapped startup</a></li>
+ </ul>
+ <ul style="float: right; margin-right: 15px;">
+
+ <li>thomas davis - <a href="http://twitter.com/neutralthoughts">follow me on twitter</a> or don't</li>
+ </ul>
+</div>
+<!-- ClickTale Top part -->
+<script type="text/javascript">
+var WRInitTime=(new Date()).getTime();
+</script>
+<!-- ClickTale end of Top part -->
+
+<div class="site">
+ <div class="title">
+ <a href="/">Ryan Kirkman</a>
+ <a class="extra" href="/">home</a>
+ </div>
+
+ {{ content }}
+
+ <div class="footer">
+ <div class="contact">
+ <p>
+ Ryan Kirkman<br />
+ Cofounder of <a href="http://protosal.com/">Protosal</a><br />
+ ryan@ryankirkman.com
+ </p>
+ </div>
+ <div class="contact">
+ <p>
+ <a href="http://ryankirkman.com/">Personal Blog</a><br />
+ <a href="http://twitter.com/ryan_kirkman/">twitter.com/ryan_kirkman</a><br />
+ </p>
+ </div>
+ </div>
+</div>
+
+
+ <link rel="stylesheet" type="text/css" href="http://serve.poplytics.com/shadowbox.css">
+ <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
+ <script type="text/javascript" src="http://serve.poplytics.com/shadowbox.js"></script>
+ <script language="javascript" type="text/javascript" src="http://serve.poplytics.com/js/jquery.xdomainajax.js"></script>
+ <script language="javascript" type="text/javascript">
+ Shadowbox.init();
+ $(document).ready(function()
+ {
+ $.ajax({
+ url: 'http://serve.poplytics.com/ads.php?uniq=148408611',
+ type: 'GET',
+ success: function(res) {
+ $('#poplytics').html(res.responseText);
+ }
+ });
+ })
+ </script>
+ <div id="poplytics"></div>
+ <script src="http://static.getclicky.com/js" type="text/javascript"></script>
+ <script type="text/javascript">try{ clicky.init(66379121); }catch(err){}</script>
+ <noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66379121ns.gif" /></p></noscript>
+
+
+</body>
+</html>
View
15 _layouts/post.html
@@ -0,0 +1,15 @@
+---
+layout: default
+---
+<div id="post">
+{{ content }}
+</div>
+
+<div id="related">
+ <h2>Related Posts</h2>
+ <ul class="posts">
+ {% for post in site.related_posts limit:3 %}
+ <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+</div>
View
22 _posts/2011-03-07-npm-expressjs-and-connect.textile
@@ -0,0 +1,22 @@
+---
+layout: post
+title: npm, express.js and connect
+---
+
+h1. {{page.title}}
+
+p(meta). 7 Mar 2011
+
+Connect (the node.js middleware framework) recently updated to its 1.0 release. If you're using Express.js, you will need to update to Express.js version 2.x to be compatible with Connect version 1.x.
+
+Notes:
+* Connect 1.0 removed the following modules:
+** cache (This cached everything, even dynamic content. Caused us quite a few problems)
+** conditionalGet (e.g. 304 - Not Modified)
+** staticGzip
+** gzip (Apparently this was buggy. Yeah, we used it)
+** lint
+* Connect 1.0 renamed the following modules:
+** staticProvider -> static
+** bodyDecoder -> bodyParser
+** cookieDeconder -> cookieParser
View
197 css/screen.css
@@ -0,0 +1,197 @@
+/*****************************************************************************/
+/*
+/* Common
+/*
+/*****************************************************************************/
+
+/* Global Reset */
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+html, body {
+ height: 100%;
+}
+
+body {
+ background-color: white;
+ font: 13.34px helvetica, arial, clean, sans-serif;
+ *font-size: small;
+ text-align: center;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+}
+
+h1 {
+ margin-bottom: 1em;
+}
+
+p {
+ margin: 1em 0;
+}
+
+a {
+ color: #00a;
+}
+
+a:hover {
+ color: black;
+}
+
+a:visited {
+ color: #a0a;
+}
+
+table {
+ font-size: inherit;
+ font: 100%;
+}
+
+/*****************************************************************************/
+/*
+/* Home
+/*
+/*****************************************************************************/
+
+ul.posts {
+ list-style-type: none;
+ margin-bottom: 2em;
+}
+
+ ul.posts li {
+ line-height: 1.75em;
+ }
+
+ ul.posts span {
+ color: #aaa;
+ font-family: Monaco, "Courier New", monospace;
+ font-size: 80%;
+ }
+
+/*****************************************************************************/
+/*
+/* Site
+/*
+/*****************************************************************************/
+
+.site {
+ font-size: 110%;
+ text-align: justify;
+ width: 40em;
+ margin: 3em auto 2em auto;
+ line-height: 1.5em;
+}
+
+.title {
+ color: #a00;
+ font-weight: bold;
+ margin-bottom: 2em;
+}
+
+ .site .title a {
+ color: #a00;
+ text-decoration: none;
+ }
+
+ .site .title a:hover {
+ color: black;
+ }
+
+ .site .title a.extra {
+ color: #aaa;
+ text-decoration: none;
+ margin-left: 1em;
+ }
+
+ .site .title a.extra:hover {
+ color: black;
+ }
+
+ .site .meta {
+ color: #aaa;
+ }
+
+ .site .footer {
+ font-size: 80%;
+ color: #666;
+ border-top: 4px solid #eee;
+ margin-top: 2em;
+ overflow: hidden;
+ }
+
+ .site .footer .contact {
+ float: left;
+ margin-right: 3em;
+ }
+
+ .site .footer .contact a {
+ color: #8085C1;
+ }
+
+ .site .footer .rss {
+ margin-top: 1.1em;
+ margin-right: -.2em;
+ float: right;
+ }
+
+ .site .footer .rss img {
+ border: 0;
+ }
+
+/*****************************************************************************/
+/*
+/* Posts
+/*
+/*****************************************************************************/
+
+#post {
+
+}
+
+ /* standard */
+
+ #post pre {
+ border: 1px solid #ddd;
+ background-color: #eef;
+ padding: 0 .4em;
+ }
+
+ #post ul,
+ #post ol {
+ margin-left: 1.35em;
+ }
+
+ #post code {
+ border: 1px solid #ddd;
+ background-color: #eef;
+ font-size: 85%;
+ padding: 0 .2em;
+ }
+
+ #post pre code {
+ border: none;
+ }
+
+ /* terminal */
+
+ #post pre.terminal {
+ border: 1px solid black;
+ background-color: #333;
+ color: white;
+ }
+
+ #post pre.terminal code {
+ background-color: #333;
+ }
+
+#related {
+ margin-top: 2em;
+}
+
+ #related h2 {
+ margin-bottom: 1em;
+ }
View
60 css/syntax.css
@@ -0,0 +1,60 @@
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
View
88 index.html
@@ -1,77 +1,13 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>Thomas Davis - Blog</title>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body, ul { padding: 0; margin: 0; }
- body { font-family: 'Arial'; }
- #container { width: 760px; margin: auto; }
- h1 { font-size: 3em; }
- h3 { color: #444; }
- #topmenu { height: 15px; border-bottom: 1px solid #996699; padding: 5px; }
- #topmenu ul { list-style: none; }
- #topmenu li { float: left; margin-left: 15px; font-size: 13px;}
- </style>
-</head>
-
-<body><!--Survey code for sadsa-->
-<link rel="stylesheet" type="text/css" href="http://serve.poplytics.com/shadowbox.css">
-<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
-<script type="text/javascript" src="http://serve.poplytics.com/shadowbox.js"></script>
-<script language="javascript" type="text/javascript" src="http://serve.poplytics.com/js/jquery.xdomainajax.js"></script>
-<script language="javascript" type="text/javascript">
-Shadowbox.init();
-$(document).ready(function()
-{
-$.ajax({
-url: 'http://serve.poplytics.com/ads.php?uniq=148408611',
-type: 'GET',
-success: function(res) {
-$('#poplytics').html(res.responseText);
-}
-});
-})
-</script>
-<div id="poplytics"></div>
-<!-- End Survey code for sadsa-->
-
-
-<div id="topmenu">
- <ul>
- <li>home</li>
- <li><a href="https://github.com/thomasdavis">my repos</a></li>
- <li><a href="about.html">about me</a></li>
- <li><a href="http://twitter.com/?status=@iamjessicagomes,%20@neutralthoughts%20is%20a%20great%20guy,%20you%20should%20marry%20him" target="_blank" alt="will load in new window, please marry me">hot woman (SFW)</a></li>
- <li><a href="http://protosal.com" target="_blank">my boot-strapped startup</a></li>
- </ul>
- <ul style="float: right; margin-right: 15px;">
-
- <li>thomas davis - <a href="http://twitter.com/neutralthoughts">follow me on twitter</a> or don't</li>
- </ul>
+---
+layout: default
+title: Ryan Kirkman
+---
+
+<div id="home">
+ <h1>Blog Posts</h1>
+ <ul class="posts">
+ {% for post in site.posts %}
+ <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
</div>
-<section id="container">
- <article class="blog">
- <p style="text-align: center; font-family:'Inconsolata'; font-size: 2.5em;">"A man is about as big as the things that make him angry"</p>
- <br /><br /><br />
- <ul style="width: 650px; margin: auto; list-style: none;">
- <li>09/02/2011 - <a href="tutorial/backbone-views-and-templates.html">backbone.js beginners and underscore micro templating</a> </li>
- <li>07/02/2011 - <a href="tutorial/anonymous-functions.html">javascript - passing "this" to anonymous functions, for noobs</a> </li>
- <li>05/02/2011 - <a href="tutorial/jquery-create-your-own-deferred.html">jQuery 1.5 - Create your own deferred objects with parameters</a> </li>
- <li>30/01/2011 - <a href="tutorial/backbone-introduction.html">Backbone.js Tutorial - by noob for Noobs</a></li>
- <li>01/02/2011 - <a href="tutorial/making-a-restful-ajax-app.html">restful ajax web app basics ( mimic gmail with backbone.js, SOA, TSA )</a> </li>
- </ul>
-<br />
-<br />
-<br />
-<p style="text-align: center; font-family:''; font-size: 1em;">Currently working on a PURE Javascript web app that uses NODE.js to serve and retrieve from a decentralized COUCHDB datastore. A great example of these tutorials!</p>
-<p style="text-align: center; font-size: 2em;"><a href="http://protosal.com" target="_blank">launch in 3 days! signup to get instant beta invites</a></p>
-</article>
-</section>
-
-<script src="http://static.getclicky.com/js" type="text/javascript"></script>
-<script type="text/javascript">try{ clicky.init(66379121); }catch(err){}</script>
-<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66379121ns.gif" /></p></noscript>
-
-</body>
-</html>
View
77 index.html2
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Thomas Davis - Blog</title>
+ <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
+ <style type="text/css">
+ body, ul { padding: 0; margin: 0; }
+ body { font-family: 'Arial'; }
+ #container { width: 760px; margin: auto; }
+ h1 { font-size: 3em; }
+ h3 { color: #444; }
+ #topmenu { height: 15px; border-bottom: 1px solid #996699; padding: 5px; }
+ #topmenu ul { list-style: none; }
+ #topmenu li { float: left; margin-left: 15px; font-size: 13px;}
+ </style>
+</head>
+
+<body><!--Survey code for sadsa-->
+<link rel="stylesheet" type="text/css" href="http://serve.poplytics.com/shadowbox.css">
+<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
+<script type="text/javascript" src="http://serve.poplytics.com/shadowbox.js"></script>
+<script language="javascript" type="text/javascript" src="http://serve.poplytics.com/js/jquery.xdomainajax.js"></script>
+<script language="javascript" type="text/javascript">
+Shadowbox.init();
+$(document).ready(function()
+{
+$.ajax({
+url: 'http://serve.poplytics.com/ads.php?uniq=148408611',
+type: 'GET',
+success: function(res) {
+$('#poplytics').html(res.responseText);
+}
+});
+})
+</script>
+<div id="poplytics"></div>
+<!-- End Survey code for sadsa-->
+
+
+<div id="topmenu">
+ <ul>
+ <li>home</li>
+ <li><a href="https://github.com/thomasdavis">my repos</a></li>
+ <li><a href="about.html">about me</a></li>
+ <li><a href="http://twitter.com/?status=@iamjessicagomes,%20@neutralthoughts%20is%20a%20great%20guy,%20you%20should%20marry%20him" target="_blank" alt="will load in new window, please marry me">hot woman (SFW)</a></li>
+ <li><a href="http://protosal.com" target="_blank">my boot-strapped startup</a></li>
+ </ul>
+ <ul style="float: right; margin-right: 15px;">
+
+ <li>thomas davis - <a href="http://twitter.com/neutralthoughts">follow me on twitter</a> or don't</li>
+ </ul>
+</div>
+<section id="container">
+ <article class="blog">
+ <p style="text-align: center; font-family:'Inconsolata'; font-size: 2.5em;">"A man is about as big as the things that make him angry"</p>
+ <br /><br /><br />
+ <ul style="width: 650px; margin: auto; list-style: none;">
+ <li>09/02/2011 - <a href="tutorial/backbone-views-and-templates.html">backbone.js beginners and underscore micro templating</a> </li>
+ <li>07/02/2011 - <a href="tutorial/anonymous-functions.html">javascript - passing "this" to anonymous functions, for noobs</a> </li>
+ <li>05/02/2011 - <a href="tutorial/jquery-create-your-own-deferred.html">jQuery 1.5 - Create your own deferred objects with parameters</a> </li>
+ <li>30/01/2011 - <a href="tutorial/backbone-introduction.html">Backbone.js Tutorial - by noob for Noobs</a></li>
+ <li>01/02/2011 - <a href="tutorial/making-a-restful-ajax-app.html">restful ajax web app basics ( mimic gmail with backbone.js, SOA, TSA )</a> </li>
+ </ul>
+<br />
+<br />
+<br />
+<p style="text-align: center; font-family:''; font-size: 1em;">Currently working on a PURE Javascript web app that uses NODE.js to serve and retrieve from a decentralized COUCHDB datastore. A great example of these tutorials!</p>
+<p style="text-align: center; font-size: 2em;"><a href="http://protosal.com" target="_blank">launch in 3 days! signup to get instant beta invites</a></p>
+</article>
+</section>
+
+<script src="http://static.getclicky.com/js" type="text/javascript"></script>
+<script type="text/javascript">try{ clicky.init(66379121); }catch(err){}</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66379121ns.gif" /></p></noscript>
+
+</body>
+</html>
View
54 random/canvas_rotated_textfill.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Canvas Rotated textFill</title>
+ <meta charset="utf-8">
+ </head>
+ <body>
+ <canvas id="test" width="500" height="500"></canvas>
+ <script type="text/javascript">
+ var canvas = document.getElementById('test');
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = "rgba(0, 0, 0, 0.8)";
+ ctx.fillRect(0, 0, 700, 470);
+
+ ctx.fillStyle = "white";
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "px monospace";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 20, i * 35 - 220);
+ }
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "px sans-serif";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 200, i * 35 - 220);
+ }
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "px serif";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 370, i * 35 - 220);
+ }
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "pt monospace";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 20, i * 35);
+ }
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "pt sans-serif";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 200, i * 35);
+ }
+
+ for (var i = 7; i < 13; i += 0.5) {
+ var fontSpec = "" + i + "pt serif";
+ ctx.font = fontSpec;
+ ctx.fillText(fontSpec, 370, i * 35);
+ }
+ </script>
+ </body>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.