Merge branch 'cover-snippet' of https://github.com/5e-Cleric/homebrewery into pr/2649

client/icons/customIcons.less

@@ -13,3 +13,6 @@
 .position-bottom-right {
   content: url('../icons/position-bottom-right.svg');
 }
+.fa-file-c {
+  content: url('../icons/fa-file-c.svg');
+}

client/icons/fa-file-c.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 610.4 816.5" style="enable-background:new 0 0 610.4 816.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:20;stroke-miterlimit:10;}
+</style>
+<title>fa-file-c</title>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<g id="page">
+			<path id="page-2" d="M610.3,468.3c0,77.3,0.2,154.5,0,231.8s-39.8,116.5-116.8,116.4c-127.6,0-255.1,0-382.7,0
+				c-68.1,0-110.5-41.7-110.6-109.8c-0.2-197.7-0.2-395.5,0-593.2c0-68.4,43.2-110.9,112.1-111c90-0.1,180,0.2,270-0.2
+				c12.8,0,21.5,0.6,32.9,4c17.1,5,152.7,150.7,190.7,188.8c-0.7,18-6,5.7,1.4,35.1c0,6.8,3.1,11.2,3.1,18.1
+				C610.2,320.8,610.3,395.7,610.3,468.3z"/>
+			<path id="white_corner" class="st0" d="M364.1,0v200c0,9.3,1.7,25.6,13.1,36.8c12,11.7,28.8,12.1,37.5,12.2
+				c119.8,1.3,195.6,0.4,195.6,0.4l0,0l-0.3-54.3l-197,1l3-192L364.1,0z"/>
+		</g>
+		<path class="st1" d="M317.7,719.8c-38.3,0-71-8.1-98.3-24.3c-27.2-16.2-48.1-39.2-62.7-69C142.3,596.8,135,561.2,135,520
+			c0-30.9,4.1-58.6,12.4-83.1c8.3-24.5,20.2-45.3,35.9-62.4c15.6-17.1,34.9-30.4,57.7-39.8s48.4-14.1,76.7-14.1
+			c22.1-0.1,44,3.1,65.1,9.7c20.6,6.4,38.4,15.9,53.5,28.4c4.8,3.7,8,7.8,9.7,12.4c1.6,4.2,1.8,8.9,0.6,13.2
+			c-1.2,4.1-3.5,7.7-6.6,10.5c-3.1,2.8-7.2,4.2-11.3,4.1c-4.4,0-9.4-1.8-14.9-5.5c-13-10.5-27.7-18.6-43.6-23.7
+			c-16.6-5.3-33.9-7.9-51.3-7.7c-29.1,0-53.7,6.2-74,18.5s-35.5,30.3-45.8,53.8c-10.3,23.6-15.4,52.1-15.4,85.5s5.1,62.1,15.4,85.9
+			c10.3,23.7,25.6,41.8,45.8,54.1c20.2,12.3,44.9,18.5,74,18.5c17.4,0.1,34.8-2.6,51.3-8c16.2-5.3,31.3-13.5,44.7-24
+			c5.5-3.7,10.5-5.4,14.9-5.3c4,0.1,7.9,1.5,11,4.1c3,2.7,5.2,6.1,6.4,9.9c1.3,4.1,1.3,8.6,0,12.7c-1.3,4.4-4.1,8.3-8.6,11.6
+			c-15.5,13.3-33.6,23.3-54.4,30.1C362.7,716.6,340.3,720,317.7,719.8z"/>
+	</g>
+</g>
+</svg>

themes/V3/5ePHB/snippets.js

@@ -170,7 +170,7 @@ module.exports = [
 			},
 			{
 				name : 'Cover Page',
-				icon : 'fas fa-file-word',
+				icon : 'fac fa-file-c',
 				gen  : CoverPageGen,
 			},
 			{

themes/V3/5ePHB/style.less

@@ -1,7 +1,8 @@
-@import (less) './themes/fonts/5e/fonts.less';
+@layer V3_5ePHB {
-@import (less) './themes/assets/assets.less';
+	@import (less) './themes/fonts/5e/fonts.less';
+	@import (less) './themes/assets/assets.less';
 
-:root {
+	:root {
 		//Colors
 		--HB_Color_Background            : #EEE5CE; // Light parchment
 		--HB_Color_Accent                : #E0E5C1; // Pastel green
@@ -12,16 +13,16 @@
 		--HB_Color_CaptionText           : #766649; // Brown
 		--HB_Color_WatercolorStain       : #BBAD82; // Light brown
 		--HB_Color_Footnotes             : #C9AD6A; // Gold
-}
+	}
 
-@page { margin: 0; }
+	@page { margin: 0; }
-body {
+	body {
 		counter-reset : phb-page-numbers;
-}
+	}
-*{
+	*{
 		-webkit-print-color-adjust : exact;
-}
+	}
-.useSansSerif(){
+	.useSansSerif(){
 		font-family : ScalySansRemake;
 		font-size   : 0.318cm;
 		line-height : 1.2em;
@@ -41,8 +42,8 @@ body {
 		h5 + * {
 			margin-top : 0.1cm;
 		}
-}
+	}
-.useColumns(@multiplier : 1, @fillMode: balance){
+	.useColumns(@multiplier : 1, @fillMode: balance){
 		column-count         : 2;
 		column-fill          : @fillMode;
 		column-gap           : 0.9cm;
@@ -53,14 +54,14 @@ body {
 		-moz-column-width    : 8cm * @multiplier;
 		-webkit-column-gap   : 0.9cm;
 		-moz-column-gap      : 0.9cm;
-}
+	}
-.columnWrapper{
+	.columnWrapper{
 		max-height        : 100%;
 		column-span       : all;
 		columns           : inherit;
 		column-gap        : inherit;
-}
+	}
-.page{
+	.page{
 		.useColumns();
 		counter-increment : phb-page-numbers;
 		position          : relative;
@@ -77,12 +78,12 @@ body {
 		text-rendering    : optimizeLegibility;
 		page-break-before : always;
 		page-break-after  : always;
-}
+	}
 		//*****************************
 		// *            BASE
 		// *****************************/
 
-.page{
+	.page{
 		p{
 			overflow-wrap : break-word;		//TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
 			display       : block;
@@ -592,11 +593,11 @@ body {
 			page-break-inside           : avoid;
 			break-inside                : avoid;
 		}
-}
+	}
-//*****************************
+	//*****************************
-// *         SPELL LIST
+	// *         SPELL LIST
-// *****************************/
+	// *****************************/
-.page .spellList{
+	.page .spellList{
 		.useSansSerif();
 		column-count        : 2;
 		ul+h5{
@@ -618,7 +619,7 @@ body {
 		&.wide{
 			column-count : 4;
 		}
-}
+	}
 
 //*****************************
 // *       CLASS TABLE
@@ -688,7 +689,7 @@ body {
 	.coverPage {
 		position: absolute;
 		inset: 0;
-		padding: 90px 0px;
+		padding: 125px 0px;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
@@ -705,17 +706,17 @@ body {
 			min-width: 100%;
 		}
 		&:before {
-			background-image: @coverPageLogo;
+			background-image: @homebreweryLogo;
 			background-position: center;
-			background-size: 60px;
+			background-size: 75px;
 			background-repeat: no-repeat;
 			position: absolute;
 			top: 15px;
 			content: '';
 			display: block;
-			height: 70px;
+			height: 90px;
 			width: 100%;
-			filter: drop-shadow(0 0 10px black);
+			filter: drop-shadow(0 0 5px black);
 		}
 		h1 {
 			--shadow-x0: #000 0px 0px 3.5px;
@@ -737,13 +738,14 @@ body {
 		hr {
 			position: relative;
 			top: -16px;
-			background-image: @coverPageHorizontalRule;
+			background-image: @horizontalRule;
 			background-size: 100% 100%;
 			visibility: visible;
 			height: 64px;
 			width: 450px;
 			border: none;
 			margin: 2px auto -24px;
+			filter: drop-shadow(0 0 5px black);
 		}
 		h2 {
 			--shadow-x0: #000 0px 0px 2.5px;
@@ -883,10 +885,10 @@ body {
 	}
 }
 
-//*****************************
+	//*****************************
-// *    DEFINITION LISTS
+	// *    DEFINITION LISTS
-// *****************************/
+	// *****************************/
-.page {
+	.page {
 		dl {
 			line-height  : 1.25em;
 			padding-left : 1em;
@@ -911,15 +913,16 @@ body {
 			margin-left : 0px;
 			text-indent : 0px;
 	  }
-}
+	}
 
-//*****************************
+	//*****************************
-// *         WIDE
+	// *         WIDE
-// *****************************/
+	// *****************************/
-.page .wide{
+	.page .wide{
 		margin-bottom       : 0.325cm;
-}
+	}
 
-.page h1 + *{
+	.page h1 + *{
 		margin-top : 0;
+	}
 }

themes/assets/assets.less

@@ -10,9 +10,9 @@
 @monsterBorderImage       : url('/assets/monsterBorderFancy.png');
 @codeBorderImage          : url('/assets/codeBorder.png');
 @classTableDecoration     : url('/assets/classTableDecoration.png');
-@coverPageLogo            : url('/assets/coverPageLogo.png');
+@homebreweryLogo          : url('/assets/homebreweryLogo.svg');
-@coverPageBanner          : url('/assets/coverPageBanner.png');
+@coverPageBanner          : url('/assets/coverPageBanner.svg');
-@coverPageHorizontalRule  : url('/assets/coverPageHorizontalRule.png');
+@horizontalRule           : url('/assets/horizontalRule.svg');
 
 // Watercolor Images
 @watercolor1  : url('/assets/watercolor/watercolor1.png');

themes/assets/coverPageBanner.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 970.25 154.67"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="banner"><path id="mainShape" class="cls-1" d="M0,154.67V6.42l188.38,0s137.26,9.45,141.43,9.79c0,.14-96.52,6.76-96.52,6.76l47.09,2.24,39.48-3.05L479.43,34s-36.75,2.68-50.19,3.71c0,.29,178.19,14.48,178.19,14.48s34-3.95,34-4.24c-22.33-1.59-74.72-5.66-74.72-5.66l94-6.19s33.14,2.2,46.39,3.18c12.39.92,40.61,2.82,40.61,2.82l-24.34,2.07,35.24,3,47.36-3.62L762.5,40.26l95-6.94s84.83,6.11,96.45,7c0,.06-65.05,4.32-92.07,6.19-.29,0,39.6,3.57,54.16,4.73,0,.19-108.33,6.75-159.44,10.21,40.47,4.1,86.29,8.6,126,12.62,0,.15-41,4.34-58.14,6.16,0,.21,65.56,5.15,93.67,7.41-.2,0-41.27,2.79-56.81,4,0,.23,44.76,3.66,62.76,5.09,0,.11-103.55,7.17-150.95,10.53,0,.25,47.29,3.67,66.36,5.19,0,.1-62.19,4.45-89.84,6.47,0,.27,10.77,2.61,10.77,2.61L532.16,139.22,459.29,134l44.38-3.57L434.1,125l-58.43,4.31,59.76,4.36-123.38,11,44.19,3.14S337.9,149.34,330,150c-9.83.77-59.3,4.72-59.3,4.72Z"/><polygon id="diamondF" class="cls-1" points="552.6 154.33 469.43 147.19 550.72 142.21 633.24 148.52 552.6 154.33"/><polygon id="diamondE" class="cls-1" points="631.14 140.38 741.62 130.66 782.71 133.62 755.63 135.82 812.67 140.14 722.1 146.81 631.14 140.38"/><polygon id="diamondD" class="cls-1" points="812.57 62.87 892.92 57.13 970.25 63.1 894.05 68.76 812.57 62.87"/><path id="diamondC" class="cls-1" d="M480.21,29.59c4.21-.38,71.22-4.68,71.22-4.68l67.15,4.94-68.22,4.87S480.22,29.68,480.21,29.59Z"/><polygon id="diamondB" class="cls-1" points="450.19 23.52 344.58 16.3 449.17 8.62 556.38 16.36 450.19 23.52"/><polygon id="diamondA" class="cls-1" points="297.87 0 350.13 3.9 296.54 7.79 241.43 3.9 297.87 0"/></g></g></svg>

themes/assets/homebreweryLogo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 744.84 813.62"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Cauldron"><path id="cauldronHole" class="cls-1" d="M185.29,221.31c0,18.17,83.8,32.92,187.14,32.92s187.15-14.74,187.15-32.92c0-10.67-29.12-20.17-74.08-26.2a73.57,73.57,0,0,1-122.74-6.68C264,189.34,185.29,203.7,185.29,221.31Z"/><path id="cauldron-2" data-name="cauldron" class="cls-1" d="M744.84,494a370.24,370.24,0,0,0-77.62-227.1c10.54-13.33,13.44-26.41,13.44-36.73,0-62.65-97.64-89.18-183.59-100.38a74,74,0,0,1,3.42,21.11c0,.86-.21,1.62-.27,2.48h0a73,73,0,0,1-4.57,23.15c86.79,12.21,138.27,35.77,138.27,53.65,0,25.2-101.86,61.82-261.5,61.82s-261.5-36.62-261.5-61.82c0-24.22,94.39-58.92,243.59-61.55a82.67,82.67,0,0,1-1.91-11.66h.17c-.17-2-.6-4-.6-6.06a73.91,73.91,0,0,1,6-29.14c-64.69,1.22-294,12.38-294,108.41,0,10.32,2.9,23.4,13.44,36.73A370.22,370.22,0,0,0,0,494C0,604,49.43,685.6,140,733.33c-8.6,30-13.26,67.24,10.59,78,25,11.23,51.12-20.38,67.77-47.7,45.08,12,96.54,18.33,154,18.33s108.91-6.3,154-18.32c16.68,27.31,42.82,58.9,67.78,47.69,23.86-10.7,19.19-48,10.61-77.94C695.41,685.59,744.84,604,744.84,494ZM614.41,277.09c51.75,57.62,83.68,133.42,83.68,216.81,0,199.37-177.09,241.2-325.66,241.2S46.77,693.27,46.77,493.9c0-83.39,31.93-159.16,83.69-216.84,53,25.19,147.74,38.2,242,38.2S561.41,302.24,614.41,277.09Z"/><path id="bigBubble" class="cls-1" d="M426.32,200.67a49.86,49.86,0,1,0-49.85-49.87A49.86,49.86,0,0,0,426.32,200.67Z"/><circle id="mediumBubble" class="cls-1" cx="543.08" cy="74.06" r="34.26"/><circle id="smallBubble" class="cls-1" cx="445.02" cy="26.02" r="26.02"/></g></g></svg>

themes/assets/horizontalRule.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 762.29 18.4"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="horizontalRule"><path id="mainShape" class="cls-1" d="M0,9.06S406.1,0,381.53,0,762.29,8.7,762.29,8.7s-350.49,10-381.53,9.69S0,9.06,0,9.06Z"/></g></g></svg>