thm-design

/* Media queries used on blog.staydecent.ca by Adrian Unger 
   check my full source at:
   http://blog.staydecent.ca/static/css/style-0.1.6.css */
@media only screen and (min-width:768px) and (max-width:1269px) {
    /* In my particular design, I used a fluid grid limited to a 
       max-width of 1140px, while (if there is enough room)
       pushing the menu outside of layout, requiring a total
       limit of at least 1270px. 

       So, this first query applies to any screen-width less

thm-design

.ipad-only, .iphone-only, .retina-only, .non-retina-only, .retina-iphone-only, .non-retina-iphone-only { display: none; }

/* ---------- iPad Only ---------- */
@media only screen and (device-width: 768px) {
  .ipad-only { display: block; }
}

/* ---------- iPhone/iPod Only ---------- */
@media only screen and (device-width: 320px) {
  .iphone-only { display: block; }

thm-design

// https://gist.github.com/3069522
;(function($, window, document, undefined) {
    
    // Prepare our Variables
    var History = window.History;

    // Check to see if History.js is enabled for our Browser
    if (!History.enabled) {
        return false;
    }

thm-design

	var isMobile = { 
	Android: function() { return navigator.userAgent.match(/Android/i); }, 
	BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, 
	iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, 
	Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, 
	Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, 
	any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } };

	// var isTouch = ("ontouchstart" in document.documentElement); 
	// Chrome Version 37.0.2062.103 m  (this version of chrome is firing touchstart event even tho it is not a mobile browser)

thm-design

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

thm-design

/*
  Bubble sort works by comparing two adjacent numbers next to each other and then
  swapping their places if the smaller index's value is larger than the larger
  index's. Continue looping through until all values are in ascending order
*/

const bubbleSort = (arr) => {
  arr.forEach((n, i) => {
    if (arr[i] > arr[i + 1]) {
      arr[i] = arr[i + 1];

thm-design

/*
  Insertion sort
  The idea here is that the beginning of your list is sorted and the everything else is assumed to be an unsorted mess.
  The outer loop goes over the whole list, the index of which signifies where the "sorted" part of the list is. The inner
  loop goes over the sorted part of the list and inserts it into the correct position in the array.
*/
var insertionSort = (nums) => {  
  for (let i = 1; i < nums.length; i++) {
    for (let j = 0; j < i; j++) {
      snapshot(nums);

thm-design

/*
  Make a function that computes a factorial recursively.
  A factorial is when you take a number n and multiply by each preceding integer until you hit one.
  n * (n-1) * (n-2) ... * 3 * 2 * 1
  
  Call the function factorial
  
  factorial(1) = 1
  factorial(2) = 2
  factorial(3) = 6 

thm-design

/*
  Merge Sort
*/

const mergeSort = (nums) => {
  if (nums.length < 2) return nums;
  const length = nums.length;
  const middle = Math.floor(length / 2);
  const left = nums.slice(0, middle);
  const right = nums.slice(middle, length);

thm-design

// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

const axios = require('axios'); // promised based requests - like fetch()

function getCoffee() {
  return new Promise(resolve => {
    setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
  });
}