mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-03-27 21:08:13 +00:00
Adjust paths to relative on relocated images.
This commit is contained in:
@@ -36,7 +36,7 @@ After clicking the "Print" item in the navbar a new page will open and a print d
|
|||||||
If you want to save ink or have a monochrome printer, add the **PRINT → {{fas,fa-tint}} Ink Friendly** snippet to your brew!
|
If you want to save ink or have a monochrome printer, add the **PRINT → {{fas,fa-tint}} Ink Friendly** snippet to your brew!
|
||||||
}}
|
}}
|
||||||
|
|
||||||
 {position:absolute,bottom:20px,left:130px,width:220px}
|
 {position:absolute,bottom:20px,left:130px,width:220px}
|
||||||
|
|
||||||
{{artist,bottom:160px,left:100px
|
{{artist,bottom:160px,left:100px
|
||||||
##### Homebrew Mug
|
##### Homebrew Mug
|
||||||
@@ -162,7 +162,7 @@ Images must be hosted online somewhere, like [Imgur](https://www.imgur.com). You
|
|||||||
|
|
||||||
Using *Curly Injection* you can assign an id, classes, or inline CSS properties to the Markdown image syntax.
|
Using *Curly Injection* you can assign an id, classes, or inline CSS properties to the Markdown image syntax.
|
||||||
|
|
||||||
 {width:100px,border:"2px solid",border-radius:10px}
|
 {width:100px,border:"2px solid",border-radius:10px}
|
||||||
|
|
||||||
\* *When using Imgur-hosted images, use the "direct link", which can be found when you click into your image in the Imgur interface.*
|
\* *When using Imgur-hosted images, use the "direct link", which can be found when you click into your image in the Imgur interface.*
|
||||||
|
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ module.exports = [
|
|||||||
icon : 'fas fa-image',
|
icon : 'fas fa-image',
|
||||||
gen : [
|
gen : [
|
||||||
'<img ',
|
'<img ',
|
||||||
' src=\'https://homebrewery.naturalcrit.com/assets/4a8179462cfdf39054a418efd4cb743e.jpg\' ',
|
' src=\'/assets/4a8179462cfdf39054a418efd4cb743e.jpg\' ',
|
||||||
' style=\'width:325px\' />',
|
' style=\'width:325px\' />',
|
||||||
'Credit: Kyounghwan Kim'
|
'Credit: Kyounghwan Kim'
|
||||||
].join('\n')
|
].join('\n')
|
||||||
@@ -50,7 +50,7 @@ module.exports = [
|
|||||||
icon : 'fas fa-tree',
|
icon : 'fas fa-tree',
|
||||||
gen : [
|
gen : [
|
||||||
'<img ',
|
'<img ',
|
||||||
' src=\'https://homebrewery.naturalcrit.com/assets/hMna6G0.png\' ',
|
' src=\'/assets/hMna6G0.png\' ',
|
||||||
' style=\'position:absolute; top:50px; right:30px; width:280px\' />'
|
' style=\'position:absolute; top:50px; right:30px; width:280px\' />'
|
||||||
].join('\n')
|
].join('\n')
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -96,7 +96,7 @@ module.exports = {
|
|||||||
${_.sample(footnote)}
|
${_.sample(footnote)}
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{position:absolute,bottom:0,left:0,height:100%}
|
{position:absolute,bottom:0,left:0,height:100%}
|
||||||
|
|
||||||
\page`;
|
\page`;
|
||||||
},
|
},
|
||||||
@@ -110,7 +110,7 @@ module.exports = {
|
|||||||
___
|
___
|
||||||
|
|
||||||
{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
|
{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
|
||||||
{position:absolute,bottom:0,left:0,height:100%}
|
{position:absolute,bottom:0,left:0,height:100%}
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{logo }}
|
{{logo }}
|
||||||
@@ -126,7 +126,7 @@ module.exports = {
|
|||||||
## ${_.sample(subtitles)}
|
## ${_.sample(subtitles)}
|
||||||
|
|
||||||
{{imageMaskEdge${_.random(1, 8)},--offset:10cm,--rotation:180
|
{{imageMaskEdge${_.random(1, 8)},--offset:10cm,--rotation:180
|
||||||
{position:absolute,bottom:0,left:0,height:100%}
|
{position:absolute,bottom:0,left:0,height:100%}
|
||||||
}}
|
}}
|
||||||
|
|
||||||
\page`;
|
\page`;
|
||||||
@@ -143,7 +143,7 @@ module.exports = {
|
|||||||
|
|
||||||
For use with any fantasy roleplaying ruleset. Play the best game of your life!
|
For use with any fantasy roleplaying ruleset. Play the best game of your life!
|
||||||
|
|
||||||
{position:absolute,bottom:0,left:0,height:100%}
|
{position:absolute,bottom:0,left:0,height:100%}
|
||||||
|
|
||||||
{{logo
|
{{logo
|
||||||

|

|
||||||
|
|||||||
@@ -631,25 +631,25 @@ module.exports = [
|
|||||||
name : 'Image',
|
name : 'Image',
|
||||||
icon : 'fas fa-image',
|
icon : 'fas fa-image',
|
||||||
gen : dedent`
|
gen : dedent`
|
||||||
 {width:325px,mix-blend-mode:multiply}`
|
 {width:325px,mix-blend-mode:multiply}`
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name : 'Image Wrap Left',
|
name : 'Image Wrap Left',
|
||||||
icon : 'fac image-wrap-left',
|
icon : 'fac image-wrap-left',
|
||||||
gen : dedent`
|
gen : dedent`
|
||||||
 {width:280px,margin-right:-3cm,wrapLeft}`
|
 {width:280px,margin-right:-3cm,wrapLeft}`
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name : 'Image Wrap Right',
|
name : 'Image Wrap Right',
|
||||||
icon : 'fac image-wrap-right',
|
icon : 'fac image-wrap-right',
|
||||||
gen : dedent`
|
gen : dedent`
|
||||||
 {width:280px,margin-left:-3cm,wrapRight}`
|
 {width:280px,margin-left:-3cm,wrapRight}`
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name : 'Background Image',
|
name : 'Background Image',
|
||||||
icon : 'fas fa-tree',
|
icon : 'fas fa-tree',
|
||||||
gen : dedent`
|
gen : dedent`
|
||||||
 {position:absolute,top:50px,right:30px,width:280px}`
|
 {position:absolute,top:50px,right:30px,width:280px}`
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name : 'Watercolor Splatter',
|
name : 'Watercolor Splatter',
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ module.exports = {
|
|||||||
center : ()=>{
|
center : ()=>{
|
||||||
return dedent`
|
return dedent`
|
||||||
{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
|
{{imageMaskCenter${_.random(1, 16)},--offsetX:0%,--offsetY:0%,--rotation:0
|
||||||
{height:100%}
|
{height:100%}
|
||||||
}}
|
}}
|
||||||
<!-- Use --offsetX to shift the mask left or right (can use cm instead of %)
|
<!-- Use --offsetX to shift the mask left or right (can use cm instead of %)
|
||||||
Use --offsetY to shift the mask up or down
|
Use --offsetY to shift the mask up or down
|
||||||
@@ -21,7 +21,7 @@ module.exports = {
|
|||||||
}[side];
|
}[side];
|
||||||
return dedent`
|
return dedent`
|
||||||
{{imageMaskEdge${_.random(1, 8)},--offset:0%,--rotation:${rotation}
|
{{imageMaskEdge${_.random(1, 8)},--offset:0%,--rotation:${rotation}
|
||||||
{height:100%}
|
{height:100%}
|
||||||
}}
|
}}
|
||||||
<!-- Use --offset to shift the mask away from page center (can use cm instead of %)
|
<!-- 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`;
|
Use --rotation to set rotation angle in degrees. -->\n\n`;
|
||||||
@@ -32,7 +32,7 @@ module.exports = {
|
|||||||
const offsetY = (y == 'top' ? '50%' : '-50%');
|
const offsetY = (y == 'top' ? '50%' : '-50%');
|
||||||
return dedent`
|
return dedent`
|
||||||
{{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0
|
{{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0
|
||||||
{height:100%}
|
{height:100%}
|
||||||
}}
|
}}
|
||||||
<!-- Use --offsetX to shift the mask left or right (can use cm instead of %)
|
<!-- Use --offsetX to shift the mask left or right (can use cm instead of %)
|
||||||
Use --offsetY to shift the mask up or down
|
Use --offsetY to shift the mask up or down
|
||||||
|
|||||||
Reference in New Issue
Block a user