From 341036f1f39685ac2c566db6c597ef09e0d17ea0 Mon Sep 17 00:00:00 2001
From: Matias De lellis <mati86dl@gmail.com>
Date: Tue, 2 Jun 2020 12:15:21 -0300
Subject: [PATCH] Optimize app.svg and and use it as empty content icon.

---
 css/{style.css => style.scss} |   4 +
 img/app.svg                   | 143 ++--------------------------------
 js/templates/notes.handlebars |   4 +-
 3 files changed, 12 insertions(+), 139 deletions(-)
 rename css/{style.css => style.scss} (98%)

diff --git a/css/style.css b/css/style.scss
similarity index 98%
rename from css/style.css
rename to css/style.scss
index 1390f00..7c68cdb 100644
--- a/css/style.css
+++ b/css/style.scss
@@ -1,3 +1,7 @@
+.icon-quicknotes {
+    @include icon-color('app', 'quicknotes', $color-black);
+}
+
 #app-content-wrapper {
     height: 100%;
 }
diff --git a/img/app.svg b/img/app.svg
index f929ca0..154a4dc 100644
--- a/img/app.svg
+++ b/img/app.svg
@@ -1,138 +1,7 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.0"
-   width="32"
-   height="32"
-   id="svg3201"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="tomboy-panel.svg">
-  <metadata
-     id="metadata19">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1366"
-     inkscape:window-height="720"
-     id="namedview17"
-     showgrid="true"
-     inkscape:zoom="4.1704545"
-     inkscape:cx="-37.509953"
-     inkscape:cy="19.089838"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <inkscape:grid
-       type="xygrid"
-       id="grid2996"
-       empspacing="5"
-       visible="true"
-       enabled="true"
-       snapvisiblegridlinesonly="true" />
-  </sodipodi:namedview>
-  <defs
-     id="defs3203">
-    <linearGradient
-       id="linearGradient3587-6-5">
-      <stop
-         id="stop3589-9-2"
-         style="stop-color:#000000;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3591-7-4"
-         style="stop-color:#363636;stop-opacity:1"
-         offset="1" />
-    </linearGradient>
-    <linearGradient
-       x1="11.888327"
-       y1="2.3846951"
-       x2="11.888327"
-       y2="20.015596"
-       id="linearGradient3194"
-       xlink:href="#linearGradient3587-6-5"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.6779908,0,0,1.5961052,-3.7013098,-13.527152)" />
-    <linearGradient
-       x1="11.888327"
-       y1="2.3846951"
-       x2="11.888327"
-       y2="11.988697"
-       id="linearGradient3225"
-       xlink:href="#linearGradient3587-6-5"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(-0.9997118,-1.0000003)" />
-    <linearGradient
-       x1="11.888327"
-       y1="16.498461"
-       x2="11.888327"
-       y2="20.015596"
-       id="linearGradient3227"
-       xlink:href="#linearGradient3587-6-5"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(-0.9997118,-1.0000003)" />
-    <linearGradient
-       x1="11.888327"
-       y1="2.3846951"
-       x2="11.888327"
-       y2="20.015596"
-       id="linearGradient3261"
-       xlink:href="#linearGradient3587-6-5"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(-0.9997118,-1.0000003)" />
-  </defs>
-  <g
-     id="layer1"
-     transform="translate(-0.98499997,10)">
-    <g
-       id="g5017"
-       transform="matrix(1.0140626,0,0,1.0660875,-0.95600928,0.45957537)"
-       style="fill:#ffffff;fill-opacity:1">
-      <path
-         inkscape:connector-curvature="0"
-         style="display:inline;overflow:visible;visibility:visible;opacity:0.7;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-         id="path3223"
-         d="m 2.978315,-4.3497207 c -0.012048,0.065182 -0.046739,0.1328773 -0.052437,0.1995131 -0.025416,5.7490895 -2.03e-5,11.5081923 0,17.2578876 0.00735,-5.8241632 0.03904,-11.6333798 0.052437,-17.4574007 z" />
-      <path
-         inkscape:connector-curvature="0"
-         style="display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-         id="path3221"
-         d="m 29.721293,13.855855 c -0.102089,1.422082 -1.632203,2.381825 -3.041358,2.194644 -7.166372,-0.0081 -14.333426,-0.0212 -21.499257,-0.04988 -1.3070202,-0.08504 -2.1828191,-1.167492 -2.2548002,-2.344279 -1.472e-4,0.897348 0.00113,1.796103 0,2.693427 -0.1969854,1.342941 0.7582186,2.795647 2.2548002,2.892941 7.179477,0.02871 14.371675,-0.0081 21.551694,0 1.411838,0.187373 2.939073,-0.721216 3.041358,-2.144766 0,0 -0.05244,-3.242089 -0.05244,-3.242089 z" />
-      <path
-         inkscape:connector-curvature="0"
-         style="display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-         id="path3219"
-         d="M 5.442864,-6.294974 C 4.1874661,-6.315586 3.0800816,-5.5170941 2.978315,-4.5492339 2.948182,0.99370044 2.934478,6.5168851 2.925878,12.060236 c -0.1966109,1.090013 0.7610628,2.265313 2.2548002,2.34428 7.1658308,0.0233 14.3328848,0.04322 21.4992568,0.04988 1.409155,0.152093 2.939268,-0.590297 3.041358,-1.74574 0.02608,-4.7961361 0.0516,-9.6181973 0.05244,-14.4148254 l -8.442391,8.030405 C 20.702103,6.9227635 19.927602,7.1375945 19.128976,7.1721645 18.741944,7.4734565 18.35861,7.7655693 17.870483,7.9203389 17.208526,8.1302235 16.183978,8.2115116 15.353497,7.421556 14.523014,6.6316004 14.608472,5.657052 14.829125,5.0273981 c 0.162714,-0.4643075 0.46981,-0.8289346 0.786558,-1.1970794 0.03634,-0.7596539 0.262196,-1.4963592 0.891432,-2.0948882 l 8.442392,-8.0304045 c -6.488331,-0.012529 -13.018097,0.00587 -19.506643,0 z" />
-      <path
-         inkscape:connector-curvature="0"
-         style="display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-         id="rect3226"
-         d="m 17.752975,2.8819386 c -0.434383,0.4131868 -0.547589,0.9903912 -0.407866,1.5165792 l -0.185394,0.1763473 c -0.657332,0.6252539 -0.921926,1.3802979 -0.593259,1.6929254 0.328666,0.3126276 1.122447,0.060939 1.779778,-0.5643078 l 0.185394,-0.1763472 c 0.553183,0.1329076 1.16,0.025218 1.594383,-0.3879622 L 31.991199,-6.146996 c 0.657331,-0.6252538 0.657331,-1.63198 0,-2.2572338 -0.657331,-0.6252536 -1.715706,-0.6252536 -2.373037,0 L 17.752975,2.8819386 Z" />
-    </g>
-  </g>
+<svg version="1.0" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+ <g fill="#fff">
+  <path d="m28.198 25.231c-0.10352 1.5161-1.6552 2.5392-3.0841 2.3397-7.2672-0.0086-14.535-0.0226-21.802-0.05318-1.3254-0.09066-2.2135-1.2446-2.2865-2.4992-1.49e-4 0.95665 0.0012 1.9148 0 2.8714-0.19976 1.4317 0.76888 2.9804 2.2865 3.0841 7.2804 0.03061 14.574-0.0086 21.855 0 1.4317 0.19976 2.9804-0.76888 3.0841-2.2865l-0.05318-3.4564z"/>
+  <path d="m3.5784 3.7486c-1.2731-0.021974-2.396 0.82929-2.4992 1.8611-0.03056 5.9093-0.04445 11.797-0.05317 17.707-0.19938 1.162 0.77176 2.415 2.2865 2.4992 7.2666 0.02484 14.534 0.04608 21.802 0.05318 1.429 0.16214 2.9806-0.62931 3.0841-1.8611 0.02645-5.1131 0.05232-10.254 0.05318-15.367l-8.5611 8.5611c-0.63809 0.63808-1.4235 0.86711-2.2333 0.90397-0.39248 0.3212-0.7812 0.63262-1.2762 0.79762-0.67126 0.22376-1.7102 0.31042-2.5524-0.53175-0.84216-0.84216-0.7555-1.8811-0.53175-2.5524 0.165-0.49499 0.47642-0.88372 0.79762-1.2762 0.03685-0.80986 0.26588-1.5952 0.90397-2.2333l8.5611-8.5611c-6.5796-0.013357-13.201 0.00626-19.781 0z"/>
+  <path d="m16.062 13.532c-0.44049 0.44049-0.55529 1.0558-0.4136 1.6168l-0.188 0.188c-0.66658 0.66658-0.93489 1.4715-0.6016 1.8048 0.33329 0.33329 1.1382 0.06497 1.8048-0.6016l0.188-0.188c0.56096 0.14169 1.1763 0.02688 1.6168-0.4136l12.032-12.032c0.66658-0.66658 0.66658-1.7398 0-2.4064-0.66657-0.66658-1.7398-0.66658-2.4064 0z"/>
+ </g>
 </svg>
diff --git a/js/templates/notes.handlebars b/js/templates/notes.handlebars
index 964a627..0264afd 100644
--- a/js/templates/notes.handlebars
+++ b/js/templates/notes.handlebars
@@ -88,14 +88,14 @@
 </div>
 {{else if loaded}}
 <div class="emptycontent">
-	<div class="icon-edit svg"></div>
+	<div class="icon-quicknotes svg"></div>
 	<h2>
 		{{ emptyMsg }}
 	</h2>
 </div>
 {{else}}
 <div class="emptycontent">
-	<div class="icon-edit svg"></div>
+	<div class="icon-quicknotes svg"></div>
 	<h2>
 		{{loadingMsg}}
 	</h2>