First commit

OscarGodson · Feb 9, 2012 · e694b32 · e694b32
commit e694b32
Show file tree

Hide file tree

Showing 40 changed files with 1,753 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,34 @@
+# Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store*
+ehthumbs.db
+Icon?
+Thumbs.db'
diff --git a/contact-me.html b/contact-me.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>OscarGodson.js | JavaScriptologist</title>
+    <link href="/css/main.css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="wrapper">
+      <div class="container">
+        <header>
+          <require src="/partials/header.html">
+        </header>
+        <div class="left-col">
+          <article id="content">
+            <iframe height="514" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://oscargodson.wufoo.com/embed/z7x3k7/">&amp;lt;a href="http://oscargodson.wufoo.com/forms/z7x3k7/" title="Contact Me" rel="nofollow"&amp;gt;Fill out my Wufoo form!&amp;lt;/a&amp;gt;</iframe>
+          </article>
+        </div>
+        <div class="right-col">
+          <require src="/partials/sidebar.html">
+        </div>
+        <br class="clear">
+         <footer>
+          <require src="/partials/footer.html">
+        </footer>
+      </div>
+    </div>
+    <script src="/js/libs/libs.js"></script>
+    <script src="/js/app.js"></script>
+  </body>
+</html>
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,206 @@
+body {
+  margin:0;
+  padding:0;
+  font-family:helvetica,sans-serif;
+  font-size:85%;
+  color:#222;
+  border-top:10px solid #000;
+}
+
+/* Base */
+h1 { font-size:28px; }
+h2 { font-size:22px; border-bottom:1px dashed #ccc; padding-bottom:5px; }
+h3 { font-size:20px; margin-bottom:0; }
+h4 { font-size:18px; }
+h5 { font-size:16px; }
+h6 { font-size:14px; }
+p { line-height:1.4em; }
+pre { /*background:#f8f8f8; border:1px solid #ccc;*/ padding:6px 10px; font-size:13px; overflow-x:auto; }
+blockquote { background:#f8f8f8; padding:7px 20px; }
+li { margin:5px 0; }
+
+a:link { color:#09d; text-decoration:none; }
+a:visited { color:#0078ad; }
+a:hover { color:#2EB4D9; }
+a:active { position:relative; top:1px; }
+q { background:#D9E0FC; padding:2px; }
+hr { border:0; border:1px dotted #ccc;  }
+code { background:#FFF5CC; color:#666; padding:2px; }
+del { color:#c00; }
+ins { color:#0a0; }
+cite { color:#222; display:block; margin-top:10px; }
+cite:before { content:'- '; }
+
+.clear { clear:both; }
+
+/*footer,header { background:#FFF5CC; width:100%; color:#666; padding:20px 0; border-bottom:3px double #F5DE7F; }*/
+
+
+/* Special */
+header h1 {
+  font-size:40px;
+  margin-bottom:35px;
+}
+
+a h1 { color:#222; }
+
+article > h1{
+  margin-top:0;
+}
+
+h3 + p { margin-top:5px; }
+article + h1 { padding-top:0; }
+
+
+.container {
+  max-width:900px;
+  width:85%;
+  margin:0 auto;
+}
+
+.left-col { width:600px; float:left; }
+.right-col { width:270px; float:right }
+.node-name { color:#ddd; }
+
+aside { background:#FFF5CC; padding:10px 30px; margin-bottom:15px; border-radius:3px; }
+  aside h2 { margin-top:10px; }
+  aside ol { list-style:disc; padding:0; }
+      aside li { margin:10px 0; }
+
+header { padding:5px 0; }
+footer { padding:15px 0 5px; }
+footer .icons { text-align:right; display:inline-block; vertical-align: middle; }
+
+.article-list li { position:relative; }
+.article-list img { position:absolute; padding-left:5px; }
+
+/**
+ * For colored code snippets
+ * Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
+ */
+pre {
+  display: block; padding: 0.5em;
+  background: #fdf6e3; color: #657b83;
+}
+
+pre .comment,
+pre .template_comment,
+pre .diff .header,
+pre .doctype,
+pre .lisp .string,
+pre .javadoc {
+  color: #93a1a1;
+  font-style: italic;
+}
+
+pre .keyword,
+pre .css .rule .keyword,
+pre .winutils,
+pre .javascript .title,
+pre .method,
+pre .addition,
+pre .css .tag,
+pre .lisp .title {
+  color: #859900;
+}
+
+pre .number,
+pre .command,
+pre .string,
+pre .tag .value,
+pre .phpdoc,
+pre .tex .formula,
+pre .regexp,
+pre .hexcolor {
+  color: #2aa198;
+}
+
+pre .title,
+pre .localvars,
+pre .function .title,
+pre .chunk,
+pre .decorator,
+pre .builtin,
+pre .built_in,
+pre .lisp .title,
+pre .identifier,
+pre .title .keymethods,
+pre .id {
+  color: #268bd2;
+}
+
+pre .tag .title,
+pre .rules .property,
+pre .django .tag .keyword {
+  font-weight: bold;
+}
+
+pre .attribute,
+pre .variable,
+pre .instancevar,
+pre .lisp .body,
+pre .smalltalk .number,
+pre .constant,
+pre .class .title,
+pre .parent,
+pre .haskell .label {
+  color: #b58900;
+}
+
+pre .preprocessor,
+pre .pi,
+pre .shebang,
+pre .symbol,
+pre .diff .change,
+pre .special,
+pre .keymethods,
+pre .attr_selector,
+pre .important,
+pre .subst,
+pre .cdata {
+  color: #cb4b16;
+}
+
+pre .deletion {
+  color: #dc322f;
+}
+
+pre .tex .formula {
+  background: #eee8d5;
+}
+
+/**
+ * For keyboard shortcuts
+ * Original style from: https://github.com/michaelhue/keyscss
+ */
+ kbd, .key {
+  display: inline;
+  display: inline-block;
+  min-width: 1em;
+  padding: .2em .3em;
+  font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
+  text-align: center;
+  text-decoration: none;
+  -moz-border-radius: .3em;
+  -webkit-border-radius: .3em;
+  border-radius: .3em;
+  border: none;
+  cursor: default;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+kbd[title], .key[title] {
+  cursor: help;
+}
+
+kbd {
+  background: rgb(250, 250, 250);
+  background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
+  background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
+  color:  rgb(50, 50, 50);
+  text-shadow: 0 0 2px rgb(255, 255, 255);
+  -moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+  -webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+  box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+}
diff --git a/images/email-16x16.png b/images/email-16x16.png
diff --git a/images/github-16x16.png b/images/github-16x16.png
diff --git a/images/google+-16x16.png b/images/google+-16x16.png
diff --git a/images/hot.gif b/images/hot.gif
diff --git a/images/new.gif b/images/new.gif
diff --git a/images/posts/password.jpg b/images/posts/password.jpg
diff --git a/images/stackoverflow-16x16.png b/images/stackoverflow-16x16.png
diff --git a/images/twitter-16x16.png b/images/twitter-16x16.png
diff --git a/index.html b/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>OscarGodson.js | JavaScriptologist</title>
+    <link href="/css/main.css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="wrapper">
+      <div class="container">
+        <header>
+          <require src="/partials/header.html">
+        </header>
+        <div class="left-col">
+          <article id="content">
+            <h1>My Mildly Entertaining Ramblings</h1>
+            <h2>From Here</h2>
+            <ol class="article-list from-here">
+              <li><a href="/posts/what-the-fuck-is-prototypal-inheritance.html">What the Fuck is Prototypal Inheritance - Part 1 <img src="/images/new.gif" width="24"></a></li>
+              <li><a href="/posts/why-i-dont-use-coffeescript.html">Why I Don't Use CoffeeScript <img src="/images/new.gif" width="24"></a></li>
+              <li><a href="/posts/online-privacy-is-a-myth.html">Online Privacy is a Myth</a></li>
+              <li><a href="/posts/unmasking-jsonp.html">Unmasking JSONP</a></li>
+              <li><a href="/posts/writing-eloquent-javascript-without-coffeescript.html">Writing Eloquent JavaScript Without CoffeeScript <img src="/images/hot.gif" width="16"></a></li>
+              <li><a href="/posts/5-terminal-shortcuts-you-wish-you-knew-years-ago.html">5 Terminal Shortcuts You Wish You Knew Years Ago</a></li>
+              <li><a href="/posts/spotify-vs-rdio.html">Spotify vs. Rdio</a></li>
+              <li><a href="/posts/google+-vs-twitter-vs-facebook.html">My Personal Findings on Google+ Vs. Twitter Vs. Facebook</a></li>
+              <li><a href="/posts/dont-be-a-hero-let-me-pick-my-own-fucking-password.html">Don't Be Hero, Let Me Pick My Own Fucking Password</a></li>
+              <li><a href="/posts/making-vimeo-videos-bigger-than-500px-on-tumblr.html">Making Vimeo Videos Bigger Than 500px on Tumblr</a></li>
+              <li><a href="/posts/why-i-tried-to-stop-watching-wwdc.html">Why I Tried to Stop Watching WWDC</a></li>
+              <li><a href="/posts/new-file-in-right-click-context-menu-for-mac.html">New File in Right Click Context Menu for Mac</a></li>
+              <li><a href="/posts/dear-paul-rouget-ie9-is-a-modern-browser.html">Dear Paul Rouget, IE9 Is a Modern Browser</a></li>
+              <li><a href="/posts/dont-reinvent-the-wheel.html">Don't Reinvent the Wheel <img src="/images/hot.gif" width="16"></a></li>
+              <li><a href="/posts/the-apple-of-my-eye.html">The Apple Of My Eye</a></li>
+              <li><a href="/posts/why-localstorage-has-already-failed-us.html">Why localStorage Has Already Failed Us</a></li>
+            </ol>
+            <h2>From Elsewhere</h2>
+            <ol class="article-list from-elsewhere">
+              <li><a href="http://kneedeepincode.com/topics/how-ie-got-css3-right-13-years-ago/">How IE Got CSS3 Right (13 Years Ago)</a></li>
+              <li><a href="http://kneedeepincode.com/topics/10-ways-you-can-help-the-internet/">10 Ways You Can Help The Internet</a></li>
+              <li><a href="http://net.tutsplus.com/articles/interviews/should-you-learn-coffeescript/">Should You Learn CoffeeScript? </a> on <a href="http://net.tutsplus.com/">Nettuts+</a> <img src="/images/hot.gif" width="16"></li>
+              <li><a href="http://lostechies.com/derickbailey/2012/01/24/some-thoughts-on-functional-javascript/">Some Thoughts On Functional JavaScript</a> on <a href="http://lostechies.com/">LosTechies</a></li>
+              <li><a href="http://dailyjs.com/2011/01/18/jquery-roundup/">jQuery Roundup</a> on <a href="http://dailyjs.com">DailyJS</a></li>
+              <li><a href="http://javascriptweekly.com/archive/9.html">JavaScript Weekly #9</a> on <a href="http://javascriptweekly.com">JavaScript Weekly</a></li>
+            </ol>
+          </article>
+        </div>
+        <div class="right-col">
+          <require src="/partials/sidebar.html">
+        </div>
+        <br class="clear">
+         <footer>
+          <require src="/partials/footer.html">
+        </footer>
+      </div>
+    </div>
+    <script src="/js/libs/libs.js"></script>
+    <script src="/js/app.js"></script>
+  </body>
+</html>
diff --git a/js/app.js b/js/app.js
@@ -0,0 +1,54 @@
+/**
+ * Core module that looks for and replaces <require> tags with the proper HTML and also takes mustache templates
+ * use data-* attributes on the <require> tag for mustache templates
+ * 
+ * Will push a "required" pub for you to listen for which will contain the element replaced and the HTML
+ */
+Core.extend('require',function(){
+  $('require').each(function(i){
+    var $this = $(this);
+    $.get($this.attr('src')+'?'+new Date().getTime(),function(data){
+      var html = Mustache.render(data,$this.get(0).dataset);
+      var replacement = $this.replaceWith(html);
+      //Core.push('required',{element:replacement,html:html});
+      Core.load('require');
+    });
+  });
+},true).load('require');
+
+/**
+ * Colors code on the page
+ */
+Core.extend('codelorize',function(){
+  $('pre').each(function(i,e){
+    hljs.highlightBlock(e,'  ');
+  });
+  //Core.push('codelorized');
+},true).load('codelorize');
+
+ /**
+  * Because i suck:
+  * these are aliases that will forward old article hash-bang URLs to my new URLs
+  * Delete once incoming links using the old URL pattern cease or get to a very low %
+  */
+  (function(){
+    if(window.location.href.indexOf('#!/') > 0){
+      var oldId = window.location.href.split('/')[5]
+      ,   forwards = {
+            83285686:'/posts/online-privacy-is-a-myth.html',
+            66730159:'/posts/unmasking-jsonp.html',
+            55075016:'/posts/writing-eloquent-javascript-without-coffeescript.html',
+            58912483:'/posts/5-terminal-shortcuts-you-wish-you-knew-years-ago.html',
+            61720793:'/posts/spotify-vs-rdio.html',
+            60168727:'/posts/google+-vs-twitter-vs-facebook.html',
+            59577754:'/posts/dont-be-a-hero-let-me-pick-my-own-fucking-password.html',
+            57943522:'/posts/making-vimeo-videos-bigger-than-500px-on-tumblr.html',
+            54543724:'/posts/new-file-in-right-click-context-menu-for-mac.html',
+            51067522:'/posts/dear-paul-rouget-ie9-is-a-modern-browser.html',
+            48906955:'/posts/dont-reinvent-the-wheel.html',
+            39445734:'/posts/the-apple-of-my-eye.html',
+            36698908:'/posts/why-localstorage-has-already-failed-us.html'
+         };
+      window.location = forwards[oldId];
+    }
+  })();