f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 07:02:38 +00:00
Code Wiki Activity

reviews plus naturalcrit logo

Browse Source
This commit is contained in:
Victor Losada Hernandez
2023-02-23 23:28:32 +01:00
parent 2e7c8c0cab
commit 5ae61e2c26
5 changed files with 62 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
themes/V3/5ePHB/snippets/coverpage.gen.js
View File

@@ -49,7 +49,7 @@ const titles = [
"Zidane's Ghost",
];
const subtitles = [
const footnote = [
"In an ominous universe, a botanist opposes terrorism.",
"In a demon-haunted city, in an age of lies and hate, a physicist tries to find an ancient treasure and battles a mob of aliens.",
"In a land of corruption, two cyberneticists and a dungeon delver search for freedom.",
@@ -98,25 +98,17 @@ const subtitles = [
];
module.exports = () => {
return `
return `{{coverPage }}
{{coverPage
![image](https://i.imgur.com/Mqx8Vf7.png) {left:0px}
![image](https://i.imgur.com/Mqx8Vf7.png) {}
# ${_.sample(titles)}
## ${_.sample(subtitles)}
___
{{banner
5e HOMEBREW
}}
{{banner 5e HOMEBREW}}
{{footnote
Everything a Homebrew needs to create a pretty document <br> for the world's greatest roleplaying game
}}
${_.sample(footnote)}
}}
\\page`;

148
themes/V3/5ePHB/style.less
View File

@@ -680,132 +680,94 @@ h5 + table{
//*****************************
// * COVER PAGE
// *****************************/
.page {
&:has(.coverPage):after {
display: none;
}
.coverPage {
position: absolute;
inset: 0;
padding: 125px 0px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
p {
color: white;
font-size: 20px;
.page:has(.coverPage) {
columns:1;
text-align:center;
&:after {
all: unset;
}
> p > img {
.coverPage {
background-image: @naturalCritLogo;
background-position: center;
background-size: 2cm;
background-repeat: no-repeat;
position: absolute;
top: .6cm;
left: 0;
display: block;
height: 2.38cm;
width: 100%;
filter: drop-shadow(0 0 0.075cm black);
}
img {
position: absolute;
inset: 0;
bottom: 0;
left: 0;
height: 100%;
min-width: 100%;
}
&:before {
background-image: @homebreweryLogo;
background-position: center;
background-size: 75px;
background-repeat: no-repeat;
position: absolute;
top: 15px;
content: '';
display: block;
height: 90px;
width: 100%;
filter: drop-shadow(0 0 5px black);
z-index: -1;
}
h1 {
--shadow-x0: #000 0px 0px 3.5px;
--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-transform: uppercase;
max-width: 18ch;
margin-top: 3px;
display:block;
margin-top:2.12cm;
color: white;
font-family: NodestoCapsCondensed;
font-size: 6.6em;
font-weight: normal;
line-height: 72px;
word-break: break-word;
transform: scaleX(0.94);
font-size: 2.245cm;
line-height: 0.85em;
}
hr {
display:block;
position: relative;
top: -16px;
top: 0.2cm;
background-image: @horizontalRule;
background-size: 100% 100%;
visibility: visible;
height: 64px;
width: 450px;
height: 0.5cm;
width: 12cm;
border: none;
margin: 2px auto -24px;
filter: drop-shadow(0 0 5px black);
}
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);
font-family: NodestoCapsCondensed;
font-weight: normal;
font-size: 2.5em;
letter-spacing: 0.5px;
max-width: 46ch;
color: white;
margin: auto;
filter: drop-shadow(0 0 0.075cm black);
}
.banner {
filter: drop-shadow(2px 1px 5px #000);
filter: drop-shadow(0 0 0.13cm #000);
position: absolute;
left: 0;
bottom: 157px;
background-image: @coverPageBanner;
background-position: left;
background-repeat: no-repeat;
background-size: 400px;
content: '';
display: block;
height: 67px;
width: 50%;
p {
position: absolute;
top: 60%;
left: 0;
translate: 0 -50%;
width: 100%;
text-align: left;
padding-left: 50px;
font-family: NodestoCapsCondensed;
font-weight: normal;
font-size: 40px;
font-stretch: 200%;
letter-spacing: 0.5px;
transform: scaleY(0.7);
}
bottom: 4.2cm;
background-image: url('/assets/coverPageBanner.svg');
height: 1.7cm;
width: 9.67cm;
color:white;
font-family: NodestoCapsCondensed;
font-weight: normal;
font-size: 1cm;
letter-spacing: 0.014cm;
text-align: left;
padding-left:1cm;
line-height:2em;
}
.footnote {
--shadow-x0: #000 0px 0px 1.8px;
--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);
text-transform: none;
position: absolute;
bottom: 3.5em;
left: 0;
width: 100%;
font-family: Alkalami;
text-align: center;
color: white;
font-size: 0.535cm;
bottom: 1.9cm;
left: 50%;
translate:-50% 0;
width: 70%;
font-family: Alkalami;
}
}
}
}
//*****************************
// * TABLE OF CONTENTS

2
themes/assets/assets.less
View File

@@ -10,7 +10,7 @@
@monsterBorderImage : url('/assets/monsterBorderFancy.png');
@codeBorderImage : url('/assets/codeBorder.png');
@classTableDecoration : url('/assets/classTableDecoration.png');
@homebreweryLogo : url('/assets/homebreweryLogo.svg');
@naturalCritLogo : url('/assets/naturalCritLogo.svg');
@coverPageBanner : url('/assets/coverPageBanner.svg');
@horizontalRule : url('/assets/horizontalRule.svg');

1
themes/assets/homebreweryLogo.svg
View File

@@ -1 +0,0 @@
<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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

1
themes/assets/naturalCritLogo.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.65 94.6"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>NaturalCritLogo</title><g id="Layer_2" data-name="Layer 2"><g id="base"><path id="D20" class="cls-1" d="M63.45.09s-45.91,12.4-46,12.45a.71.71,0,0,0-.15.08l-.15.1-.12.11a1.07,1.07,0,0,0-.14.16l-.09.11-.12.23,0,.06L.2,54.9a1.59,1.59,0,0,0,.11,1.69L29.36,94h0l0,0,.08.08.08.08.09.09.08.06.13.07a0,0,0,0,0,0,0,1.59,1.59,0,0,0,.27.12l.13.05.06,0a1.55,1.55,0,0,0,.37,0,1.63,1.63,0,0,0,.31,0l45.67-8.3.16,0,.11,0,.12,0,.06,0s0,0,0,0l.06,0a1.65,1.65,0,0,0,.36-.28l0-.06a1.6,1.6,0,0,0,.26-.38s0,0,0,0v0h0a.14.14,0,0,1,0-.06L94.52,43.74a1.4,1.4,0,0,0,.11-.4.41.41,0,0,0,0-.11,1.13,1.13,0,0,0,0-.26.66.66,0,0,0,0-.14,2,2,0,0,0-.06-.26l0-.11a2.68,2.68,0,0,0-.18-.33v0L65.29.6C64.77-.31,63.45.09,63.45.09ZM74.9,81.7l-28.81-18L78.5,38.49ZM44.1,61l-11-40.17L77,35.39ZM82,37.78l8.92,5.95L79,73.48Zm4.46-1.1-4.6-3.06L75.69,21.36Zm-9.26-4.8-42.07-14,28.05-14ZM30.56,16.34l-6.49-2.16L47.85,7.7Zm-11.35-.21L27.88,19,7.64,45Zm10.73,5.76L40.78,61.64,4.64,54.42Zm10.82,43.2L30.26,89.6,5.75,58.09Zm3.16,1.24L71.74,83.72l-38.26,7Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB