body {
   color: $defaultText;
   background: $defaultBackground;
   font-family: 'Open Sans', sans-serif;
   margin: 0px;
   overflow-x: hidden;
   overflow-y: auto;
}
      
      

      
$(function () {
   // Navigation and tabs.
   $('nav.nav a').click(function (e) {
      // ...
      
      

      
let octopus = {
   coffee: false,
   code() {
         if (this.coffee !== false) {
            console.log('I code');
         } else {
            return false;
         }
   },
   loadCoffee() {
         this.coffee = true;
   }
};
   
let ar_dev = {
   name: "Joe coder",
   __proto__: octopus
};
   
if (!ar_dev.code()) {
   ar_dev.loadCoffee();
   ar_dev.code(); // I code
   octopus.code(); // ?
}
      
      

      
      Task runner
      
var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('styles', function() {
   return new Promise(function(resolve, reject) {
      gulp.src('public/scss/**/*.scss')
         .pipe(sass().on('error', sass.logError))
         .pipe(gulp.dest('public/css/'));
      resolve();
   });
});
      
      

      
      
@media all and (max-width: 768px) {
html {
      font-size: 0.8em;
}
p {
...
      
      

      
         TODO:
      
         - Animate code snippets? 
            -- Like they are being written.
         - Add bubbles back in? 
            -- Maybe they can be popped.
         - Papery background? 
            -- This has been done?