Merge branch 'master' into pr/2714

themes/Legacy/5ePHB/style.less

@@ -262,6 +262,7 @@ body {
 	//Full Width
 	hr+hr+blockquote{
 		.useColumns(0.96);
+		column-fill : balance;
 	}
 	//*****************************
 	// *           FOOTER

themes/V3/5ePHB/snippets.js

@@ -3,6 +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 ClassFeatureGen    = require('./snippets/classfeature.gen.js');
 const CoverPageGen       = require('./snippets/coverpage.gen.js');
 const InsideCoverPageGen = require('./snippets/insidecoverpage.gen.js')
@@ -239,7 +240,30 @@ module.exports = [
 				name : '1/3 Class Table (unframed)',
 				icon : 'fas fa-border-none',
 				gen  : ClassTableGen.third('classTable'),
-			}
+			},
+			{
+				name         : 'Rune Table',
+				icon         : 'fas fa-language',
+				gen          : scriptGen.dwarvish,
+				experimental : true,
+				subsnippets  : [
+					{
+						name : 'Dwarvish',
+						icon : 'fac davek',
+						gen  : scriptGen.dwarvish,
+					},
+					{
+						name : 'Elvish',
+						icon : 'fac rellanic',
+						gen  : scriptGen.elvish,
+					},
+					{
+						name : 'Draconic',
+						icon : 'fac iokharic',
+						gen  : scriptGen.draconic,
+					},
+				]
+			},
 		]
 	},
 

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

@@ -0,0 +1,48 @@
+const _ = require('lodash');
+const dedent = require('dedent-tabs').default;
+
+module.exports = {
+	dwarvish : ()=>{
+		return dedent `##### Dwarvish Runes: Sample Alphabet
+            {{runeTable,wide,frame,font-family:Davek
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            :
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            }}\n\n`;
+	},
+	elvish : ()=>{
+		return dedent `##### Elvish Runes: Sample Alphabet
+            {{runeTable,wide,frame,font-family:Rellanic
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            :
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            }}\n\n`;
+	},
+	draconic : ()=>{
+		return dedent `##### Draconic Runes: Sample Alphabet
+            {{runeTable,wide,frame,font-family:Iokharic
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | a | b | c | d | e | f | g | h | i | j | k | l | m |
+            :
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+            | n | o | p | q | r | s | t | u | v | w | x | y | z |
+            }}\n\n`;
+	}
+
+
+};
+
+
+()=>{
+
+};

themes/V3/5ePHB/style.less

@@ -253,7 +253,7 @@ body {
 		border-image-outset : 9px 0px;
 		border-image-width  : 11px;
 		padding             : 0.13cm 0.16cm;
-		filter              : drop-shadow(1px 4px 6px #888);
+		box-shadow          : 1px 4px 14px #888;
 		.page :where(&) {
 			margin-top        : 9px; //Prevent top border getting cut off on colbreak
 		}
@@ -282,7 +282,7 @@ body {
 		border-image        : @descriptiveBoxImage 12 stretch;
 		border-image-outset : 4px;
 		padding             : 0.1em;
-		filter              : drop-shadow(0 0 3px #faf7ea);
+		box-shadow          : 0 0 6px #faf7ea;
 		.page :where(&) {
 			margin-top        : 4px; //Prevent top border getting cut off on colbreak
 		}
@@ -397,7 +397,7 @@ body {
 			border-image-outset   : 0px 2px;
 			background-blend-mode : overlay;
 			background-attachment : fixed;
-			filter                : drop-shadow(1px 4px 6px #888);
+			box-shadow            : 1px 4px 14px #888;
 			padding               : 4px 2px;
 			margin-left           : -0.16cm;
 			margin-right          : -0.16cm;
@@ -687,11 +687,11 @@ h5 + table{
 		all: unset;
 	}
 	.logo {
-		position : absolute;
-		top      : 0.5cm;
-		left     : 0;
-		right    : 0;
-		filter   : drop-shadow(0 0 0.075cm black);
+		position   : absolute;
+		top        : 0.5cm;
+		left       : 0;
+		right      : 0;
+		filter     :drop-shadow(0 0 0.075cm black);
 		img {
 			height : 2cm;
 			width  : 100%;
@@ -706,11 +706,11 @@ h5 + table{
 		z-index   : -1;
 	}
 	h1 {
-		--shadow-x0    : #000 0px 0px 0.1cm;
-		--shadow-x1    : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
-		--shadow-x2    : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
-		--shadow-x3    : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
-		text-shadow    : var(--shadow-x3), var(--shadow-x3), var(--shadow-x3);
+		text-shadow: unset;
+		filter         : drop-shadow(0 0 1.5px black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
 		text-transform : uppercase;
 		font-weight    : normal;
 		display        : block;
@@ -722,11 +722,10 @@ h5 + table{
 		line-height    : 0.85em;
 	}
 	h2 {
-		--shadow-x0    : #000 0px 0px 2.5px;
-		--shadow-x1    : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
-		--shadow-x2    : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
-		--shadow-x3    : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
-		text-shadow    : var(--shadow-x3), var(--shadow-x3), var(--shadow-x3);
+		filter         : drop-shadow(0 0 1px black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+										 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
 		font-family    : NodestoCapsCondensed;
 		font-weight    : normal;
 		font-size      : 0.85cm;
@@ -746,7 +745,7 @@ h5 + table{
 		filter           : drop-shadow(0 0 3px black);
 	}
 	.banner {
-		filter           : drop-shadow(2px 2px 2px #000);
+		filter           : drop-shadow(2px 2px 2px black);
 		position         : absolute;
 		left             : 0;
 		bottom           : 4.2cm;
@@ -766,10 +765,10 @@ h5 + table{
 		padding-top      : 0.1cm;
 	}
 	.footnote {
-		--shadow-x0 : #000 0px 0px 0.05cm;
-		--shadow-x1 : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
-		--shadow-x2 : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
-		text-shadow : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
+		filter       : drop-shadow(0 0 0.7px black) drop-shadow(0 0 0 black)
+									 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+									 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
+									 drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
 		position     : absolute;
 		text-align   : center;
 		color        : white;
@@ -962,3 +961,43 @@ break-inside                : avoid;
 .page h1 + *{
 	margin-top : 0;
 }
+
+//*****************************
+// *       RUNE TABLE
+// *****************************/
+.page {
+	.runeTable {
+		margin-block: 0.7cm;
+		table {
+			font-family : inherit;
+			tbody tr {
+				background: unset;
+			}
+			th, td {
+				width: 1.3cm;
+				height: 1.3cm;
+				vertical-align: middle;
+				text-transform: uppercase;
+				outline: 1px solid #000;
+				font-weight: normal;
+			}
+			th{
+				font-family: BookInsanityRemake;
+				font-size: 0.45cm;
+			}
+			td {
+				font-size: 0.7cm;
+			}
+		}
+
+		&.frame {
+			border: initial;
+			border-style: solid;
+			border-image-outset: .45cm .35cm .4cm .4cm;
+			border-image-repeat: stretch;
+			border-image-slice: 170;
+			border-image-source: @scriptBorder;
+			border-image-width: 1.4cm;
+		}
+	}
+}

themes/V3/Blank/snippets.js

@@ -101,6 +101,12 @@ module.exports = [
 				icon : 'fas fa-fill-drip',
 				gen  : WatercolorGen,
 			},
+			{
+				name         : 'Watercolor Center',
+				icon         : 'fac mask-center',
+				gen          : ImageMaskGen.center,
+				experimental : true,
+			},
 			{
 				name         : 'Watercolor Edge',
 				icon         : 'fac mask-edge',

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

@@ -2,6 +2,16 @@ const _ = require('lodash');
 const dedent = require('dedent-tabs').default;
 
 module.exports = {
+	center :()=>{
+		return dedent`
+			{{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 %)
+			     Use --offsetY to shift the mask up or down
+			     Use --rotation to set rotation angle in degrees. -->\n\n`;
+	},
+
 	edge : (side = 'bottom')=>{
 		const rotation = {
 			'bottom' : 0,
@@ -10,10 +20,10 @@ module.exports = {
 			'right'  : 270
 		}[side];
 		return dedent`
-			{{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:${rotation}
+			{{imageMaskEdge${_.random(1, 8)},--offset:0%,--rotation:${rotation}
 			  ![](https://i.imgur.com/GZfjDWV.png){height:100%}
 			}}
-			<!-- Use --offset to shift the mask toward or away from the page center.
+			<!-- Use --offset to shift the mask away from page center (can use cm instead of %)
 			     Use --rotation to set rotation angle in degrees. -->\n\n`;
 	},
 

themes/V3/Blank/style.less

@@ -187,7 +187,6 @@ body {
 		height          : 100%;
 		font-size       : 120px;
 		text-transform	: uppercase;
-		color           : black;
 		mix-blend-mode  : overlay;
 		opacity         : 30%;
 		transform       : rotate(-45deg);
@@ -228,6 +227,7 @@ body {
 	.watercolor12 { --wc : @watercolor12; }
 
 	/* Image Masks */
+
 	[class*="imageMask"] {
 		position              : absolute;
 		height                : 200%;
@@ -288,14 +288,66 @@ body {
 		}
 	}
 
-	.imageMaskEdge1  { --wc : url(/assets/waterColorMasks/edge/0001.webp); }
-	.imageMaskEdge2  { --wc : url(/assets/waterColorMasks/edge/0002.webp); }
-	.imageMaskEdge3  { --wc : url(/assets/waterColorMasks/edge/0003.webp); }
-	.imageMaskEdge4  { --wc : url(/assets/waterColorMasks/edge/0004.webp); }
-	.imageMaskEdge5  { --wc : url(/assets/waterColorMasks/edge/0005.webp); }
-	.imageMaskEdge6  { --wc : url(/assets/waterColorMasks/edge/0006.webp); }
-	.imageMaskEdge7  { --wc : url(/assets/waterColorMasks/edge/0007.webp); }
-	.imageMaskEdge8  { --wc : url(/assets/waterColorMasks/edge/0008.webp); }
+	.imageMaskEdge {
+		&1  { --wc : url(/assets/waterColorMasks/edge/0001.webp); }
+		&2  { --wc : url(/assets/waterColorMasks/edge/0002.webp); }
+		&3  { --wc : url(/assets/waterColorMasks/edge/0003.webp); }
+		&4  { --wc : url(/assets/waterColorMasks/edge/0004.webp); }
+		&5  { --wc : url(/assets/waterColorMasks/edge/0005.webp); }
+		&6  { --wc : url(/assets/waterColorMasks/edge/0006.webp); }
+		&7  { --wc : url(/assets/waterColorMasks/edge/0007.webp); }
+		&8  { --wc : url(/assets/waterColorMasks/edge/0008.webp); }
+	}
+
+	[class*="imageMaskCenter"] {
+		width                 : 100%;
+		height                : 100%;
+		left                  : calc(var(--offsetX));
+		bottom                : calc(var(--offsetY));
+		-webkit-mask-image    : var(--wc), var(--revealer);
+		-webkit-mask-repeat   : no-repeat;
+		-webkit-mask-size     : 100% 100%; //Scale both dimensions to fit page size
+		-webkit-mask-position : 0% 0%;
+		mask-image            : var(--wc), var(--revealer);
+		mask-repeat           : no-repeat;
+		mask-size             : 100% 100%; //Scale both dimensions to fit page size
+		mask-position         : 50% 50%;
+		transform             : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
+
+		& > p:has(img) {
+			position   : absolute;
+			width      : 100%;
+			height     : 100%;
+			bottom     : 0;
+			left       : 0;
+			transform  : unset;
+			transform  : scaleX(calc(1 / var(--scaleX))) scaleY(calc(1 / var(--scaleY)))
+									 rotate(calc(-1deg * var(--rotation)))
+			             translateX(calc(-1 * var(--offsetX)))
+									 translateY(calc(1 * var(--offsetY)));
+		}
+	}
+
+	.imageMaskCenter {
+		&1  { --wc : url(/assets/waterColorMasks/center/0001.webp); }
+		&2  { --wc : url(/assets/waterColorMasks/center/0002.webp); }
+		&3  { --wc : url(/assets/waterColorMasks/center/0003.webp); }
+		&4  { --wc : url(/assets/waterColorMasks/center/0004.webp); }
+		&5  { --wc : url(/assets/waterColorMasks/center/0005.webp); }
+		&6  { --wc : url(/assets/waterColorMasks/center/0006.webp); }
+		&7  { --wc : url(/assets/waterColorMasks/center/0007.webp); }
+		&8  { --wc : url(/assets/waterColorMasks/center/0008.webp); }
+		&9  { --wc : url(/assets/waterColorMasks/center/0009.webp); }
+		&10 { --wc : url(/assets/waterColorMasks/center/0010.webp); }
+		&11 { --wc : url(/assets/waterColorMasks/center/0011.webp); }
+		&12 { --wc : url(/assets/waterColorMasks/center/0012.webp); }
+		&13 { --wc : url(/assets/waterColorMasks/center/0013.webp); }
+		&14 { --wc : url(/assets/waterColorMasks/center/0014.webp); }
+		&15 { --wc : url(/assets/waterColorMasks/center/0015.webp); }
+		&16 { --wc : url(/assets/waterColorMasks/center/0016.webp); }
+		&special { --wc : url(/assets/waterColorMasks/center/special.webp); }
+	}
+
 
 	[class*="imageMaskCorner"] {
 		height                : 200%;
@@ -310,7 +362,7 @@ body {
 		mask-repeat           : no-repeat;
 		mask-size             : 100% 100%; //Scale both dimensions to fit page size
 		mask-position         : 50% 50%;
-		transform             : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));;
+		transform             : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
 		& > p:has(img) {
 			width      : 50%;
 			height     : 50%; //Complex transform below to handle mix of % and cm offsets
@@ -322,44 +374,45 @@ body {
 									 translateY(calc(1 * var(--offsetY)));
 		}
 	}
-
-	.imageMaskCorner1  { --wc : url(/assets/waterColorMasks/corner/0001.webp); }
-	.imageMaskCorner2  { --wc : url(/assets/waterColorMasks/corner/0002.webp); }
-	.imageMaskCorner3  { --wc : url(/assets/waterColorMasks/corner/0003.webp); }
-	.imageMaskCorner4  { --wc : url(/assets/waterColorMasks/corner/0004.webp); }
-	.imageMaskCorner5  { --wc : url(/assets/waterColorMasks/corner/0005.webp); }
-	.imageMaskCorner6  { --wc : url(/assets/waterColorMasks/corner/0006.webp); }
-	.imageMaskCorner7  { --wc : url(/assets/waterColorMasks/corner/0007.webp); }
-	.imageMaskCorner8  { --wc : url(/assets/waterColorMasks/corner/0008.webp); }
-	.imageMaskCorner9  { --wc : url(/assets/waterColorMasks/corner/0009.webp); }
-	.imageMaskCorner10 { --wc : url(/assets/waterColorMasks/corner/0010.webp); }
-	.imageMaskCorner11 { --wc : url(/assets/waterColorMasks/corner/0011.webp); }
-	.imageMaskCorner12 { --wc : url(/assets/waterColorMasks/corner/0012.webp); }
-	.imageMaskCorner13 { --wc : url(/assets/waterColorMasks/corner/0013.webp); }
-	.imageMaskCorner14 { --wc : url(/assets/waterColorMasks/corner/0014.webp); }
-	.imageMaskCorner15 { --wc : url(/assets/waterColorMasks/corner/0015.webp); }
-	.imageMaskCorner16 { --wc : url(/assets/waterColorMasks/corner/0016.webp); }
-	.imageMaskCorner17 { --wc : url(/assets/waterColorMasks/corner/0017.webp); }
-	.imageMaskCorner18 { --wc : url(/assets/waterColorMasks/corner/0018.webp); }
-	.imageMaskCorner19 { --wc : url(/assets/waterColorMasks/corner/0019.webp); }
-	.imageMaskCorner20 { --wc : url(/assets/waterColorMasks/corner/0020.webp); }
-	.imageMaskCorner21 { --wc : url(/assets/waterColorMasks/corner/0021.webp); }
-	.imageMaskCorner22 { --wc : url(/assets/waterColorMasks/corner/0022.webp); }
-	.imageMaskCorner23 { --wc : url(/assets/waterColorMasks/corner/0023.webp); }
-	.imageMaskCorner24 { --wc : url(/assets/waterColorMasks/corner/0024.webp); }
-	.imageMaskCorner25 { --wc : url(/assets/waterColorMasks/corner/0025.webp); }
-	.imageMaskCorner26 { --wc : url(/assets/waterColorMasks/corner/0026.webp); }
-	.imageMaskCorner27 { --wc : url(/assets/waterColorMasks/corner/0027.webp); }
-	.imageMaskCorner28 { --wc : url(/assets/waterColorMasks/corner/0028.webp); }
-	.imageMaskCorner29 { --wc : url(/assets/waterColorMasks/corner/0029.webp); }
-	.imageMaskCorner30 { --wc : url(/assets/waterColorMasks/corner/0030.webp); }
-	.imageMaskCorner31 { --wc : url(/assets/waterColorMasks/corner/0031.webp); }
-	.imageMaskCorner32 { --wc : url(/assets/waterColorMasks/corner/0032.webp); }
-	.imageMaskCorner33 { --wc : url(/assets/waterColorMasks/corner/0033.webp); }
-	.imageMaskCorner34 { --wc : url(/assets/waterColorMasks/corner/0034.webp); }
-	.imageMaskCorner35 { --wc : url(/assets/waterColorMasks/corner/0035.webp); }
-	.imageMaskCorner36 { --wc : url(/assets/waterColorMasks/corner/0036.webp); }
-	.imageMaskCorner37 { --wc : url(/assets/waterColorMasks/corner/0037.webp); }
+	.imageMaskCorner {
+		&1  { --wc : url(/assets/waterColorMasks/corner/0001.webp); }
+		&2  { --wc : url(/assets/waterColorMasks/corner/0002.webp); }
+		&3  { --wc : url(/assets/waterColorMasks/corner/0003.webp); }
+		&4  { --wc : url(/assets/waterColorMasks/corner/0004.webp); }
+		&5  { --wc : url(/assets/waterColorMasks/corner/0005.webp); }
+		&6  { --wc : url(/assets/waterColorMasks/corner/0006.webp); }
+		&7  { --wc : url(/assets/waterColorMasks/corner/0007.webp); }
+		&8  { --wc : url(/assets/waterColorMasks/corner/0008.webp); }
+		&9  { --wc : url(/assets/waterColorMasks/corner/0009.webp); }
+		&10 { --wc : url(/assets/waterColorMasks/corner/0010.webp); }
+		&11 { --wc : url(/assets/waterColorMasks/corner/0011.webp); }
+		&12 { --wc : url(/assets/waterColorMasks/corner/0012.webp); }
+		&13 { --wc : url(/assets/waterColorMasks/corner/0013.webp); }
+		&14 { --wc : url(/assets/waterColorMasks/corner/0014.webp); }
+		&15 { --wc : url(/assets/waterColorMasks/corner/0015.webp); }
+		&16 { --wc : url(/assets/waterColorMasks/corner/0016.webp); }
+		&17 { --wc : url(/assets/waterColorMasks/corner/0017.webp); }
+		&18 { --wc : url(/assets/waterColorMasks/corner/0018.webp); }
+		&19 { --wc : url(/assets/waterColorMasks/corner/0019.webp); }
+		&20 { --wc : url(/assets/waterColorMasks/corner/0020.webp); }
+		&21 { --wc : url(/assets/waterColorMasks/corner/0021.webp); }
+		&22 { --wc : url(/assets/waterColorMasks/corner/0022.webp); }
+		&23 { --wc : url(/assets/waterColorMasks/corner/0023.webp); }
+		&24 { --wc : url(/assets/waterColorMasks/corner/0024.webp); }
+		&25 { --wc : url(/assets/waterColorMasks/corner/0025.webp); }
+		&26 { --wc : url(/assets/waterColorMasks/corner/0026.webp); }
+		&27 { --wc : url(/assets/waterColorMasks/corner/0027.webp); }
+		&28 { --wc : url(/assets/waterColorMasks/corner/0028.webp); }
+		&29 { --wc : url(/assets/waterColorMasks/corner/0029.webp); }
+		&30 { --wc : url(/assets/waterColorMasks/corner/0030.webp); }
+		&31 { --wc : url(/assets/waterColorMasks/corner/0031.webp); }
+		&32 { --wc : url(/assets/waterColorMasks/corner/0032.webp); }
+		&33 { --wc : url(/assets/waterColorMasks/corner/0033.webp); }
+		&34 { --wc : url(/assets/waterColorMasks/corner/0034.webp); }
+		&35 { --wc : url(/assets/waterColorMasks/corner/0035.webp); }
+		&36 { --wc : url(/assets/waterColorMasks/corner/0036.webp); }
+		&37 { --wc : url(/assets/waterColorMasks/corner/0037.webp); }
+	}
 }
 
 //*****************************

themes/assets/assets.less

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

themes/fonts/5e/fonts.less

@@ -113,3 +113,23 @@
 	font-weight: 500;
 	font-style: normal;
 }
+
+@font-face {
+	font-family: Davek;
+	src: url('../../../fonts/5e/Davek.woff2');
+	font-weight: 500;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Iokharic;
+	src: url('../../../fonts/5e/Iokharic.woff2');
+	font-weight: 500;
+	font-style: normal;
+}
+@font-face {
+	font-family: Rellanic;
+	src: url('../../../fonts/5e/Rellanic.woff2');
+	font-weight: 500;
+	font-style: normal;
+}