Empty project list

app/modules/home/projects/list.jade

@@ -1,4 +1,4 @@
-ul.home-project-list
+ul.home-project-list(ng-show="vm.projects.length")
     li.home-project-list-single(tg-bind-scope, ng-repeat="project in vm.projects.all")
         a(href="#", tg-nav="project:project=project.slug")
             h2.home-project-list-single-title
@@ -7,4 +7,14 @@ ul.home-project-list
                     include ../../../svg/lock.svg
             p {{ ::project.description | limitTo:150 }}
                 span(ng-if="::project.description.length > 150") ...
-a.see-more-projects-btn.button-gray(href="#", tg-nav="projects", title="{{'PROJECT.NAVIGATION.SEE_MORE_PROJECTS' | translate}}",         translate="PROJECT.NAVIGATION.SEE_MORE_PROJECTS")
+a.see-more-projects-btn.button-gray(ng-show="vm.projects.length", href="#", tg-nav="projects", title="{{'PROJECT.NAVIGATION.SEE_MORE_PROJECTS' | translate}}",         translate="PROJECT.NAVIGATION.SEE_MORE_PROJECTS")
+section.projects-empty(ng-hide="vm.projects.length")
+    include ../../../svg/empty-project.svg
+    p You don't have any projects yet
+    a.create-project-btn.button-green(
+            href="#",
+            ng-click="vm.newProject()",
+            title="{{'PROJECT.NAVIGATION.ACTION_CREATE_PROJECT' | translate}}",
+            translate="PROJECT.NAVIGATION.ACTION_CREATE_PROJECT")
+
+

app/modules/home/projects/styles/list.scss

@@ -50,3 +50,22 @@
         transition: color .3s linear;
     }
 }
+
+.projects-empty {
+    text-align: center;
+    svg {
+        height: 100px;
+        margin: 1rem auto;
+        text-align: center;
+        width: 100%;
+        path {
+            fill: $whitish;
+        }
+    }
+    p {
+        @extend %small;
+    }
+    .create-project-btn {
+        display: block;
+    }
+}

app/svg/empty-project.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 13.918466 15.58737">
+    <g transform="translate(35.885 -420.63)">
+        <path d="m-33.7 420.63-1.1367 0.86544 2.1761 2.8582h-0.1537l-0.41375 0.71665h1.1131l0.69906 0.91817h-4.4694l1.7562 6.7859h7.8797l2.6214 3.443 1.1368-0.86544-11.209-14.722zm10.832 2.7082c-0.04845-0.001-0.07702 0.003-0.07702 0.003h-3.1127l-0.58461 1.0124h-2.5114l0.54562 0.71664h5.7028l-1.4845 5.5403 0.64029 0.84099 1.6351-6.102s0.34262-1.1438-0.01538-1.6091c-0.26845-0.34893-0.59278-0.39911-0.73815-0.40239z"/>
+    </g>
+</svg>