From: Kai Moritz Date: Mon, 24 Aug 2015 08:46:13 +0000 (+0200) Subject: Added a SVG-graphic as logo X-Git-Tag: 1.0.1 X-Git-Url: https://juplo.de/gitweb/?p=examples%2Ftemplate-development;a=commitdiff_plain;h=65c774a64c085bd8981cbee2d78c19a5b39871e1;hp=6a1435be7f6888a5d30d7e47d4fc1791561c921b Added a SVG-graphic as logo --- diff --git a/Gruntfile.js b/Gruntfile.js index a51b0fa..9125a55 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -3,6 +3,7 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.loadNpmTasks('grunt-svgstore'); grunt.initConfig({ @@ -28,6 +29,19 @@ module.exports = function(grunt) { } }, + svgstore: { + options: { + cleanup: true + }, + sprite: { + files: { + 'dist/img/sprite.svg': [ + 'img/mo.svg' + ] + } + } + }, + watch: { copy: { files: [ 'html/**/*.html' ], @@ -36,11 +50,15 @@ module.exports = function(grunt) { less: { files: [ 'less/**/*.less' ], tasks: [ 'less' ] + }, + svgstore: { + files: [ 'img/**/*.svg' ], + tasks: [ 'svgstore' ] } } }); - grunt.registerTask('default', [ 'copy', 'less' ]); + grunt.registerTask('default', [ 'copy', 'less', 'svgstore' ]); }; diff --git a/html/layout.html b/html/layout.html index be958d5..fc5d9d1 100644 --- a/html/layout.html +++ b/html/layout.html @@ -1,5 +1,5 @@ - + @@ -16,7 +16,12 @@

yourSHOUTER - Startseite

+ + Simple Example-Project for Template-Development +

diff --git a/img/mo.svg b/img/mo.svg new file mode 100644 index 0000000..0fab12d --- /dev/null +++ b/img/mo.svg @@ -0,0 +1 @@ + diff --git a/less/frontend.less b/less/frontend.less index 8b0d18c..17f3fcf 100644 --- a/less/frontend.less +++ b/less/frontend.less @@ -31,10 +31,22 @@ hr border-color: @normal; clear: both; } +svg +{ + fill: currentColor; +} + header { margin-bottom: 3em; + > h2 > svg + { + position: relative; + top: .2em; + height: 1.25em; + width: 2.5em; + } } nav { diff --git a/package.json b/package.json index 349b063..1306bdc 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,12 @@ { "name": "frontend", - "version": "1.0.0", + "version": "1.0.1", "description": "Simple Example-Project for Template-Development", "devDependencies": { "grunt": "~0.4.5", "grunt-contrib-copy": "~0.8.1", "grunt-contrib-less": "~1.0.1", - "grunt-contrib-watch": "~0.6.1" + "grunt-contrib-watch": "~0.6.1", + "grunt-svgstore": "~0.5.0" } }