diff --git a/client/homebrew/editor/snippetbar/snippets/snippets.js b/client/homebrew/editor/snippetbar/snippets/snippets.js
index b30a96e7c..76e444bdd 100644
--- a/client/homebrew/editor/snippetbar/snippets/snippets.js
+++ b/client/homebrew/editor/snippetbar/snippets/snippets.js
@@ -51,13 +51,23 @@ module.exports = [
name : 'Image',
icon : 'fas fa-image',
gen : dedent`
-  {width:325px}
- Credit: Kyounghwan Kim`
+  {width:325px,mix-blend-mode:multiply}
+
+ {{artist,position:relative,top:-230px,left:-100px,margin-bottom:-30px
+ ##### Cat Warrior
+ [Kyoung Hwan Kim](https://www.artstation.com/tahra)
+ }}`
},
{
name : 'Background Image',
icon : 'fas fa-tree',
- gen : ` {position:absolute,top:50px,right:30px,width:280px}`
+ gen : dedent`
+  {position:absolute,top:50px,right:30px,width:280px}
+
+ {{artist,top:90px,right:30px
+ ##### Homebrew Mug
+ [naturalcrit](https://homebrew.naturalcrit.com)
+ }}`
},
{
name : 'QR Code',
@@ -198,6 +208,18 @@ module.exports = [
icon : 'fas fa-hat-wizard',
gen : MagicGen.item,
},
+ {
+ name : 'Artist Credit',
+ icon : 'fas fa-signature',
+ gen : function(){
+ return dedent`
+ {{artist,top:90px,right:30px
+ ##### Starry Night
+ [Van Gogh](https://www.vangoghmuseum.nl/en)
+ }}
+ \n`;
+ },
+ },
]
},
diff --git a/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js b/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
index 3ce871d91..69f8e1597 100644
--- a/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
+++ b/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
@@ -171,6 +171,14 @@ module.exports = [
icon : 'far fa-file-word',
gen : CoverPageGen,
},
+ {
+ name : 'Artist Credit',
+ icon : 'fas fa-signature',
+ gen : '
\n' +
+ '##### Starry Night\n' +
+ '[Van Gogh](https://www.vangoghmuseum.nl/en)\n' +
+ '
\n'
+ },
]
},
diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index 9e56a7009..613d66efa 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -2,12 +2,13 @@
@import (less) './themes/assets/assets.less';
//Colors
-@background : #EEE5CE;
-@noteGreen : #e0e5c1;
-@headerUnderline : #c9ad6a;
-@horizontalRule : #9c2b1b;
-@headerText : #58180D;
-@monsterStatBackground : #EEDBAB;
+@background : #EEE5CE; // Light parchment
+@noteGreen : #e0e5c1; // Pastel green
+@headerUnderline : #c9ad6a; // Gold
+@horizontalRule : #9c2b1b; // Maroon
+@headerText : #58180D; // Dark maroon
+@monsterStatBackground : #EEDBAB; // Light orange parchment
+@captionText : #766649; // Brown
@page { margin: 0; }
body {
counter-reset : phb-page-numbers;
@@ -263,6 +264,33 @@ body {
margin-bottom : 0em;
}
}
+ //*****************************
+ // * ARTIST CREDIT BLOCK
+ // *****************************/
+ .artist {
+ position : absolute;
+ text-align : center;
+ font-family : WalterTurncoat;
+ font-size : 0.27cm;
+ color : @captionText;
+ p, p + p {
+ margin : unset;
+ text-indent : unset;
+ line-height : 1em;
+ }
+ h5 {
+ font-size : 1.3em;
+ font-family : WalterTurncoat;
+ }
+ a{
+ color : @captionText;
+ text-decoration : unset;
+ &:hover {
+ text-decoration :underline;
+ }
+ }
+ }
+
//*****************************
// * MONSTER STAT BLOCK
// *****************************/
diff --git a/themes/5ePhbLegacy.style.less b/themes/5ePhbLegacy.style.less
index 0f1cae7ec..17e11260a 100644
--- a/themes/5ePhbLegacy.style.less
+++ b/themes/5ePhbLegacy.style.less
@@ -2,12 +2,13 @@
@import (less) './themes/assets/assets.less';
@import (less) './themes/phb.depricated.less';
//Colors
-@background : #EEE5CE;
-@noteGreen : #e0e5c1;
-@headerUnderline : #c9ad6a;
-@horizontalRule : #9c2b1b;
-@headerText : #58180D;
-@monsterStatBackground : #FDF1DC;
+@background : #EEE5CE; // Light parchment
+@noteGreen : #e0e5c1; // Pastel green
+@headerUnderline : #c9ad6a; // Gold
+@horizontalRule : #9c2b1b; // Maroon
+@headerText : #58180D; // Dark maroon
+@monsterStatBackground : #FDF1DC; // Lighter parchment
+@captionText : #766649; // Brown
@page { margin: 0; }
body {
counter-reset : phb-page-numbers;
@@ -445,6 +446,35 @@ body {
.phb pre+.descriptive{
margin-top : 8px;
}
+
+//*****************************
+// * ARTIST CREDIT BLOCK
+// *****************************/
+.phb {
+ .artist {
+ position : absolute;
+ text-align : center;
+ font-family : WalterTurncoat;
+ font-size : 0.27cm;
+ color : @captionText;
+ p, p + p {
+ margin : unset;
+ text-indent : unset;
+ line-height : 1em;
+ }
+ h5 {
+ font-size : 1.3em;
+ font-family : WalterTurncoat;
+ }
+ a{
+ color : @captionText;
+ text-decoration : unset;
+ &:hover {
+ text-decoration : underline;
+ }
+ }
+ }
+}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
diff --git a/themes/fonts/5e legacy/WalterTurncoat-Regular.woff2 b/themes/fonts/5e legacy/WalterTurncoat-Regular.woff2
new file mode 100644
index 000000000..758e2400d
Binary files /dev/null and b/themes/fonts/5e legacy/WalterTurncoat-Regular.woff2 differ
diff --git a/themes/fonts/5e legacy/fonts.less b/themes/fonts/5e legacy/fonts.less
index 0c47c8e7e..a3527130b 100644
--- a/themes/fonts/5e legacy/fonts.less
+++ b/themes/fonts/5e legacy/fonts.less
@@ -37,6 +37,12 @@
font-weight: normal;
font-style: normal;
}
+@font-face {
+ font-family: WalterTurncoat;
+ src: url('../fonts/5e legacy/WalterTurncoat-Regular.woff2');
+ font-weight: normal;
+ font-style: normal;
+}
/* Headers */
@font-face {
diff --git a/themes/fonts/5e/WalterTurncoat-Regular.woff2 b/themes/fonts/5e/WalterTurncoat-Regular.woff2
new file mode 100644
index 000000000..758e2400d
Binary files /dev/null and b/themes/fonts/5e/WalterTurncoat-Regular.woff2 differ
diff --git a/themes/fonts/5e/fonts.less b/themes/fonts/5e/fonts.less
index 7cd1c9652..df4f169d2 100644
--- a/themes/fonts/5e/fonts.less
+++ b/themes/fonts/5e/fonts.less
@@ -55,6 +55,12 @@
font-weight: normal;
font-style: normal;
}
+@font-face {
+ font-family: WalterTurncoat;
+ src: url('../fonts/5e/WalterTurncoat-Regular.woff2');
+ font-weight: normal;
+ font-style: normal;
+}
/* Headers */
@font-face {