Added in some snippets

client/homebrew/editor/snippets/snippets.js

@@ -26,7 +26,12 @@ module.exports = [
 		tooltip : 'Note',
 		icon : 'fa-sticky-note',
 		snippet : function(){
-			return ""
+			return [
+				"> ##### Time to Drop Knowledge",
+				"> Use notes to point out some interesting information. ",
+				"> ",
+				"> **Tables and lists** both work within a note."
+			].join('\n');
 		},
 	},
 	{
@@ -35,10 +40,10 @@ module.exports = [
 		snippet : function(){
 			return [
 				"##### Cookie Tastiness",
-				"| Tasty Level | Cookie Type |",
+				"| Tastiness | Cookie Type |",
 				"|:----:|:-------------|",
 				"| -5  | Raisin |",
-				"| 8th  | 1 or lower |",
+				"| 8th  | Chocolate Chip |",
 				"| 11th | 2 or lower |",
 				"| 14th | 3 or lower |",
 				"| 17th | 4 or lower |\n\n",
@@ -80,7 +85,7 @@ module.exports = [
 		tooltip : "Insert Image",
 		icon : 'fa-image',
 		snippet : function(){
-			return "<img />";
+			return "<img src='https://i.imgur.com/RJ6S6eY.gif' style='position:absolute;bottom:-10px;right:-60px;' />";
 		}
 	}
 
@@ -118,93 +123,3 @@ module.exports = [
 
 
 
-
-
-
-var temp = {
-
-	intro : [
-		'# Welcome to HomeBrew',
-		'This tool you to effortless make and edit in real time D&D style ideas',
-		'\nIt uses **markdown-syntax** anda well-designed style sheet to create stuff.',
-		'As you edit text on the left it will live update on the right.',
-		"Any changes you make will auto-saved to your browser as well.",
-		"",
-		"There's a few premade templates for common things in the PHB.",
-		"Just hit the icons to inject the template wherever your cursor was in the text box. \n***Have fun.***"
-
-	].join('\n'),
-
-
-	spell : [
-		"#### Continual Flame",
-		"*2nd-level evocation*",
-		"___",
-		"- **Casting Time:** 1 action",
-		"- **Range:** Touch",
-		"- **Components:** V, S, M (ruby dust worth 50gp, which the spell consumes)",
-		"- **Duration:** Until dispelled",
-		"",
-		"A flame, equivalent in brightness to a torch, springs from from an object that you touch. ",
-		"The effect look like a regular flame, but it creates no heat and doesn't use oxygen. ",
-		"A *continual flame* can be covered or hidden but not smothered or quenched."
-	].join('\n'),
-
-	destroyUndead : [
-		"### Destroy Undead",
-		"Starting at 5th level, when an undead fails its saving throw against your Turn Undead feature,",
-		"the creature is instantly destroyed if its challange rating is at or below a certain threshold,",
-		"as shown in the Destroy Undead table.",
-		"",
-		"##### Destroy Undead",
-		"| Cleric Level | Destroys Undead of CR... |",
-		"|:----:|:-------------|",
-		"| 5th  | 1/2 or lower |",
-		"| 8th  | 1 or lower |",
-		"| 11th | 2 or lower |",
-		"| 14th | 3 or lower |",
-		"| 17th | 4 or lower |\n\n",
-	].join('\n'),
-
-	note : [
-		"> ##### Variant: Playing on a Grid",
-		"> If you play out a combat using a square grid and miniatures or other tokens, follow these rules",
-		">",
-		"> ***Squares.*** Each square on the grid represents 5 feet.",
-		">",
-		"> ***Speed.*** Rather than moving foot by foot, move square by square on the grid. This means you use your speed in 5-foot segments.",
-	].join('\n'),
-
-	statBlock :[
-		"___",
-		"> ## Warhorse",
-		">*Large beast, unaligned*",
-		"> ___",
-		"> - **Armor Class** 18 (natural armor)",
-		"> - **Hit Points** 33 (6d8 + 6)",
-		"> - **Speed** 25ft",
-		">___",
-		">|STR|DEX|CON|INT|WIS|CHA|",
-		">|:---:|:---:|:---:|:---:|:---:|:---:|:---:|",
-		">|18 (+4)|18 (+4)|18 (+4)|18 (+4)|18 (+4)|18 (+4)|",
-		">___",
-		"> - **Damage Immunities** poison, psychic",
-		"> - **Condition Immunities** blinded, charmed, deafened, exhaustion, frightened, paralyzed, petrified, poisoned",
-		"> - **Languages** None",
-		"> - **Challenge** 1 (200 XP)",
-		"> ___",
-		"> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.",
-		">",
-		"> ***False Appearance. *** While the armor reamin motionless, it is indistinguishable from a normal suit of armor.",
-		"> ### Actions",
-		"> ***Multiattack.*** The armor makes two two melee attacks.",
-		">",
-		"> ***Slam.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) ",
-	].join('\n'),
-
-	classTable : [
-
-	].join('\n'),
-
-
-}

client/homebrew/homePage/homePage.less

@@ -7,6 +7,7 @@
 		display          : block;
 		right            : 70px;
 		bottom           : 70px;
+		z-index          : 100;
 		padding          : 1em;
 		background-color : @orange;
 		font-size        : 1.5em;

client/homebrew/phb/phb.less

@@ -72,6 +72,12 @@
 	text-rendering       : optimizeLegibility;
 	position : relative;
 	overflow: hidden;
+	z-index : 15;
+
+
+	img{
+		z-index : -1;
+	}
 
 	//Page Accents
 	&:after{
@@ -93,6 +99,7 @@
 		-o-column-break-inside      : avoid;
 		-ms-column-break-inside     : avoid;
 		column-break-inside         : avoid;
+		z-index : 15;
 	}
 
 	p,ul{