Skip to content

Instantly share code, notes, and snippets.

View TheDutchCoder's full-sized avatar
👋
Say hi!

Reinier Kaper TheDutchCoder

👋
Say hi!
View GitHub Profile
@TheDutchCoder
TheDutchCoder / gist:dffc7a4e79c63bf3cfed
Last active August 29, 2015 14:08
Normalizing 'click'-like events
/**
* Normalize 'click'-like events on different media.
*
* We keep track of a touch events, which start out as 'clicks',
* but will be cancelled on (e.g.) moves.
*/
var _click,
_clickEvent;
// Very basic media query mixin with the option to disable the entire
// media query, which will result in compounded styles for IE8.
//
// The cascade will let you end up with the "biggest" styles. This is
// far from perfect (e.g. if you have queries for much larger/wider
// media, IE8 will end up using that).
@mixin mq($media) {
@if $no-mq == true { @content; }
@else {
### Begin System Info ###
## Please include this information when posting support requests ##
Multisite: No
SITE_URL: http://dev.opd.ca
HOME_URL: http://dev.opd.ca
@TheDutchCoder
TheDutchCoder / Center YouTube
Created December 7, 2012 22:04
Google decided to left align YouTube, which is terrible. Fix it by dragging this script to you bookmarks and click it while you're on YouTube to center the page again.
javascript:(function(){var a=document.getElementsByTagName("body");a[0].className=a[0].className.replace("site-left-aligned","")})();
@TheDutchCoder
TheDutchCoder / gist:3914fef3a6989851acff
Last active January 5, 2016 20:22
Hot Reloading reducers
// This is how I setup my store, but I'm unsure how to enable Hot Reloading for reducers.
// I feel it might have something to do with the middleware.
//
// Setup the middleware and create the store.
const loggerMiddleware = createLogger()
let middleWare = [thunkMiddleware, loggerMiddleware]
const finalCreateStore = compose(
applyMiddleware(...middleWare),
<template>
<article class="product" transition="test" stagger="200">
<div class="product__name">
{{ product.name }}
<div class="product__price">{{ getTotal | currency }}</div>
<!-- <span class="product__price" v-if="product.pricing.length === 1">{{ product.pricing[0].price | currency }}</span>
<select class="product__price" v-else>
<option v-for="(index, price) in product.pricing">{{ getTotal | currency }}</option>
</select> -->
</div>
Hi there,
I'm a customer of Teksavvy, an internet provider who (in my area) uses the Rogers network to provide their services.
Recently Teksavvy was hit for a large number of outages (7) in a short period of time (5 days), some of which required their vendor (Rogers) to fix, or help fix, the actual issues.
However, Rogers is a direct competitor of Teksavvy and because there are no existing SLA's, they have very little to no incentive to help out their competitors, even though they have sold their network capacity to them.
This is not only an unfair situation to a company like Teksavvy (being dependant on your competitor without the competitor having incentive to assist in issues on their own network, affecting their competitor), but more importantly, it means that I as a consumer experience a lower quality of service.
As I am free to chose my service provider, but I am still in large part dependant on one of their much larger competitors, I need to be protected as a consumer from this problem.
box,-3.278|3.5|-1.321|60|,-3.517|3.5|-0.488|90|,-3.293|3.5|0.395|120|;box_large,-0.431|2.517|-2.29|300|,-0.816|2.517|-2.081|300|,-0.448|3|-2.315|300|,-0.823|3|-2.106|300|,-2.294|2.517|-1.832|300|,-2.708|2.517|-1.61|300|,-2.34|3|-1.869|300|,-2.724|3|-1.639|300|,0.649|2.5|-0.811|240|,-1.508|2.5|1.005|150|,-2.28|6.517|-1.814|300|,-2.71|6.517|-1.592|300|,-2.322|7|-1.852|300|,-2.709|7|-1.632|300|,-0.675|6.517|-2.367|210|,-0.443|6.517|-1.965|210|,-0.668|7|-2.378|210|,-0.438|7|-2.015|210|,-1.914|6.517|0.402|210|,-2.206|6.517|0.012|210|,-2.225|7|0.047|210|,-2.009|7|0.407|210|,-0.678|7.5|-2.425|30|,-1.995|7.5|0.469|30|,-2.806|7.5|-1.659|300|,0.15|7.5|-0.307|300|,-1.068|8.5|-0.969|270|,-1.503|8.5|-0.969|270|,-1.33|9.5|-0.278|270|,-1.318|9.5|-1.631|270|,-1.981|9.5|-0.977|180|,-0.66|9.5|-0.966|180|;cupboard,-1.356|5.5|-0.977|0|,-1.326|3.5|-0.972|270|,-1.342|1.5|-0.969|270|;door_armor,1.041|0.5|-1.47|180|,-1.825|0.5|-3.336|270|,-3.691|0.5|-0.47|0|,-0.825|0.5|1.396|90|,0.291|1.5|-0.537|210|,0.541|1.5|-0.97|90|,0.541|1.5|-1
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import App from './App'
import view from './components/view'
Vue.config.debug = true
Vue.use(VueRouter)
Vue.use(VueResource)
<template>
<div class="notification" :class="classList" transition="notification">
<div class="notification__progress"></div>
<div class="notification__close" @click="remove">
<div class="bar"></div>
<div class="bar"></div>
</div>
<div class="notification__icon-area">
{{{ icon }}}
</div>