projects / examples / template-development / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 6a1435b)
Added a SVG-graphic as logo 1.0.1
authorKai Moritz <kai@juplo.de>
Mon, 24 Aug 2015 08:46:13 +0000 (10:46 +0200)
committerKai Moritz <kai@juplo.de>
Mon, 24 Aug 2015 20:25:07 +0000 (22:25 +0200)
Gruntfile.js patch | blob | history
html/layout.html patch | blob | history
img/mo.svg [new file with mode: 0644] patch | blob
less/frontend.less patch | blob | history
package.json patch | blob | history

diff --git a/Gruntfile.js b/Gruntfile.js
index a51b0fa..9125a55 100644 (file)
--- 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 (file)
--- a/html/layout.html
+++ b/html/layout.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns:xlink="http://www.w3.org/1999/xlink">
 
 <head>
 
@@ -16,7 +16,12 @@
 <body>
 
   <header>
-    <h2>yourSHOUTER - Startseite</h2>
+    <h2>
+      <svg>
+        <use xlink:href="../../img/sprite.svg#mo"></use>
+      </svg>
+      <span>Simple Example-Project for Template-Development</span>
+    </h2>
     <hr />
     <!-- Navigation -->
     <nav id="menu" class="navbar navbar-submenu navbar-fixed-top">
diff --git a/img/mo.svg b/img/mo.svg
new file mode 100644 (file)
index 0000000..0fab12d
--- /dev/null
+++ b/img/mo.svg
@@ -0,0 +1 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.6 70.6" version="1.1"><g transform="translate(-95.049215,-379.90879)"><path d="m95 379.9c0 25.5 0 48 0 70.6 45.9 0 90.1 0 130.6 0 0-21.8 0-43.5 0-65.3l0-5.3c-44.9 0-89 0-130.6 0zm18.2 10.6 34.3 0-17.2 17.2zm52.5 0 49.4 0 0 49.4-49.4 0zm24.7 6c-10.3 0-18.7 8.4-18.7 18.7 0 10.3 8.4 18.7 18.7 18.7 10.3 0 18.7-8.4 18.7-18.7 0-10.3-8.4-18.7-18.7-18.7zm-84.7 1.5c8.2 8.2 16.5 16.5 24.7 24.7 8.2-8.2 16.5-16.5 24.7-24.7l0 41.9-49.4 0zm84.7 9.1c4.5 0 8.1 3.6 8.1 8.1 0 4.5-3.5 8.1-8.1 8.1-4.5 0-8.1-3.5-8.1-8.1 0-4.5 3.5-8.1 8.1-8.1z" style="fill:#000"/></g></svg>
diff --git a/less/frontend.less b/less/frontend.less
index 8b0d18c..17f3fcf 100644 (file)
--- 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 (file)
--- 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"
   }
 }
Unnamed repository; edit this file 'description' to name the repository.