From d6a46d2ddead4ffd05642a3639a6640c6c94888b Mon Sep 17 00:00:00 2001 From: Marius Gavrilescu Date: Sun, 15 Feb 2015 17:02:11 +0200 Subject: [PATCH] Use inline svg for mindcoding logo --- css/logo.css | 14 ++++++ css/logos.css | 5 +- lib/Plack/App/Gruntmaster/HTML.pm | 1 + mclogo.svg | 76 +++++++++++++++++++++++++++++++ tmpl/skel.en | 3 +- 5 files changed, 94 insertions(+), 5 deletions(-) create mode 100644 css/logo.css create mode 100644 mclogo.svg diff --git a/css/logo.css b/css/logo.css new file mode 100644 index 0000000..98c4367 --- /dev/null +++ b/css/logo.css @@ -0,0 +1,14 @@ +#logo { + width: 600px; + height: 150px; +} + +#mind path { stroke: none } +#coding path { fill: #FFF } +ellipse { stroke: #FFF } +#head { fill: #FFF } + +.logo-light #mind path { stroke: #373435 } +.logo-light #coding path { fill: #373435 } +.logo-light ellipse { stroke: #373435 } +.logo-light #head { fill: #373435 } diff --git a/css/logos.css b/css/logos.css index 41143f3..d6111e4 100644 --- a/css/logos.css +++ b/css/logos.css @@ -1,9 +1,8 @@ -.logo { +div.logo { background: url("/static/logos.png") no-repeat; display: inline-block; vertical-align: middle; } -.logo-mindcoding{ display: block; } .logo-bigstep{ background-position: -5px -318px; width: 250px; height: 72px; } .logo-bosch{ background-position: -260px -318px; width: 250px; height: 75px; } @@ -17,8 +16,6 @@ .logo-hermes.logo-light{ background-position: -5px -798px; width: 200px; height: 111px; } .logo-hermes{ background-position: -210px -833px; width: 192px; height: 101px; } .logo-mc{ background-position: -515px -318px; width: 25px; height: 32px; } -.logo-mindcoding.logo-light{ background-position: -5px -0px; width: 600px; height: 154px; } -.logo-mindcoding{ background-position: -5px -159px; width: 600px; height: 154px; } .logo-spyhce{ background-position: -260px -486px; width: 250px; height: 95px; } .logo-takeofflabs.logo-light{ background-position: -5px -550px; width: 250px; height: 51px; } .logo-takeofflabs{ background-position: -260px -586px; width: 250px; height: 51px; } diff --git a/lib/Plack/App/Gruntmaster/HTML.pm b/lib/Plack/App/Gruntmaster/HTML.pm index ce7ca79..7c26902 100644 --- a/lib/Plack/App/Gruntmaster/HTML.pm +++ b/lib/Plack/App/Gruntmaster/HTML.pm @@ -71,6 +71,7 @@ sub _render { sub process_skel { my ($tree, %args) = @_; + $tree->fid('logo')->replace_with(literal scalar read_file "mclogo.svg"); $tree->content_handler( title => $args{title}, content => literal $args{meat}); diff --git a/mclogo.svg b/mclogo.svg new file mode 100644 index 0000000..484ee6e --- /dev/null +++ b/mclogo.svg @@ -0,0 +1,76 @@ + diff --git a/tmpl/skel.en b/tmpl/skel.en index c45748e..a39837e 100644 --- a/tmpl/skel.en +++ b/tmpl/skel.en @@ -31,7 +31,8 @@
- + +

TITLE

-- 2.39.2