marionettejs.com icon indicating copy to clipboard operation
marionettejs.com copied to clipboard

Add task that converts SVG into data/image as part of build process

Open peterblazejewicz opened this issue 11 years ago • 3 comments

After recent revert: https://github.com/marionettejs/marionettejs.com/commit/740f3ce8bedbd80fad119dbd5ea0ea642441444b the source code has now inlined SVGs images for brand and branded text visible in above the fold section - which allowed us to completely solve problem with ATF topic: 20150215213443

This is fine - but we should figure out the way to automate conversion process from SVG source file: https://github.com/marionettejs/marionettejs.com/blob/master/src/images/marionette.svg into this one: https://github.com/marionettejs/marionettejs.com/blob/master/src/partials/_marionette_logo.jade

Ideally Grunt task. I've been using shell command:

echo -n `cat marionette-text.svg` | base64 | pbcopy

to manually create content.

peterblazejewicz avatar Feb 15 '15 20:02 peterblazejewicz

:+1:

samccone avatar Feb 15 '15 21:02 samccone

Maybe this can be a solution?

https://www.npmjs.com/package/grunt-datauri-variables

ingro avatar Feb 15 '15 22:02 ingro

@ingro Thanks! I'll look

peterblazejewicz avatar Feb 15 '15 22:02 peterblazejewicz