Restored square templates in splash page

css/_splash-page.scss

@@ -155,9 +155,7 @@
 	.sp-template {
 		display: flex;
   		align-items: center;
-		height: 5em;
-		min-width: 5em;
-		
+		  
 		text-transform: uppercase;
 		width:16%;
 		border-radius:5%;
@@ -188,12 +186,11 @@
 		}
 	}
 
-	/*
 	.sp-template:before {
 		content:'';
 		float:left;
 		padding-top:100%;
-	}*/
+	}
 
 	#sp-newpixel {
 		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

js/ToolManager.js

@@ -16,6 +16,8 @@ const ToolManager = (() => {
         {type:'cursor', style:'crosshair'}, switchTool, tools["brush"]);
     tools["rectselect"] = new RectangularSelectionTool("rectselect", 
         {type: 'cursor', style:'crosshair'}, switchTool, tools["moveselection"]);
+    tools["lassoselect"] = new LassoSelectionTool("lassoselect", 
+        {type: 'cursor', style:'crosshair'}, switchTool, tools["moveselection"]);
     
     currTool = tools["brush"];
     currTool.onSelect();

js/pixel-editor.js

@@ -42,6 +42,7 @@
 //=include tools/PanTool.js
 //=include tools/ZoomTool.js
 //=include tools/RectangularSelectionTool.js
+//=include tools/LassoSelectionTool.js
 //=include tools/MoveSelectionTool.js
 
 /** MODULES AND MENUS **/

js/tools/LassoSelectionTool.js

@@ -1,6 +1,6 @@
 class LassoSelectionTool extends SelectionTool {
     constructor (name, options, switchFunc, moveTool) {
-
+        super(name, options, switchFunc, moveTool);
     }
 
     onStart(mousePos) {

svg/lasso.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 496.149 496.149" style="enable-background:new 0 0 496.149 496.149;" xml:space="preserve">
+<g>
+	<path d="M250.201,81.608c97.43,0,179.746,43.434,179.746,94.834c0,12.449-4.934,24.449-13.645,35.465l35.402,10.404
+		c8.613-14.227,13.533-29.629,13.533-45.869c0-72.965-94.463-130.123-215.037-130.123S35.164,103.477,35.164,176.442
+		c0,26.918,12.936,51.643,35.189,72.172c-6.951,4.502-13.756,10.502-18.836,18.984c-10.453,17.449-10.66,39.094-0.645,64.35
+		c9.433,23.791,7.125,32.582,5.693,35.242c-3.354,6.322-18.127,9.514-32.385,12.596c-3.486,0.758-7.035,1.531-10.582,2.371
+		c-9.484,2.24-15.353,11.725-13.129,21.225c1.902,8.111,9.164,13.596,17.16,13.596c1.34,0,2.709-0.16,4.068-0.467
+		c3.32-0.791,6.656-1.518,9.932-2.227c21.111-4.564,45.016-9.742,56.076-30.482c8.486-15.902,7.195-36.516-4.031-64.85
+		c-5.725-14.435-6.385-25.564-1.947-33.098c4.965-8.451,16.141-12.207,22.19-13.467c35.705,19.902,82.85,32.354,135.592,33.869
+		l-10.504-35.74c-87.867-5.758-158.555-46.447-158.555-94.074C70.451,125.041,152.772,81.608,250.201,81.608z"/>
+	<path d="M487.573,269.629l-222.049-65.271c-1.115-0.338-2.244-0.482-3.373-0.482c-3.113,0-6.158,1.227-8.434,3.5
+		c-3.096,3.08-4.258,7.613-3.018,11.789l65.271,222.102c1.34,4.613,5.352,7.982,10.143,8.5c0.453,0.047,0.891,0.064,1.322,0.064
+		c4.309,0,8.307-2.338,10.439-6.162l54.076-98.043l98.025-54.094c4.225-2.322,6.629-6.951,6.1-11.727
+		C495.561,275.018,492.201,271,487.573,269.629z"/>
+</g>
+</svg>

views/tools-menu.hbs

@@ -48,9 +48,12 @@
 
 	<li><button title="Fill Tool (F)" id="fill-button">{{svg "fill.svg" width="24" height="24"}}</button></li>
 
+	<li><button title = "Rectangular Selection Tool (M)" id = "rectselect-button">{{svg "rectselect.svg" width = "24" height = "24"}}</button><li>
+
+	<li><button title = "Lasso Selection Tool (Q)" id = "lasso-button">{{svg "lasso.svg" width = "26" height = "26"}}</button></li>
+
 	<li><button title="Eyedropper Tool (E)" id="eyedropper-button">{{svg "eyedropper.svg" width="24" height="24"}}</button></li>
 
 	<li><button title="Pan Tool (P)" id="pan-button">{{svg "pan.svg" width="24" height="24"}}</button></li>
 
-	<li><button title = "Rectangular Selection Tool (M)" id = "rectselect-button">{{svg "rectselect.svg" width = "24" height = "24"}}</button><li>
 </ul>