Merge branch 'master' into pr/2654

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 PartCoverPageGen   = require('./snippets/partcoverpage.gen.js');
@@ -171,9 +171,15 @@ module.exports = [
 				gen  : MonsterBlockGen.monster('monster,frame,wide', 4),
 			},
 			{
-				name         : 'Cover Page',
+				name         : 'Front 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 = ()=>{
-	return dedent`
-  {{coverPage }}
+module.exports = {
 
-  {{logo ![](/assets/naturalCritLogo.svg)}}
+	front : function() {
+		return dedent`
+		  {{frontCover}}
 
-  # ${_.sample(titles)}
-  ## ${_.sample(subtitles)}
-  __________
+		  {{logo ![](/assets/naturalCritLogo.svg)}}
 
-  {{banner HOMEBREW}}
+		  # ${_.sample(titles)}
+		  ## ${_.sample(subtitles)}
+		  ___
 
-  {{footnote
-    ${_.sample(footnote)}
-  }}
+		  {{banner HOMEBREW}}
 
-  ![background image](https://i.imgur.com/Mqx8Vf7.png)
+		  {{footnote
+		    ${_.sample(footnote)}
+		  }}
 
-  \page`;
+		  ![background image](https://i.imgur.com/IwHRrbF.jpg){position:absolute,bottom:0,left:0,height:100%}
+
+		  \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/Blank/snippets/imageMask.gen.js

@@ -2,9 +2,9 @@ const _ = require('lodash');
 const dedent = require('dedent-tabs').default;
 
 module.exports = {
-	center :()=>{
+	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/V3/Blank/style.less

@@ -23,6 +23,9 @@ body {
 		break-inside      : avoid;
 		display           : inline-block;
 		width             : 100%;
+		img {
+			z-index : 0;
+		}
 	}
 	.inline-block {
 		display     : inline-block;
@@ -251,7 +254,6 @@ body {
 		background-size       : 20px;
 		z-index               : -1;
 		transform             : translateY(50%) translateX(-50%) rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
-		transition            : transform 2s;
 		& > p:has(img) {
 			position   : absolute;
 			width      : 50%;
@@ -259,7 +261,6 @@ body {
 			bottom     : 50%;
 			left       : 50%;
 			transform  : translateX(-50%) translateY(50%) rotate(calc(-1deg * var(--rotation))) scaleX(calc(1 / var(--scaleX))) scaleY(calc(1 / var(--scaleY)));
-			transition : transform 2s;
 		}
 		& img {
 			position : absolute;

themes/assets/assets.less

@@ -15,6 +15,7 @@
 @horizontalRule           : url('/assets/horizontalRule.svg');
 @partCoverHeaderPHB       : url('/assets/partCoverHeaderPHB.png');
 @partCoverHeaderDMG       : url('/assets/partCoverHeaderDMG.svg');
+@insideCoverMask          : url('/assets/insideCoverMask.png');
 @scriptBorder             : url('/assets/scriptBorder.png');
 
 // Watercolor Images