Merge pull request #2714 from 5e-Cleric/Inside-Cover-snippet

Inside Cover Snippet

client/icons/book-inside-cover.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 704.00001 512"
+   version="1.1"
+   id="svg22127"
+   sodipodi:docname="book-inside-cover.svg"
+   width="704"
+   height="512"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   inkscape:export-filename="InsideCover3.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22131" />
+  <sodipodi:namedview
+     id="namedview22129"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.47274833"
+     inkscape:cx="83.55397"
+     inkscape:cy="178.74204"
+     inkscape:window-width="1920"
+     inkscape:window-height="991"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22127" />
+  <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     id="path2161-6"
+     style="color:#000000;fill:#000000;stroke-width:1;-inkscape-stroke:none;paint-order:stroke fill markers"
+     d="M 208,0 C 147.0078,0 94.429433,14.25071 60.367188,26.66992 23.520854,39.96036 0,76.16076 0,112.95896 v 317.8321 c 0,59.8499 56.949847,92.6546 107.47266,76.6035 l -0.1543,0.049 c 26.46715,-8.335 74.84649,-18.3965 100.68164,-18.3965 17.25807,0 61.31688,10.6183 85.14453,18.8438 l 0.0508,0.018 0.0527,0.018 c 19.82627,6.5858 40.84117,4.9222 58.99804,-3.0762 18.04267,7.8799 38.84257,9.6126 58.33594,3.1328 l 0.13672,-0.045 0.13672,-0.047 c 23.88445,-8.0588 67.88646,-18.8437 85.14453,-18.8437 25.83515,0 74.22549,10.0266 100.68164,18.3964 l 0.1543,0.049 0.15625,0.049 C 647.13371,523.05316 704,490.64216 704,430.79226 v -317.8321 c 0,-36.8274 -23.49583,-72.8235 -60.00977,-86.25583 l -0.16015,-0.0606 -0.16211,-0.0566 C 609.79193,14.33005 557.11269,0.0012 496,0.0012 434.5671,0.0012 387.12553,14.01354 352,34.94261 316.87446,14.01344 269.4331,0.0012 208,0.0012 Z m 0,32.00977 c 58.3999,0 103.40004,18.89469 123,33.63279 3.3,2.4564 5,6.4246 5,10.3926 v 356.5508 c 0,10.7702 -11.70041,18.2326 -22.40039,14.6426 -26.59996,-8.9751 -71.69966,-22.2012 -105.59961,-22.2012 -38.49993,0 -88.40045,11.4317 -119.900391,21.3516 C 76.799621,449.96896 64,442.03166 64,430.78906 V 80.94726 C 64,69.51586 70.799631,58.93546 82.099609,54.87306 110.29956,44.57516 157.50009,32.00977 208,32.00977 Z m 288,0 c 50.49991,0 97.70044,12.56619 125.90039,22.76949 C 633.20037,58.93616 640,69.51586 640,80.94726 v 349.8418 c 0,11.2426 -12.79963,19.0854 -24.09961,15.5899 -31.49995,-9.9199 -81.40046,-21.3516 -119.90039,-21.3516 -33.89995,0 -78.99966,13.2261 -105.59961,22.2012 C 379.60041,450.81856 368,443.35616 368,432.58596 V 76.03516 c 0,-3.968 1.60001,-7.9362 5,-10.3926 19.59997,-14.7381 64.6001,-33.63279 123,-33.63279 z M 335.52734,45.75386 c -0.1289,0.093 -0.23137,0.2032 -0.35937,0.2969 -0.198,0.1477 -0.428,0.2796 -0.625,0.4278 z m 33.67969,0.5372 0.24805,0.1875 c -0.0427,-0.033 -0.0937,-0.061 -0.13672,-0.094 -0.0393,-0.03 -0.0713,-0.064 -0.11133,-0.094 z" />
+  <path
+     style="color:#000000;fill:#000000;fill-opacity:1;stroke-width:1;-inkscape-stroke:none"
+     d="m 206.76992,184 c -36.98368,0 -73.07301,9.2343 -94.76923,16.9066 v 185.1887 c 27.62799,-7.7405 62.70503,-15.0804 94.76923,-15.0804 28.33376,0 58.16312,7.6425 81.23077,14.806 V 203.0154 C 273.60322,195.1776 243.44241,184 206.76992,184 Z"
+     id="path4372-8"
+     sodipodi:nodetypes="sccsccs" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:63.9999;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+     d="m 255.99995,122.53007 c -31.8285,-15.342 -80.43462,-15.4137 -112,0"
+     id="path2371-6"
+     sodipodi:nodetypes="cc" />
+</svg>

client/icons/customIcons.less

@@ -40,6 +40,9 @@
 .book-front-cover {
   content: url('../icons/book-front-cover.svg');
 }
+.book-inside-cover {
+  content: url('../icons/book-inside-cover.svg');
+}
 .davek {
   content: url('../icons/Davek.svg');
 }

themes/V3/5ePHB/snippets.js

@@ -3,7 +3,7 @@
 const MagicGen           = require('./snippets/magic.gen.js');
 const ClassTableGen      = require('./snippets/classtable.gen.js');
 const MonsterBlockGen    = require('./snippets/monsterblock.gen.js');
-const scriptGen			 = require('./snippets/script.gen.js');
+const scriptGen          = require('./snippets/script.gen.js');
 const ClassFeatureGen    = require('./snippets/classfeature.gen.js');
 const CoverPageGen       = require('./snippets/coverpage.gen.js');
 const TableOfContentsGen = require('./snippets/tableOfContents.gen.js');
@@ -172,7 +172,13 @@ module.exports = [
 			{
 				name         : 'Cover Page',
 				icon         : 'fac book-front-cover',
-				gen          : CoverPageGen,
+				gen          : CoverPageGen.front,
+				experimental : true
+			},
+			{
+				name         : 'Inside Cover Page',
+				icon         : 'fac book-inside-cover',
+				gen          : CoverPageGen.inside,
 				experimental : true
 			},
 			{

themes/V3/5ePHB/snippets/coverpage.gen.js

@@ -13,7 +13,7 @@ const titles = [
 	'The Living Dead Above the Fearful Cage', 'Bahamut\'s Demonspawn',
 	'Across Gruumsh\'s Elemental Chaos',      'The Blade of Orcus',
 	'Beyond Revenge',                         'Brain of Insanity',
-	'Breed Battle!, A New Beginning',         'Evil Lake, A New Beginning',
+	'A New Beginning',                        'Evil Lake of the Merfolk',
 	'Invasion of the Gigantic Cat, Part II',  'Kraken War 2020',
 	'The Body Whisperers',                    'The Doctor from Heaven',
 	'The Diabolical Tales of the Ape-Women',  'The Doctor Immortal',
@@ -23,7 +23,7 @@ const titles = [
 	'Sky of Zelda: The Thunder of Force',     'Core Battle',
 	'Ruby of Atlantis: The Quake of Peace',   'Deadly Amazement III',
 	'Dry Chaos IX',                           'Gate Thunder',
-	'Vyse\'s Skies',                          'White Greatness III',
+	'Vyse\'s Skies',                          'Blue Greatness III',
 	'Yellow Divinity',                        'Zidane\'s Ghost'
 ];
 
@@ -68,23 +68,43 @@ const footnote = [
 	'In an amazing kingdom, in an age of sorcery and lost souls, eight space pirates quest for freedom.'
 ];
 
-module.exports = ()=>{
+module.exports = {
-	return dedent`
-  {{coverPage }}
 
-  {{logo ![](/assets/naturalCritLogo.svg)}}
+	front : function() {
+		return dedent`
+		  {{coverPage }}
 
-  # ${_.sample(titles)}
+		  {{logo ![](/assets/naturalCritLogo.svg)}}
-  ## ${_.sample(subtitles)}
-  __________
 
-  {{banner HOMEBREW}}
+		  # ${_.sample(titles)}
+		  ## ${_.sample(subtitles)}
+		  ___
 
-  {{footnote
+		  {{banner HOMEBREW}}
-    ${_.sample(footnote)}
-  }}
 
-  ![background image](https://i.imgur.com/Mqx8Vf7.png)
+		  {{footnote
+		    ${_.sample(footnote)}
+		  }}
 
-  \page`;
+		  ![background image](https://i.imgur.com/Mqx8Vf7.png)
+
+		  \page`;
+	},
+
+	inside : function() {
+		return dedent`
+			{{insideCover}}
+
+			# ${_.sample(titles)}
+			## ${_.sample(subtitles)}
+			___
+
+			{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
+			  ![](https://i.imgur.com/IsfUnFR.jpg){height:100%}
+			}}
+
+			{{logo ![](/assets/naturalCritLogo.svg)}}
+
+			\page`;
+	}
 };

themes/V3/5ePHB/style.less

@@ -686,25 +686,6 @@ h5 + table{
 	&:after {
 		all: unset;
 	}
-	.logo {
-		position   : absolute;
-		top        : 0.5cm;
-		left       : 0;
-		right      : 0;
-		filter     :drop-shadow(0 0 0.075cm black);
-		img {
-			height : 2cm;
-			width  : 100%;
-		}
-	}
-	.columnWrapper > p img {
-		position  : absolute;
-		bottom    : 0;
-		left      : 0;
-		height    : 100%;
-		min-width : 100%;
-		z-index   : -1;
-	}
 	h1 {
 		text-shadow: unset;
 		filter         : drop-shadow(0 0 1.5px black) drop-shadow(0 0 0 black)
@@ -713,7 +694,6 @@ h5 + table{
 										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
 		text-transform : uppercase;
 		font-weight    : normal;
-		display        : block;
 		margin-top     : 1.2cm;
 		margin-bottom  : 0;
 		color          : white;
@@ -781,8 +761,73 @@ h5 + table{
 		width        : 70%;
 		font-family  : Overpass;
 	}
+	.logo {
+		position   : absolute;
+		top        : 0.5cm;
+		left       : 0;
+		right      : 0;
+		filter     : drop-shadow(0 0 0.075cm black);
+		img {
+			height : 2cm;
+			width  : 100%;
+		}
+	}
+	.columnWrapper > p img {
+		position  : absolute;
+		bottom    : 0;
+		left      : 0;
+		height    : 100%;
+		min-width : 100%;
+		z-index   : -1;
+	}
+}
+//*****************************
+// *      INSIDE COVER PAGE
+// *****************************/
+.page:has(.insideCover) {
+	columns    : 1;
+	text-align : center;
+	&:after {
+		all	: unset;
+	}
+	h1 {
+		font-family		 : NodestoCapsCondensed;
+		font-weight		 : normal;
+		font-size		   : 2.1cm;
+		margin-top     : 1.2cm;
+		margin-bottom  : 0;
+		text-transform : uppercase;
+		line-height    : 0.85em;
+	}
+	h2 {
+		font-family    : NodestoCapsCondensed;
+		font-weight    : normal;
+		font-size      : 0.85cm;
+		letter-spacing : 0.5cm;
+	}
+	hr {
+		display          : block;
+		position         : relative;
+		background-image : @horizontalRule;
+		background-size  : 100% 100%;
+		visibility       : visible;
+		height           : 0.5cm;
+		width            : 12cm;
+		border           : none;
+		margin           : auto;
+	}
+	.logo {
+		position : absolute;
+		bottom   : 1cm;
+		left	   : 0;
+		right	   : 0;
+		height	 : 2cm;
+		img {
+			height : 2cm;
+			width  : 100%;
+		}
+	}
 }
-
 
 //*****************************
 // *      TABLE OF CONTENTS

themes/V3/Blank/snippets/imageMask.gen.js

@@ -4,7 +4,7 @@ const dedent = require('dedent-tabs').default;
 module.exports = {
 	center :()=>{
 		return dedent`
-			{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0;
+			{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
 			  ![](https://i.imgur.com/GZfjDWV.png){height:100%}
 			}}
 			<!-- Use --offsetX to shift the mask left or right (can use cm instead of %)

themes/assets/assets.less

@@ -13,6 +13,7 @@
 @naturalCritLogo          : url('/assets/naturalCritLogo.svg');
 @coverPageBanner          : url('/assets/coverPageBanner.svg');
 @horizontalRule           : url('/assets/horizontalRule.svg');
+@insideCoverMask          : url('/assets/insideCoverMask.png');
 @scriptBorder             : url('/assets/scriptBorder.png');
 
 // Watercolor Images