jackmakesthings

/*
 * twitter-entities.js
 * This function converts a tweet with "entity" metadata 
 * from plain text to linkified HTML.
 *
 * See the documentation here: http://dev.twitter.com/pages/tweet_entities
 * Basically, add ?include_entities=true to your timeline call
 *
 * Based off existing code from Wade Simmons
 * Licensed under the MIT license

jackmakesthings

# Workaround proposed by Hammer Bro again :

const DICTIONARY_TYPE = typeof({})

# Recreate the structure of a dictionary, maintaining references to all leaf-level values.
func copy_dictionary(dictionary):
   var output = {}
   for key in dictionary.keys():
      var value = dictionary[key]
      if typeof(value) == DICTIONARY_TYPE:

jackmakesthings

@media (hover:hover) {
  /* hover-related interactions are A-OK */
}
@media (hover:on-demand) {
  /* hover-related interactions are potentially difficult,
     maybe do something else instead */
}
@media (hover:none) {
	/* No hover possible :-( */
}

jackmakesthings

var data = {
    "posts": [{
        "title": "Charlie Wilson",
            "body": "As the lead singer of The Gap Band, Charlie Wilson had chart-topping hits — and a drug addiction that left him homeless. But determination got him clean and back into the business.",
            "upvotes": 2,
            "downvotes": 0,
            "flags": 0,
            "relationship": "friend",
            "comments": 4,
            "author_repuation": 81

jackmakesthings

class Slideshow {

	constructor($, Utils) {
		let utils = new Utils(), 
			orientationChange = utils.testFeature('onorientationchange'),
			isActive = false,
			isChanging = false,
			alwaysShowControls = false,    // this would be updated via however we're checking for devices - true on touch devices
			totalSlides = 0,
			currentSlide = 0;

jackmakesthings

.row
  .item
  .item
  .item

jackmakesthings

.page
  .wrapper
    .main
      .module.four
        .section-header Main/Four
        .item
        .item
        .item
        .item
      .module.three

jackmakesthings

mixin item
  .item
    img(src="http://placehold.it/400x150/eee/?text=img")
    h3.headline An item headline
    p.description A sentence or two of descriptive copy

mixin item2
  .item
    img(src="http://placehold.it/400x150/eee/?text=img")
    h3.headline A headline that is longer than the other

jackmakesthings

<div class="wrapper">
  <div class="main">
    <div class="item-row halves">
      <div class="item"><img src="http://placehold.it/400x150/eee/?text=img"/>
        <h3 class="headline">A headline that is longer than the other</h3>
        <p class="description">What happens if the box is taller than others around it? Everything should clear appropriately.</p>
      </div>
      <div class="item"><img src="http://placehold.it/400x150/eee/?text=img"/>
        <h3 class="headline">An item headline</h3>

jackmakesthings

mixin item
  .item
    img(src="http://placehold.it/400x150/eee/?text=img")
    h3.headline An item headline
    p.description A sentence or two of descriptive copy

mixin item2
  .item
    img(src="http://placehold.it/400x150/eee/?text=img")
    h3.headline A headline that is longer than the other