made with fonts awesome, sass and css3. (Work in progress)
Yet another css3 snow demo. I noticed codepen has a custom random() function for sass. It's very fun to use for sure!
More info: http://blog.codepen.io/2013/08/26/random-function-in-sass/
Tried recreate apple watch's new radial chart with d3. Turns out to be surprisingly hard. D3 natively does not support round corner on arcs, not to mention that conical gradient involves lots of hacks as well (which I did not implement).
Used a modified version of d3 by mbostock, which implemented a round corner for arcs in d3, see more details on this pull request on github (which have never made into production):
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var path = require('path'); | |
var Jimp = require("jimp"); | |
var gd = require('node-gd'); | |
var gm = require('gm').subClass({imageMagick: true}); | |
const width = 800; | |
const height = 100; | |
const fontSize = 64; | |
const text = 'LABEL 1232-235-123 GD'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
resolve: { | |
alias: { | |
"@": require("path").resolve(__dirname, "src") | |
} | |
} | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const Agenda = require(`agenda`); | |
const mongoose = require(`mongoose`); | |
mongoose.connect(process.env.MONGO); | |
const agenda = new Agenda({ | |
maxConcurrency: 1, | |
db: { | |
address: process.env.MONGO, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(window.webpackJsonp=window.webpackJsonp||[]).push([[1],[function(t,e,n){var r=n(6),o=n(23),i=n(15),a=n(16),s=n(24),u=function(t,e,n){var c,f,l,p,d=t&u.F,h=t&u.G,v=t&u.S,m=t&u.P,y=t&u.B,g=h?r:v?r[e]||(r[e]={}):(r[e]||{}).prototype,b=h?o:o[e]||(o[e]={}),w=b.prototype||(b.prototype={});for(c in h&&(n=e),n)l=((f=!d&&g&&void 0!==g[c])?g:n)[c],p=y&&f?s(l,r):m&&"function"==typeof l?s(Function.call,l):l,g&&a(g,c,l,t&u.U),b[c]!=l&&i(b,c,p),m&&w[c]!=l&&(w[c]=l)};r.core=o,u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,t.exports=u},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,s){var u,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),a?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=u):o&&( |