Skip to content

Instantly share code, notes, and snippets.

View Calvein's full-sized avatar
🐶

François Robichet Calvein

🐶
View GitHub Profile
@Calvein
Calvein / ces_theme.json
Created January 16, 2017 14:53
Fixed codepen Solarized Light
{"elements":[{"prettyName":"Background","selector":".box, .editor .top-boxes, .CodeMirror-gutter-wrapper, body.project .editor-pane, body.project .editor","color":"#fdf6e3","description":false,"prop":"background"},{"prettyName":"Cursor","selector":".CodeMirror-cursor","color":"#657b83","description":false,"prop":"border-left-color"},{"prettyName":"Default","selector":".CodeMirror pre, .box pre,.editor .top-boxes pre,.CodeMirror-gutter-wrapper pre","color":"#657b83","description":"when nothin' else applies","prop":"color"},{"prettyName":"Keyword","selector":".cm-keyword","color":"#268bd2","description":"e.g. var, function","prop":"color"},{"prettyName":"Atom","selector":".cm-atom","color":"#859900","description":"used for some CSS values and JS primitives (e.g. null, undefined)","prop":"color"},{"prettyName":"HTML Atom","selector":".box-html .cm-atom","color":"#cb4b16","description":"e.g. HTML entities","prop":"color"},{"prettyName":"Definition","selector":".cm-def","color":"#b58900","description":"e.g. @inclu
@Calvein
Calvein / ces_theme.json
Created January 16, 2017 14:49
Fixed codepen Solarized Dark
{"elements":[{"prettyName":"Background","selector":".box, .editor .top-boxes, .CodeMirror-gutter-wrapper, body.project .editor-pane, body.project .editor","color":"#002b36","description":false,"prop":"background"},{"prettyName":"Cursor","selector":".CodeMirror-cursor","color":"#839496","description":false,"prop":"border-left-color"},{"prettyName":"Default","selector":".CodeMirror pre, .box pre,.editor .top-boxes pre,.CodeMirror-gutter-wrapper pre","color":"#839496","description":"when nothin' else applies","prop":"color"},{"prettyName":"Keyword","selector":".cm-keyword","color":"#268bd2","description":"e.g. var, function","prop":"color"},{"prettyName":"Atom","selector":".cm-atom","color":"#859900","description":"used for some CSS values and JS primitives (e.g. null, undefined)","prop":"color"},{"prettyName":"HTML Atom","selector":".box-html .cm-atom","color":"#cb4b16","description":"e.g. HTML entities","prop":"color"},{"prettyName":"Definition","selector":".cm-def","color":"#b58900","description":"e.g. @inclu
@Calvein
Calvein / index.styl
Created October 4, 2016 03:33
Shadow on scroll for list with a scrollbar
$scroll-shadow
background linear-gradient(white 30%, rgba(black, 0)),
linear-gradient(rgba(black, 0) 10px, white 70%) bottom,
radial-gradient(at top, rgba(black, 0.2), transparent 70%),
radial-gradient(at bottom, rgba(black, 0.2), transparent 70%) bottom
background-repeat no-repeat
background-size 100% 20px, 100% 20px, 100% 10px, 100% 10px
background-attachment local, local, scroll, scroll
@Calvein
Calvein / components.styl
Last active September 6, 2016 03:50
Stylus style for react-select (assuming autoprefixer too)
@require 'control'
@require 'menu'
@require 'mixins'
@require 'multi'
@require 'spinner'
@Calvein
Calvein / index.coffee
Last active June 1, 2016 17:32
Capture a DOM element to png with phantomjs. Usage: index.coffee URL [selector, svg by default] [image, screenshot-date.png by default] [viewport width, 1024 by default] [viewport height, 768 by default]
page = require('webpage').create()
system = require('system')
getDate = ->
date = new Date()
return date.getUTCFullYear() + '-' +
('00' + (date.getUTCMonth() + 1)).slice(-2) + '-' +
('00' + date.getUTCDate()).slice(-2) + ' ' +
('00' + date.getUTCHours()).slice(-2) + ':' +
('00' + date.getUTCMinutes()).slice(-2) + ':' +
@Calvein
Calvein / gist:6518348
Last active December 22, 2015 19:19
Get the degree of an svg line.
/*
* Draw text parallel to a line
*/
// Line
x1 = x(0)
y1 = y(0)
x2 = x(25)
y2 = y(30)
@Calvein
Calvein / .bashrc
Created August 27, 2013 06:58
mcd = mkdir & cd
# mkdir & cd
function mcd() {
mkdir -p "$1" && cd "$1";
}
@Calvein
Calvein / bookmarklet.js
Last active December 21, 2015 03:59
Underscorify puts underscore on the current page (based on jQuerify http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet)
javascript:!function(){function e(e,t){var n=document.createElement("script");n.src=e;var o=document.getElementsByTagName("head")[0],i=!1;n.onload=n.onreadystatechange=function(){i||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(i=!0,t(),n.onload=n.onreadystatechange=null,o.removeChild(n))},o.appendChild(n)}function t(){n.innerHTML=d,o.appendChild(n),n.style.opacity=1,"undefined"==typeof _?o.removeChild(n):setTimeout(function(){n.style.opacity=0,n.style.transition="4s 3s",n.addEventListener("transitionend",function(){o.removeChild(n)}),n.addEventListener("webkitTransitionEnd",function(){o.removeChild(n)}),i&&(underscore=_.noConflict())},500)}var n=document.createElement("div"),o=document.getElementsByTagName("body")[0],i=!1,d="";return n.style.position="fixed",n.style.height="36px",n.style.width="220px",n.style.marginLeft="-110px",n.style.top="0",n.style.left="50%",n.style.padding="5px 10px",n.style.zIndex=1001,n.style.fontSize="12px",n.style.color="#222",n.style.backgroundColor="#f
@Calvein
Calvein / gist:5486620
Created April 30, 2013 04:43
Invert array/object data
headings = []
_.each o.groups, (group, label) =>
headings.push(label)
groups = {}
_.each o.headings, (heading) =>
groups[heading] = values: []
_.each headings, (heading, i) =>
_.each o.groups[Object.keys(o.groups)[i]].values, (val, j) =>
@Calvein
Calvein / data.json
Last active December 8, 2015 22:49
Get pictures and info of Australia's MPs
[
{
"name": "Tony Abbott",
"img": "http://parlinfo.aph.gov.au/parlInfo/download/handbook/allmps/EZ5/upload_ref_binary/EZ5.JPG",
"electorate": "Warringah",
"state": "New South Wales"
},
{
"name": "Anthony Albanese",
"img": "http://parlinfo.aph.gov.au/parlInfo/download/handbook/allmps/R36/upload_ref_binary/R36.jpg",