Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Initial Import

  • Loading branch information...
commit 3e35c076379ee8c7215c5ac8599e35a773d8dd56 0 parents
@paulcbetts authored
3  .gitignore
@@ -0,0 +1,3 @@
+.sass-cache
+_site
+drafts
17 404.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <title>TODO 404 Title</title>
+</head>
+<body>
+
+<div id="header">
+</div>
+
+<div class="content" id="post">
+ <p> TODO Write a witty 404 page </p>
+</div>
+
+</body>
+</html>
1  CNAME
@@ -0,0 +1 @@
+TODOyourawesomewebsite_ordeletethisfile.com
9 Rakefile
@@ -0,0 +1,9 @@
+require 'rubygems'
+require 'rake'
+
+desc "Compile CoffeeScript, SCSS, and all of the above."
+task :compile do
+ sh "coffee -o js/compiled -c js/coffeescript/*.coffee"
+ sh "sass css/scss/base.scss css/compiled/base.css --scss"
+ sh "sass css/scss/iphone.scss css/compiled/iphone.css --scss"
+end
0  TODO_favicon.ico
No changes.
6 _config.yml
@@ -0,0 +1,6 @@
+markdown: rdiscount
+pygments: true
+permalink: /posts/:title
+auto: true
+rdiscount:
+ extensions: [smart]
39 _layouts/layout.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <title>{{ page.title }}</title>
+
+ <meta name="author" content="TODO: John Doe" />
+ <meta name="description" content="TODO: A witty description" />
+
+ <link rel="alternate" type="application/rss+xml" href="TODO: http://feeds.feedburner.com/Delete_If_You_Use_Feedburner" />
+ <link rel="stylesheet" href="/css/compiled/base.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="/css/plugins/pygments.css" type="text/css" />
+
+ <link media="only screen and (max-device-width: 480px)" href="/css/compiled/iphone.css" type="text/css" rel="stylesheet" />
+ <link media="only screen and (device-width: 768px)" href="/css/compiled/iphone.css" type="text/css" rel="stylesheet" />
+
+ <link rel="apple-touch-icon" href="/TODO-apple-touch-icon.png" />
+
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
+ <script type="text/javascript" src="/js/compiled/application.js"></script>
+
+ <script type="text/javascript">
+
+ $(document).ready(function() {
+ {{ page.script }}
+ });
+ </script>
+</head>
+
+<body>
+ <section class="sidebar">
+ </section>
+
+ {{ content }}
+
+ <!-- TODO: This would be a good place to put a Gaug.es tracker -->
+</body>
+
+</html>
22 _layouts/post.html
@@ -0,0 +1,22 @@
+---
+layout: layout
+---
+
+<section class="content">
+ <h1>
+ <a href="{{ page.url }}">{{ page.title }}</a>
+ </h1>
+
+ <section class="byline">
+ {{ page.date | date: "%B %e, %Y" }}
+ </section>
+
+ {{ content }}
+
+ <section class="meta">
+ <!--
+ TODO: This is a place to put footers to every post, or perhaps try to
+ convince people to follow you on Twitter
+ -->
+ </section>
+</section>
128 _posts/2012-04-27-a-sample-post.markdown
@@ -0,0 +1,128 @@
+---
+layout: post
+title: How to Survive Tech Conferences
+hn: http://news.ycombinator.com/item?id=3900967
+---
+
+![badges](http://cl.ly/0r0P1F3f0d2c3L2s2J0f/badges.jpg)
+
+For a large part of the last year of my life I've had the good fortune of being
+able to speak and attend a number of technology conferences. Big, small,
+corporate, indie, local, international... conferences come in so many delightful
+forms.
+
+Conferences can be a lot of fun, but they can also be mentally and physically
+exhausting. Here's what I've learned.
+
+## Connect with a local
+
+Some people you meet are going to be special.
+
+Every now and then I attend an event that transitions from interesting to
+memorable. It tends to be locals who show you the way. Embrace the unplanned.
+Instead of going to bed early, think about taking someone up on their offer to
+go a town over to a hidden absinthe bar where everyone wears goofy hats. Or take
+a day trip to pet some cheetahs in the surrounding wine country. Or go back to
+someone's home and play Rock Band with twenty new friends. These are the
+memories that stick with me, and I experienced them only because locals took it
+upon themselves to show off their area.
+
+**Look for open, friendly people**. They're everywhere. They know the best tips,
+and they are likely eager to tell you and show you their city.
+
+The reverse holds true, too. If you're playing host in your city, pay it
+forward. It's your city. Show it off. Attendees are traveling for a reason, and
+more often than not, showing them your favorite place in the city would thrill
+them, too.
+
+## Take photos
+
+![London](http://cl.ly/2k0P0A1H210z0M3c3M28/london.png)
+
+I don't typically check into Foursquare or anything like that, but I do try to
+take a lot of photos. They tell a story and help me relive specifics of the trip.
+
+I try to **geotag every photo**. When you're traveling somewhere different —
+particularly in a foreign country — it becomes really difficult to relate all of
+different locations you visited to each other, particularly if you're taking
+cabs or public transportation. Geotagging photos gives you a very visual way of
+piecing together your journey when you load them into iPhoto or Aperture later.
+
+If you're overseas, usually you don't have a full data plan on your phone 24/7,
+but if you switch off of airplane mode it'll still pick up the GPS coordinates
+and geotag any photos you take.
+
+If you're like me and like taking your DSLR out for some shots, it's a pain to
+go back and geotag those manually. There's a few solutions, but the best one
+I've found is [gps4cam](http://gps4cam.com). Before you start shooting, press
+the button on your phone to start, and then it'll record your GPS positioning
+every minute or so. When you're done, click finish, and then take a picture of
+the QR code on your phone. That syncs up the clock on your camera to the clock
+on your phone so it knows where you were when you took those photos. Then, load
+your photos on your Mac, run the simple gps4cam sister app, and it'll go through
+all of your photos, geotag them and timesync them to the correct time from your
+phone. It's kind of like magic.
+
+## Get connected
+
+Traveling is sometimes just one long quest to find good wifi, especially if
+you're not on your home mobile network. And, let me give you a hint:
+**conference wifi almost always sucks**.
+
+You can buy a SIM card for most phones, but I've found that to be a bit of a
+pain, for a lot of reasons (the need to swap out SIM cards, and weird edge cases
+like iMessage getting confused as to which number it's on). If you're going to
+be traveling a lot, I'd suggest looking into getting an unlocked mifi. It's
+basically internet-in-a-box: buy a quick 1GB or 2GB data plan SIM card when you
+arrive in the city, toss it in, and you have wifi for up to five devices. It
+also means you can make four new friends if they desperately need connectivity,
+too.
+
+I picked my mifi up from Amazon unlocked for a hundred bucks and change.
+
+## See the talks
+
+The common rally cry is that conferences are worthless and that you really go
+only to network and socialize. I think that's shortsighted. I've been surprised
+by talks in the past. Try to find talks about libraries or languages you haven't
+been exposed to. Even if you don't understand all of the material, you likely
+will come up with some interesting comparisons to your own world view.
+
+If you're planning on giving your first talk in the future, pay attention to the
+flip side of talks: what do you like about the speaker? Are you bored? Why are
+you bored? What would you change? It's pretty easy to drift into passive mode,
+where you'll miss these important questions, so take some time to consciously
+think about these things.
+
+## Monitor
+
+Another not-so-secret secret is the conference backchannel. Every conference I
+go to I'll add the conference hashtag as a saved search in
+[Summizer](http://fanzter.com/products/summizer) so that I can always see the
+new tweets about what's going on. It lets you keep track of the conference
+pulse, which is helpful for conversation topics later on: "Were you at her talk?
+It was hilarious!", "What do you think about the drama about the sponsor's
+booth?", and so on.
+
+You'll also be able to see what people are doing after the conference- don't be
+afraid to ping new people and see if they wouldn't mind another joining in. If
+they're tweeting about it, they're probably happy to meet you, too.
+
+## Reconnect
+
+The most lasting part of a conference is reconnecting with new friends after the
+conference is over. Our industry is not that large, particularly if you're in a
+smaller community centered around a language or framework. The people you meet
+today will have a tendency to show up at the conference later this year halfway
+across the world. It will be a welcome sight to see familiar faces, and they'll
+be able to introduce you to new people, too.
+
+Don't be afraid to follow people on Twitter or GitHub during a conference and
+keep the lines of communication open. Sometimes it doesn't take much to maintain
+lasting friendships in situations like these... just a quick "hi" now and then.
+
+## Carry on
+
+Conferences can be professionally enlightening, and, more importantly, fun. Go
+and make the most of them. And if you see me, say hi. We'll talk about the
+conference wifi together.
10 about.html
@@ -0,0 +1,10 @@
+---
+layout: layout
+title: "TODO: About John Doe"
+---
+
+<div class="content">
+ <div id="post">
+
+ </div>
+</div>
26 atom.xml
@@ -0,0 +1,26 @@
+---
+layout: nil
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+
+ <title>TODO: John Doe</title>
+ <link href="TODO:http://johndoe.com/atom.xml" rel="self"/>
+ <link href="TODO:http://johndoe.com/"/>
+ <updated>{{ site.time | date_to_xmlschema }}</updated>
+ <id>TODO:http://johndoe.com</id>
+ <author>
+ <name>TODO:John Doe</name>
+ </author>
+
+ {% for post in site.posts %}
+ <entry>
+ <title>{{ post.title }}</title>
+ <link href="TODO:http://johndoe.com{{ post.url }}"/>
+ <updated>{{ post.date | date_to_xmlschema }}</updated>
+ <id>TODO:http://johndoe.com{{ post.id }}</id>
+ <content type="html">{{ post.content | xml_escape }}</content>
+ </entry>
+ {% endfor %}
+
+</feed>
0  css/compiled/base.css
No changes.
0  css/compiled/iphone.css
No changes.
78 css/plugins/pygments.css
@@ -0,0 +1,78 @@
+.highlight {
+ margin: 0;
+ background-color: #eee;
+ font-size: 12px;
+ padding: 0px 15px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ overflow: hidden;
+ text-shadow: none;
+ color: #111;
+}
+.hightlight code{
+ float: left;
+}
+.highlight:hover {
+ overflow: auto;
+}
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #888888 } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #008800; font-weight: bold } /* Keyword */
+.highlight .cm { color: #888888 } /* Comment.Multiline */
+.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #888888 } /* Comment.Single */
+.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #303030 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #606060 } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #008800 } /* Keyword.Pseudo */
+.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
+.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
+.highlight .na { color: #336699 } /* Name.Attribute */
+.highlight .nb { color: #003388 } /* Name.Builtin */
+.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
+.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
+.highlight .nd { color: #555555 } /* Name.Decorator */
+.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
+.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
+.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
+.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #336699 } /* Name.Variable */
+.highlight .ow { color: #008800 } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
+.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
+.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
+.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
+.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
+.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
+.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
+.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
+.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
+.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
+.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
+.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
+.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
+.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
+.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
+.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #336699 } /* Name.Variable.Class */
+.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
+.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
+.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
+
171 css/scss/base.scss
@@ -0,0 +1,171 @@
+
+// TODO: I've picked these ridiculous looking fonts to emphasize that you need
+// to do the design yourself
+
+$serif: "Times New Roman", serif;
+$sans: "Arial", sans-serif;
+
+* {
+}
+
+body {
+ font-family: $serif;
+ margin: 0;
+ -webkit-font-smoothing: antialiased;
+}
+
+a {
+ color: $blue;
+}
+
+.sidebar {
+ position: fixed;
+ left: 15px;
+ top: 15px;
+ width: 80px;
+ font-family: $sans;
+
+ a {
+ text-decoration: none;
+ }
+
+ img {
+ padding: 0 3px;
+ border: 0;
+ }
+
+ .sections {
+ margin: 25px 0 0 -15px;
+
+ a {
+ background-color: #000;
+ padding: 3px 5px;
+ color: #fff;
+ font-weight: bold;
+ font-size: 12px;
+
+ &:hover {
+ color: #ccc;
+ }
+ }
+
+ ul {
+ margin: 0;
+ padding: 0;
+ }
+
+ li {
+ list-style: none;
+ margin-bottom: 7px;
+ }
+ }
+}
+
+.content {
+ margin-left: 110px;
+ width: 650px;
+ margin-bottom: 50px;
+
+ // h1-h4
+ @each $number in 1,2,3,4 {
+ h#{$number} {
+ font-family: $serif;
+ font-weight: 400;
+ border-bottom: 1px solid #ccc;
+ }
+
+ h#{$number} a {
+ text-decoration: none;
+ }
+ }
+
+ h1 {
+ font-size: 36px;
+ margin: 18px 0 5px 0;
+ }
+
+ h2 {
+ font-size: 30px;
+ margin-bottom: 15px;
+ }
+
+ h3 {
+ font-size: 25px;
+ padding-bottom: 5px;
+ margin-bottom: 10px;
+ }
+
+ p {
+ font-size: 16px;
+ margin-top: 0;
+ margin-bottom: 1.2em;
+ line-height: 1.7em;
+
+ code {
+ font-size: 12px;
+ border: 1px solid;
+ border-radius: 3px;
+ padding: 2px 3px;
+ }
+ }
+
+ img {
+ padding: 3px;
+ max-width: 100%;
+ }
+
+ hr {
+ border: 0;
+ height: 1px;
+ margin: 2em 1em;
+ }
+
+ blockquote {
+ font-style: italic;
+ font-size: 14px;
+ padding: .25em 1em;
+ margin: 1em 1em 0 1em;
+
+ cite:before {
+ content: '';
+ }
+
+ cite {
+ display: block;
+ margin-top: .5em;
+ text-align: right;
+ font-style: normal;
+ }
+ }
+
+ .listing {
+ margin: 10px 0 0 0;
+ padding: 0;
+ font-family: $sans;
+
+ ul {
+ margin: 0;
+ padding: 0;
+ }
+
+ li {
+ font-size: 13px;
+ list-style: none;
+ padding: 5px 3px;
+ margin: 0;
+ border-bottom: 1px solid #eee;
+ }
+
+ li span {
+ float: right;
+ }
+
+ a {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+}
49 css/scss/iphone.scss
@@ -0,0 +1,49 @@
+
+// TODO: I've picked these ridiculous looking fonts to emphasize that you need
+// to do the design yourself
+
+$serif: "Times New Roman", serif;
+$sans: "Arial", sans-serif;
+
+.sidebar {
+ position: inherit;
+ width: inherit;
+ margin: 0;
+ padding: 25px;
+
+ img {
+ display: none;
+ }
+
+ .meta {
+ display: none;
+ }
+
+ ul {
+ padding: 25px;
+ }
+
+ li {
+ display: inline;
+ }
+
+ .sections {
+ margin: 0;
+
+ a {
+ font-size: 16px;
+ margin: 0 20px 0 0;
+ padding: 5px 10px;
+ }
+ }
+}
+
+.content {
+ margin: 0;
+ padding: 5px 25px;
+ width: inherit;
+
+ h1 {
+ margin: 0 0 5px 0;
+ }
+}
BIN  images/.DS_Store
Binary file not shown
BIN  images/about.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 index.html
@@ -0,0 +1,14 @@
+---
+layout: layout
+title: "TODO:John Doe"
+---
+
+<section class="content">
+ <ul class="listing">
+ {% for post in site.posts %}
+ <li>
+ <span>{{ post.date | date: "%B %e, %Y" }}</span> <a href="{{ post.url }}">{{ post.title }}</a>
+ </li>
+ {% endfor %}
+ </ul>
+</section>
22 js/coffeescript/application.coffee
@@ -0,0 +1,22 @@
+#
+# It's JavaScript for this blog.
+#
+
+$(document).ready () ->
+ $('#github').mouseover () ->
+ $('.alt-text').text("GitHub")
+
+ $('#github').mouseout () ->
+ $('.alt-text').html("&nbsp;")
+
+ $('#twitter').mouseover () ->
+ $('.alt-text').text("Twitter")
+
+ $('#twitter').mouseout () ->
+ $('.alt-text').html("&nbsp;")
+
+ $('#rss').mouseover () ->
+ $('.alt-text').text("RSS")
+
+ $('#rss').mouseout () ->
+ $('.alt-text').html("&nbsp;")
24 js/compiled/application.js
@@ -0,0 +1,24 @@
+(function() {
+
+ $(document).ready(function() {
+ $('#github').mouseover(function() {
+ return $('.alt-text').text("GitHub");
+ });
+ $('#github').mouseout(function() {
+ return $('.alt-text').html("&nbsp;");
+ });
+ $('#twitter').mouseover(function() {
+ return $('.alt-text').text("Twitter");
+ });
+ $('#twitter').mouseout(function() {
+ return $('.alt-text').html("&nbsp;");
+ });
+ $('#rss').mouseover(function() {
+ return $('.alt-text').text("RSS");
+ });
+ return $('#rss').mouseout(function() {
+ return $('.alt-text').html("&nbsp;");
+ });
+ });
+
+}).call(this);
118 js/plugins/plax.js
@@ -0,0 +1,118 @@
+/*
+ Copyright (c) 2011 Cameron McEfee
+
+ Permission is hereby granted, free of charge, to any person obtaining
+ a copy of this software and associated documentation files (the
+ "Software"), to deal in the Software without restriction, including
+ without limitation the rights to use, copy, modify, merge, publish,
+ distribute, sublicense, and/or sell copies of the Software, and to
+ permit persons to whom the Software is furnished to do so, subject to
+ the following conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+(function ($) {
+
+ var maxfps = 25;
+ var delay = 1 / maxfps * 1000 // delay in ms
+ var lastRender = new Date().getTime();
+ var layers = [],
+ docWidth = $(window).width(),
+ docHeight = $(window).height()
+
+ $(window).resize(function() {
+ docWidth = $(window).width()
+ docHeight = $(window).height()
+ })
+
+ // Public Methods
+ $.fn.plaxify = function (params){
+
+ return this.each(function () {
+
+ var layer = {"xRange":0,"yRange":0,"invert":false}
+ for (var param in params) {
+ if (layer[param] == 0) {
+ layer[param] = params[param]
+ }
+ }
+
+ // Add an object to the list of things to parallax
+ layer.obj = $(this)
+ layer.startX = this.offsetLeft
+ layer.startY = this.offsetTop
+
+ if(layer.invert == false){
+ layer.startX -= Math.floor(layer.xRange/2)
+ layer.startY -= Math.floor(layer.yRange/2)
+ } else {
+ layer.startX += Math.floor(layer.xRange/2)
+ layer.startY += Math.floor(layer.yRange/2)
+ }
+ layers.push(layer)
+ })
+ }
+
+ function inertial(){
+ return window.DeviceMotionEvent != undefined
+ }
+
+ function plaxifier(e) {
+ if (new Date().getTime() < lastRender + delay) return;
+ lastRender = new Date().getTime();
+
+ var x = inertial() ? e.rotationRate.beta : e.pageX,
+ y = inertial() ? e.rotationRate.alpha : e.pageY,
+ hRatio = x/(inertial() ? 90 : docWidth),
+ vRatio = y/(inertial() ? 180 : docHeight),
+ layer, i
+
+ for (i = layers.length; i--;) {
+ layer = layers[i]
+ if (layer.invert != true) {
+ layer.obj
+ .css('left',layer.startX + (layer.xRange*hRatio))
+ .css('top', layer.startY + (layer.yRange*vRatio))
+ } else {
+ layer.obj
+ .css('left',layer.startX - (layer.xRange*hRatio))
+ .css('top', layer.startY - (layer.yRange*vRatio))
+ }
+ }
+ }
+
+ $.plax = {
+ enable: function(){
+ $(document).bind('mousemove.plax', function (e) {
+ plaxifier(e)
+ })
+
+ if(inertial()){
+ window.ondevicemotion = function(e) {
+ plaxifier(e)
+ }
+ }
+
+ },
+ disable: function(){
+ $(document).unbind('mousemove.plax')
+ }
+ }
+
+ if (typeof ender !== 'undefined') {
+ $.ender($.fn, true)
+ }
+
+})(function () {
+ return typeof jQuery !== 'undefined' ? jQuery : ender
+}())
13 projects.html
@@ -0,0 +1,13 @@
+---
+layout: layout
+title: "Projects"
+---
+
+<section class="content">
+<!--
+
+TODO: This is an example of a generated static page that will be styled using
+the blog header / footer, but has HTML content.
+
+-->
+</section>
12 readme.markdown
@@ -0,0 +1,12 @@
+# Blogstrap, for GitHub Pages
+
+This is a [Jekyll](http://github.com/mojombo/jekyll)-powered blog hosted
+on [GitHub Pages](http://pages.github.com/). This Getting Started template is
+based on [Zach Holman's blog](http://zachholman.com).
+
+## The design
+
+While the structure of this blog is a great start, you'll need to put some of
+your own creativity into the design to make it your own. To get started, you
+should search the code for "TODO" - this will tell you where you need to make
+changes.
Please sign in to comment.
Something went wrong with that request. Please try again.