Skip to content

Instantly share code, notes, and snippets.

View distinctgrey's full-sized avatar

Thomas De Groof distinctgrey

View GitHub Profile
@distinctgrey
distinctgrey / dabblet.css
Created November 19, 2013 17:08 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@distinctgrey
distinctgrey / dabblet.css
Created October 4, 2013 12:14
Dabblet - Hover effect #3
/**
* Dabblet - Hover effect #3
*/
* {
box-sizing: border-box
}
:root {
/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAMAAAC/MqoPAAAByFBMVEXy7t3x7dzw7Nvz797v69r08N/y7t7t6dju6tnw7Nzx7d3z79/v69vu6trs6Nfr59bt6dnq5tXs6Njp5dTo5NP08OD18eDy7tzz793n49Lr59fm4tHx7dvq5tbl4dD08N7w7Nrk4M/j387v69np5dXo5NTn49Pi3s3h3czm4tLu6tjk4NDl4dHf28rg3Mvx7d7t6dfy7t/e2sn18d/w7N3x7t3s6Nbj38/h3c3d2cjv69zy797i3s7y79/b18bz7+Dv7Nvx7t7w7dzc2Mfz8N/p5dPY1MPe2srv7Nzt6tns6Nnr59X18eHg3Mzw7d3u6tv08eDZ1cTd2cnu69vf28vt6trs6djk4M7z8ODm4tDV0cDq5tfX08Lc2Mjt6drb18f08eHq5tTr6Njn49Hr59j08OHm4tPU0MD28uHg3M3o5dTl4c/a1sXz7t/28uDV0b/j383s6dnk4NHw69zX08Pb18jl4tPZ1cXx7Nz18eLY1MTn49Tl4tHg3Mrx7N3q59bn5NTw69vZ1cb07+Dk4dHo5NXa1sbRzb3c2Mbq59fi3szRzbzU0L/Oyrnw69ro5NLW0sHv6tnt6Njv6trf28ng3czh3cvu69pSFNhBAAB/uUlEQVR4Xi31U9N9a7M0+iaq6mJrvfeb+Ht4PNa052tzEdu2bdv4unvHjPWrw4rIkzxI1Pzr4/hnv17r12v91V89rvG3/8v1Z/6L9bj+4vf+5D/zzT9/nHO5/naNf7oe83H9Vf6yspR1PfLpcT2ufzqrHqseR61/PNaY//Tf/uePq+7/U2//+B/uv1i5/mEdj/Vv/NWqMec/+OPaH77946qx9/W/8d+sv/8
@distinctgrey
distinctgrey / dabblet.css
Created October 4, 2013 09:05
Hover effect #2
/**
* Hover effect #2
*/
* {
box-sizing: border-box;
}
:root {
/* background pattern: http://subtlepatterns.com/triangular/ */
@distinctgrey
distinctgrey / jswarrior.js
Last active December 24, 2015 15:39
JSWarrior by FusionCharts - solution lvl7 - see http://jswarrior.fusioncharts.com/
jsWarrior.turn = function (warrior) {
warrior.underAttack = warrior.previousHealth > warrior.getHealth();
warrior.timeToRetreat = warrior.getHealth() <= 10;
warior.retreating = warrior.retreating || false;
// Start
if (!warrior.started) {
warrior.started = true;
warrior.pivot();
@distinctgrey
distinctgrey / dabblet.css
Created October 3, 2013 14:30
Dabblet - Hover effect #1
/**
* Dabblet - Hover effect #1
*/
* {
box-sizing: border-box;
}
:root {
/* background pattern: http://subtlepatterns.com/triangular/ */
var modRewrite = require('connect-modrewrite');
[...]
connect: {
options: {
port: 9000,
// change this to '0.0.0.0' to access the server from outside
hostname: 'localhost'
},