View difftree
#!/usr/bin/env bash
diff <(tree -C "$1") <(tree -C "$2")
View app.html
<template>
<h3>messages</h3>
<p>${messages.length}</p>
<p>${messages}</p>
<div repeat.for="i of messages.length">
<input type="text" value.bind="$parent.messages[i]" input.delegate="onMessageChanged(i)">
</div>
</template>
View grunt-sass-replace.js
// this is a configuration file for grunt-string-replace plugin
// todo - turn this into a proper grunt plugin of its own
module.exports = function (grunt) {
var config = {
sass: {}
},
View colors
#!/usr/bin/env bash
echo -e "\033[0mNC (No color)"
echo -e "\033[1;37mWHITE\t\033[0;30mBLACK"
echo -e "\033[0;34mBLUE\t\033[1;34mLIGHT_BLUE"
echo -e "\033[0;32mGREEN\t\033[1;32mLIGHT_GREEN"
echo -e "\033[0;36mCYAN\t\033[1;36mLIGHT_CYAN"
echo -e "\033[0;31mRED\t\033[1;31mLIGHT_RED"
echo -e "\033[0;35mPURPLE\t\033[1;35mLIGHT_PURPLE"
echo -e "\033[0;33mYELLOW\t\033[1;33mLIGHT_YELLOW"
View npm-commons.sh
#!/usr/bin/env bash
##################################
# functions for common npm tasks #
##################################
##### public #####
View dabblet.css
/* switching kittens #6 - love thy kitten */
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label {
background-image: url('//placekitten.com/400/404');
display: block;
width: 400px;
View dabblet.css
/* switching kittens #5 - be aggressive, b-e aggressive */
input[type=checkbox] {
appearance: none;
}
input[type=checkbox] + label {
background-image: url('//placekitten.com/407/407');
display: block;
width: 400px;
View dabblet.css
/* switching kittens #4 - abuse your browser some more */
input[type=checkbox] {
background-image: url('//placekitten.com/406/408');
width: 400px;
height: 400px;
display: block;
appearance: none;
}
View dabblet.css
/* switching kittens #2 - abuse your browser */
input[type=checkbox] {
content: url('//placekitten.com/406/404');
width: 400px;
height: 400px;
}
input[type=checkbox]:checked {
content: url('//placekitten.com/404/404');
View dabblet.css
/* switching kittens #3 - return to innocence */
input[type=checkbox]::before {
content: url('//placekitten.com/402/402');
width: 400px;
height: 400px;
display: block;
overflow: hidden;
}