Working on onster block

shared/homebrewery/phb_style/phb.blocks.less

@@ -12,7 +12,28 @@
 	}
 }
 .monster{
+	-webkit-column-break-inside : avoid;
+	column-break-inside         : avoid;
+
+	&>.internal{
+		//background-color : @monsterStatBackground;
+		background-image: @monsterBG;
+		border-style     : solid;
+		border-width     : 10px;
+		border-image     : @monsterBorder 10;
+		table{
+			color : @headerText;
+		}
+
+		ul:nth-of-type(1),ul:nth-of-type(2){
+			background-color: red;
+		}
+
+	}
+
 }
+
+
 .note{
 	.useSansSerif();
 	margin: 9px 0px;
@@ -90,6 +111,7 @@
 }
 
 
+
 .brushed{
 	border-image-source : url('http://i.imgur.com/nzPYZyD.png');
 	border-image-outset : 25px 17px;
@@ -98,4 +120,23 @@
 	border-image-width  : 1250px;
 
 
+}
+
+
+//basics
+.left{
+	text-align: left;
+}
+.right{
+	text-align: right;
+}
+.center{
+	text-align: center;
+}
+.bold{
+	font-weight: 800;
+}
+
+.sansSerif{
+	.useSansSerif();
 }

shared/homebrewery/phb_style/phb.img.less

@@ -9,4 +9,5 @@
 @phbBG             : url('/assets/homebrewery/phb_style/img/phb_bg.jpg');
 @darkBG            : url('/assets/homebrewery/phb_style/img/phb_dark_bg.jpg');
 @dmgBG             : url('/assets/homebrewery/phb_style/img/dmg_bg.jpg');
+@monsterBG         : url('/assets/homebrewery/phb_style/img/monster_bg.jpg');
 

shared/homebrewery/phb_style/phb.less

@@ -147,6 +147,15 @@
 		font-size     : 0.423cm;
 		font-weight   : 900;
 	}
+
+	hr{
+		visibility       : visible;
+		height           : 6px;
+		margin           : 4px 0px;
+		background-image : @dividerImg;
+		background-size  : 100% 100%;
+		border           : none;
+	}
 	//*****************************
 	// *          TABLE
 	// *****************************/
@@ -264,7 +273,7 @@
 	}
 	//Full Width
 	hr+hr+blockquote{
-		.useColumns(0.96);
+		//.useColumns(0.96);
 	}
 	//*****************************
 	// *           FOOTER
@@ -317,17 +326,14 @@
 	//*****************************
 	// *          EXTRAS
 	// *****************************/
-	hr{
+
-		visibility : hidden;
-		margin     : 0px;
-	}
 	//Modified unorder list, used in spells
-	hr+ul{
+	// hr+ul{
-		margin-bottom   : 0.5em;
+	// 	margin-bottom   : 0.5em;
-		padding-left    : 1em;
+	// 	padding-left    : 1em;
-		text-indent     : -1em;
+	// 	text-indent     : -1em;
-		list-style-type : none;
+	// 	list-style-type : none;
-	}
+	// }
 	//Column Break
 	/*
 	pre, code{
@@ -338,20 +344,21 @@
 	}
 	*/
 	//Avoid breaking up
+	/*
 	p,blockquote,table{
 		z-index                     : 15;
 		-webkit-column-break-inside : avoid;
 		column-break-inside         : avoid;
 		overflow: hidden; /* Firefox fix */
-	}
+
 	//Better spacing for spell blocks
-	h4+p+hr+ul{
+	// h4+p+hr+ul{
-		margin-top : -0.5em
+	// 	margin-top : -0.5em
-	}
+	// }
-	//Text indent right after table
+	// //Text indent right after table
-	table+p{
+	// table+p{
-		text-indent : 1em;
+	// 	text-indent : 1em;
-	}
+	// }
 	// Nested lists
 	ul ul,ol ol,ul ol,ol ul{
 		margin-bottom : 0px;
@@ -365,6 +372,7 @@
 	//*****************************
 	// *         SPELL LIST
 	// *****************************/
+	/*
 	.spellList{
 		.useSansSerif();
 		column-count        : 4;
@@ -390,11 +398,11 @@
 	//*****************************
 	// *         PRINT
 	// *****************************/
-	&.print{
+	// &.print{
-		blockquote{
+	// 	blockquote{
-			box-shadow : none;
+	// 		box-shadow : none;
-		}
+	// 	}
-	}
+	// }
 
 	//*****************************
 	// *         WIDE
@@ -408,22 +416,22 @@
 	//*****************************
 	// *       CLASS TABLE
 	// *****************************/
-	.classTable{
+	// .classTable{
-		margin-top          : 25px;
+	// 	margin-top          : 25px;
-		margin-bottom       : 40px;
+	// 	margin-bottom       : 40px;
-		border-collapse     : separate;
+	// 	border-collapse     : separate;
-		background-color    : white;
+	// 	background-color    : white;
-		border              : initial;
+	// 	border              : initial;
-		border-style        : solid;
+	// 	border-style        : solid;
-		border-image-outset : 25px 17px;
+	// 	border-image-outset : 25px 17px;
-		border-image-repeat : round;
+	// 	border-image-repeat : round;
-		border-image-slice  : 150 200 150 200;
+	// 	border-image-slice  : 150 200 150 200;
-		border-image-source : @frameBorder;
+	// 	border-image-source : @frameBorder;
-		border-image-width  : 47px;
+	// 	border-image-width  : 47px;
-		h5{
+	// 	h5{
-			margin-bottom : 10px;
+	// 		margin-bottom : 10px;
-		}
+	// 	}
-	}
+	// }
 	//*****************************
 	// *       CLASS TABLE
 	// *****************************/
@@ -488,33 +496,33 @@
 	// *      Old Stuff
 	// *****************************/
 
-	//Double hr for full width elements
+	// //Double hr for full width elements
-	hr+hr+blockquote{
+	// hr+hr+blockquote{
-		column-span         : all;
+	// 	column-span         : all;
-		-webkit-column-span : all;
+	// 	-webkit-column-span : all;
-		-moz-column-span    : all;
+	// 	-moz-column-span    : all;
-	}
+	// }
 
 	//*****************************
 	// *      CLASS TABLE
 	// *****************************/
-	hr+table{
+	// hr+table{
-		margin-top          : -5px;
+	// 	margin-top          : -5px;
-		margin-bottom       : 50px;
+	// 	margin-bottom       : 50px;
-		padding-top         : 10px;
+	// 	padding-top         : 10px;
-		border-collapse     : separate;
+	// 	border-collapse     : separate;
-		background-color    : white;
+	// 	background-color    : white;
-		border              : initial;
+	// 	border              : initial;
-		border-style        : solid;
+	// 	border-style        : solid;
-		border-image-outset : 37px 17px;
+	// 	border-image-outset : 37px 17px;
-		border-image-repeat : round;
+	// 	border-image-repeat : round;
-		border-image-slice  : 150 200 150 200;
+	// 	border-image-slice  : 150 200 150 200;
-		border-image-source : @frameBorder;
+	// 	border-image-source : @frameBorder;
-		border-image-width  : 47px;
+	// 	border-image-width  : 47px;
-	}
+	// }
-	h5+hr+table{
+	// h5+hr+table{
-		column-span         : all;
+	// 	column-span         : all;
-		-webkit-column-span : all;
+	// 	-webkit-column-span : all;
-		-moz-column-span    : all;
+	// 	-moz-column-span    : all;
-	}
+	// }
 }

shared/homebrewery/snippets/brew/index.js

@@ -4,7 +4,8 @@ module.exports = _.merge(
 	require('./spell.snippet.js'),
 	require('./table.snippet.js'),
 	require('./classTable.snippet.js'),
-	require('./note.snippet.js')
+	require('./note.snippet.js'),
+	require('./monster.snippet.js')
 
 
 		//wide

shared/homebrewery/snippets/brew/monster.snippet.js

@@ -0,0 +1,38 @@
+const _ = require('lodash');
+const Data = require('./random.data.js');
+
+
+module.exports = {
+	monster : ()=>{
+
+		const stats = '';
+
+		return `{{monster
+## ${Data.rand('creatures')}
+*${Data.rand('sizes')}, ${Data.rand('alignments')}*
+
+---
+
+- **Armor Class** ${_.random(10,20)}
+- **Hit Points** ${_.random(1, 150)} (1d4 + 5)
+- **Speed** ${ _.random(0,50)} ft
+
+---
+
+|STR|DEX|CON|INT|WIS|CHA|
+|:---:|:---:|:---:|:---:|:---:|:---:|
+${stats}
+
+---
+
+- **Condition Immunities** " + genList(["groggy", "swagged", "weak-kneed", "buzzed", "groovy", "melancholy", "drunk"], 3),
+- **Senses** passive Perception " + _.random(3, 20),
+- **Languages** " + genList(["Common", "Pottymouth", "Gibberish", "Latin", "Jive"], 2),
+- **Challenge** " + _.random(0, 15) + " (" + _.random(10,10000)+ " XP)",
+
+
+}}`
+
+
+	}
+};

shared/homebrewery/snippets/brew/random.data.js

@@ -356,6 +356,63 @@ const Data = {
 		`Thanks to alien forces, the characters end up in the earth's past.`,
 		`Thanks to alien forces, the secondary protagonist ends up in a world after an apocalypse.`,
 		`Due to a panic attack a character has to get psychological therapy.`,
+	],
+
+
+
+	creatures : [
+		"All-devouring Baseball Imp",
+		"All-devouring Gumdrop Wraith",
+		"Chocolate Hydra",
+		"Devouring Peacock",
+		"Economy-sized Colossus of the Lemonade Stand",
+		"Ghost Pigeon",
+		"Gibbering Duck",
+		"Sparklemuffin Peacock Spider",
+		"Gum Elemental",
+		"Illiterate Construct of the Candy Store",
+		"Ineffable Chihuahua",
+		"Irritating Death Hamster",
+		"Irritating Gold Mouse",
+		"Juggernaut Snail",
+		"Juggernaut of the Sock Drawer",
+		"Koala of the Cosmos",
+		"Mad Koala of the West",
+		"Milk Djinni of the Lemonade Stand",
+		"Mind Ferret",
+		"Mystic Salt Spider",
+		"Necrotic Halitosis Angel",
+		"Pinstriped Famine Sheep",
+		"Ritalin Leech",
+		"Shocker Kangaroo",
+		"Stellar Tennis Juggernaut",
+		"Wailing Quail of the Sun",
+		"Angel Pigeon",
+		"Anime Sphinx",
+		"Bored Avalanche Sheep of the Wasteland",
+		"Devouring Nougat Sphinx of the Sock Drawer",
+		"Djinni of the Footlocker",
+		"Ectoplasmic Jazz Devil",
+		"Flatuent Angel",
+		"Gelatinous Duck of the Dream-Lands",
+		"Gelatinous Mouse",
+		"Golem of the Footlocker",
+		"Lich Wombat",
+		"Mechanical Sloth of the Past",
+		"Milkshake Succubus",
+		"Puffy Bone Peacock of the East",
+		"Rainbow Manatee",
+		"Rune Parrot",
+		"Sand Cow",
+		"Sinister Vanilla Dragon",
+		"Snail of the North",
+		"Spider of the Sewer",
+		"Stellar Sawdust Leech",
+		"Storm Anteater of Hell",
+		"Stupid Spirit of the Brewery",
+		"Time Kangaroo",
+		"Tomb Poodle"
+
 	]
 
 };