Split off the old stlying in a separate file

client/homebrew/phbStyle/phb.depricated.less

@@ -1,31 +1,33 @@
-.phb{
-	//Double hr for full width elements
-	hr+hr+blockquote{
-		column-span         : all;
-		-webkit-column-span : all;
-		-moz-column-span    : all;
-	}
+.brewRendererOld {
+	.phb_old{
+		//Double hr for full width elements
+		hr+hr+blockquote{
+			column-span         : all;
+			-webkit-column-span : all;
+			-moz-column-span    : all;
+		}
 
-	//*****************************
-	// *      CLASS TABLE
-	// *****************************/
-	hr+table{
-		margin-top          : -5px;
-		margin-bottom       : 50px;
-		padding-top         : 10px;
-		border-collapse     : separate;
-		background-color    : white;
-		border              : initial;
-		border-style        : solid;
-		border-image-outset : 37px 17px;
-		border-image-repeat : round;
-		border-image-slice  : 150 200 150 200;
-		border-image-source : @frameBorderImage;
-		border-image-width  : 47px;
-	}
-	h5+hr+table{
-		column-span         : all;
-		-webkit-column-span : all;
-		-moz-column-span    : all;
+		//*****************************
+		// *      CLASS TABLE
+		// *****************************/
+		hr+table{
+			margin-top          : -5px;
+			margin-bottom       : 50px;
+			padding-top         : 10px;
+			border-collapse     : separate;
+			background-color    : white;
+			border              : initial;
+			border-style        : solid;
+			border-image-outset : 37px 17px;
+			border-image-repeat : round;
+			border-image-slice  : 150 200 150 200;
+			border-image-source : @frameBorderImage;
+			border-image-width  : 47px;
+		}
+		h5+hr+table{
+			column-span         : all;
+			-webkit-column-span : all;
+			-moz-column-span    : all;
+		}
 	}
 }

client/homebrew/phbStyle/phb.style.less

@@ -13,8 +13,9 @@
 
 @page { margin: 0; }
 
-body {
-	counter-reset : old-phb-page-numbers;
+//TODO: Change
+.brewRenderer {
+	counter-reset : phb-page-numbers;
 }
 .useSansSerif(){
 	font-family : ScalySans;
@@ -45,7 +46,7 @@ body {
 		-webkit-print-color-adjust : exact;
 	}
 	.useColumns();
-	counter-increment : old-phb-page-numbers;
+	counter-increment : phb-page-numbers;
 	position          : relative;
 	z-index           : 15;
 	box-sizing        : border-box;
@@ -61,6 +62,7 @@ body {
 	text-rendering    : optimizeLegibility;
 	page-break-before : always;
 	page-break-after  : always;
+	color : red;
 	//*****************************
 	// *            BASE
 	// *****************************/
@@ -301,7 +303,7 @@ body {
 		color      : #c9ad6a;
 		text-align : center;
 		&.auto::after {
-			content : counter(old-phb-page-numbers);
+			content : counter(phb-page-numbers);
 		}
 	}
 	.footnote{

client/template.js

@@ -6,6 +6,8 @@ module.exports = function(vitreum){
 		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 		<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
 		<link rel="icon" href="/assets/homebrew/favicon.ico" type="image/x-icon" />
+
+		<link href="/assets/depricated/phb.old.css" rel="stylesheet" />
 		<title>The Homebrewery - NaturalCrit</title>
 		${vitreum.head}
 	</head>

scripts/project.json

@@ -1,5 +1,5 @@
 {
-	"assets": ["*.png","*.otf", "*.ico"],
+	"assets": ["*.png","*.otf", "*.ico", "phb.old.css"],
 	"shared":[
 	],
 	"libs" : [

shared/depricated/brewRendererOld/brewRendererOld.jsx

@@ -106,7 +106,7 @@ const OLD_BrewRenderer = React.createClass({
 	},
 
 	renderPage : function(pageText, index){
-		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb_old' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
 	},
 
 	renderPages : function(){

shared/depricated/brewRendererOld/brewRendererOld.less

@@ -1,6 +1,4 @@
 
-@import (less) './client/homebrew/phbStyle/phb.style.less';
-//@import (less) './shared/depricated/phb.old.css';
 .pane{
 	position : relative;
 }
@@ -30,7 +28,7 @@
 	}
 	.pages{
 		margin : 30px 0px;
-		&>.phb{
+		&>.phb_old{
 			margin-right  : auto;
 			margin-bottom : 30px;
 			margin-left   : auto;

statics/oldTest.brew.md

@@ -1 +1,44 @@
-# Old test!
+# Old test!
+
+#### Create Acne
+*5th-level illusion*
+___
+- **Casting Time:** 1 action
+- **Range:** 60 feet
+- **Components:** V, M (a crushed button worth at least 1cp, a small doll, discarded gum wrapper)
+- **Duration:** Instantaneous
+
+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.
+
+<div class='classTable'>
+##### The Archivist
+| Level | Proficiency Bonus | Features | Statistical Occultism|
+|:---:|:---:|:---|:---:|
+| 1st | +2 | Astrological Botany | +1 |
+| 2nd | +2 | Genetic Banishing | +1 |
+| 3rd | +2 | Genetic Banishing | +2 |
+| 4th | +2 | Ability Score Improvement, Statistical Occultism | +3 |
+| 5th | +3 | Demonic Anthropology | +4 |
+| 6th | +3 | Ability Score Improvement | +5 |
+| 7th | +3 | Astrological Chemistry | +5 |
+| 8th | +3 | Ability Score Improvement, Plasma Outlaw | +6 |
+| 9th | +4 | Consecrated Biochemistry | +7 |
+| 10th | +4 | Statistical Occultism | +8 |
+| 11th | +4 | Ritual Astronomy | +8 |
+| 12th | +4 | Ability Score Improvement | +8 |
+| 13th | +5 | Astrological Botany | +9 |
+| 14th | +5 | Ability Score Improvement | +10 |
+| 15th | +5 | Divinatory Mineralogy | +10 |
+| 16th | +5 | Ability Score Improvement, Gunpowder Torturer | +10 |
+| 17th | +6 | ─ | +11 |
+| 18th | +6 | Infernal Banker | +11 |
+| 19th | +6 | Ability Score Improvement | +12 |
+| 20th | +6 | Infernal Banker | +12 |
+</div>
+
+
+\page
+
+yo oy oyoyoyo