pketh

  ___     ___      ___
 {o,o}   {o.o}    {o,o}
 |)__)   |)_(|    (__(|
--"-"-----"-"------"-"--
O RLY?  YA RLY   NO WAI!

pketh

// Project Generator creates a random name for a users it forms the name from a random combination of
// An Adjective and Noun

const adjectives = ["pink", "carnelian", "orange", "yellow", "ivory", "cream", "green", "viridian", "aquamarine", "cyan", "blue", "cerulean", "azure", "indigo", "navy", "violet", "purple", "lavender", "magenta", "rainbow", "iridescent", "spectrum", "prism", "bold", "vivid", "pale", "clear", "glass", "translucent", "misty", "dark", "light", "gold", "silver", "copper", "bronze", "steel", "iron", "brass", "mercury", "zinc", "chrome", "platinum", "titanium", "nickel", "lead", "pewter", "rust", "metal", "stone", "quartz", "granite", "marble", "alabaster", "agate", "pebble", "pyrite", "crystal", "geode", "obsidian", "mica", "flint", "sand", "gravel", "boulder", "basalt", "ruby", "beryl", "scarlet", "citrine", "sulpher", "topaz", "amber", "emerald", "malachite", "jade", "abalone", "lapis", "sapphire", "diamond", "peridot", "gem", "jewel", "bevel", "coral", "jet", "ebony", "wood", "tree", "c

pketh

.jiggle
  animation: jiggle 0.25s 1 ease-out forwards

@keyframes jiggle
  0%
    transform: rotate(-3deg)
  33%
    transform: rotate(3deg)
  66%
    transform: rotate(-3deg)

pketh

// facebook open graph tags
meta(property="og:type" content="website")
meta(property="og:url" content=url)
meta(property="og:title" content=title)
meta(property="og:description" content=description)
meta(property="og:image" content=frog2x)

// twitter card tags (stack with og: tags)
meta(name="twitter:card" content="summary")
meta(name="twitter:site" content="@pketh")

pketh

# Create a promise:

myCoolPromise = new Promise (resolve, reject) ->
  # do a thing
  success = true
  if success
    resolve 'stuff worked'
  else
    reject Error 'it broke'

pketh

Here's some jade html

section.packages
  ul
    li.package.tracker.active(data-package="tracker" data-cost="12")
      // fb tracker is ...
    li.package.helpdesk(data-package="helpdesk" data-cost="13")
      // ...
    li.package.agile(data-package="agile" data-cost="14")

pketh

_ = require 'underscore'
randomColor = require 'randomcolor'

AVATAR_SIZE = 200

module.exports = (application) ->

  self =

    sharedPanelAttributes: (context) ->

pketh

slides: https://midnight-surf.hyperdev.space

1

my name is pirijan and i'll be talking about..

HyperDev

Web Development Without the Trash Parts 🌈

(not the offical slogan)

1 year

pketh

    confetti: ->
      # ported from http://codepen.io/iprodev/pen/azpWBr
      PI = Math.PI
      sqrt = Math.sqrt
      round = Math.round
      random = Math.random
      cos = Math.cos
      sin = Math.sin
      rAF = window.requestAnimationFrame
      cAF = window.cancelAnimationFrame or window.cancelRequestAnimationFrame

pketh

<pre>
             ,-. 
    ,     ,-.   ,-. 
   / \   (   )-(   ) 
   \ |  ,.>-(   )-< 
    \|,' (   )-(   ) 
     Y ___`-'   `-' 
     |/__/   `-' 
     | 
     |