diff --git a/src/assets/images/404/` b/src/assets/images/404/` deleted file mode 100644 index 8978d8c..0000000 Binary files a/src/assets/images/404/` and /dev/null differ diff --git a/src/assets/images/404/infernus-lg.jpg b/src/assets/images/404/infernus-lg.jpg new file mode 100644 index 0000000..7f8b807 Binary files /dev/null and b/src/assets/images/404/infernus-lg.jpg differ diff --git a/src/assets/images/404/infernus.jpg b/src/assets/images/404/infernus.jpg new file mode 100644 index 0000000..88b11a2 Binary files /dev/null and b/src/assets/images/404/infernus.jpg differ diff --git a/src/assets/images/404/hole-bg-1100x1238-50.jpg b/src/assets/images/404/old/hole-bg-1100x1238-50.jpg similarity index 100% rename from src/assets/images/404/hole-bg-1100x1238-50.jpg rename to src/assets/images/404/old/hole-bg-1100x1238-50.jpg diff --git a/src/assets/images/404/hole-bg-1100x900-50.jpg b/src/assets/images/404/old/hole-bg-1100x900-50.jpg similarity index 100% rename from src/assets/images/404/hole-bg-1100x900-50.jpg rename to src/assets/images/404/old/hole-bg-1100x900-50.jpg diff --git a/src/assets/images/404/hole-bg-1600x900-50.jpg b/src/assets/images/404/old/hole-bg-1600x900-50.jpg similarity index 100% rename from src/assets/images/404/hole-bg-1600x900-50.jpg rename to src/assets/images/404/old/hole-bg-1600x900-50.jpg diff --git a/src/assets/images/404/hole-bg.jpg b/src/assets/images/404/old/hole-bg.jpg similarity index 100% rename from src/assets/images/404/hole-bg.jpg rename to src/assets/images/404/old/hole-bg.jpg diff --git a/src/assets/images/404/lake-of-fire-lg.jpg b/src/assets/images/404/old/lake-of-fire-lg.jpg similarity index 100% rename from src/assets/images/404/lake-of-fire-lg.jpg rename to src/assets/images/404/old/lake-of-fire-lg.jpg diff --git a/src/assets/images/404/lake-of-fire.jpg b/src/assets/images/404/old/lake-of-fire.jpg similarity index 100% rename from src/assets/images/404/lake-of-fire.jpg rename to src/assets/images/404/old/lake-of-fire.jpg diff --git a/src/assets/images/magic-items/beyza.jpg b/src/assets/images/magic-items/beyza.jpg new file mode 100644 index 0000000..1b36ec0 Binary files /dev/null and b/src/assets/images/magic-items/beyza.jpg differ diff --git a/src/assets/images/magic-items/bla-kra-zur.jpg b/src/assets/images/magic-items/bla-kra-zur.jpg new file mode 100644 index 0000000..7ab4e61 Binary files /dev/null and b/src/assets/images/magic-items/bla-kra-zur.jpg differ diff --git a/src/assets/images/magic-items/bottled-lighting-2.jpg b/src/assets/images/magic-items/bottled-lighting-2.jpg new file mode 100644 index 0000000..653c30d Binary files /dev/null and b/src/assets/images/magic-items/bottled-lighting-2.jpg differ diff --git a/src/assets/images/magic-items/bottled-lightning-1.jpg b/src/assets/images/magic-items/bottled-lightning-1.jpg new file mode 100644 index 0000000..3973f97 Binary files /dev/null and b/src/assets/images/magic-items/bottled-lightning-1.jpg differ diff --git a/src/assets/images/magic-items/bracers-of-bulwark.jpg b/src/assets/images/magic-items/bracers-of-bulwark.jpg new file mode 100644 index 0000000..9277cbc Binary files /dev/null and b/src/assets/images/magic-items/bracers-of-bulwark.jpg differ diff --git a/src/assets/images/magic-items/broom-flying.jpg b/src/assets/images/magic-items/broom-flying.jpg new file mode 100644 index 0000000..9a0fb6d Binary files /dev/null and b/src/assets/images/magic-items/broom-flying.jpg differ diff --git a/src/assets/images/magic-items/crossbow-distance-hand.jpg b/src/assets/images/magic-items/crossbow-distance-hand.jpg new file mode 100644 index 0000000..e61630b Binary files /dev/null and b/src/assets/images/magic-items/crossbow-distance-hand.jpg differ diff --git a/src/assets/images/magic-items/darklurker.jpg b/src/assets/images/magic-items/darklurker.jpg new file mode 100644 index 0000000..8253723 Binary files /dev/null and b/src/assets/images/magic-items/darklurker.jpg differ diff --git a/src/assets/images/magic-items/drum-panic.jpg b/src/assets/images/magic-items/drum-panic.jpg new file mode 100644 index 0000000..394031e Binary files /dev/null and b/src/assets/images/magic-items/drum-panic.jpg differ diff --git a/src/assets/images/magic-items/emyul.jpg b/src/assets/images/magic-items/emyul.jpg new file mode 100644 index 0000000..eee3aac Binary files /dev/null and b/src/assets/images/magic-items/emyul.jpg differ diff --git a/src/assets/images/magic-items/flaming-sword-1.jpg b/src/assets/images/magic-items/flaming-sword-1.jpg new file mode 100644 index 0000000..1f66331 Binary files /dev/null and b/src/assets/images/magic-items/flaming-sword-1.jpg differ diff --git a/src/assets/images/magic-items/flaming-sword-2.jpg b/src/assets/images/magic-items/flaming-sword-2.jpg new file mode 100644 index 0000000..3eef75c Binary files /dev/null and b/src/assets/images/magic-items/flaming-sword-2.jpg differ diff --git a/src/assets/images/magic-items/horn-of-blasting.jpg b/src/assets/images/magic-items/horn-of-blasting.jpg new file mode 100644 index 0000000..51dfbc8 Binary files /dev/null and b/src/assets/images/magic-items/horn-of-blasting.jpg differ diff --git a/src/assets/images/magic-items/jar-preserving.jpg b/src/assets/images/magic-items/jar-preserving.jpg new file mode 100644 index 0000000..d4c1e4f Binary files /dev/null and b/src/assets/images/magic-items/jar-preserving.jpg differ diff --git a/src/assets/images/magic-items/judgement.jpg b/src/assets/images/magic-items/judgement.jpg new file mode 100644 index 0000000..de8b56e Binary files /dev/null and b/src/assets/images/magic-items/judgement.jpg differ diff --git a/src/assets/images/magic-items/kaaji-jukai.jpg b/src/assets/images/magic-items/kaaji-jukai.jpg new file mode 100644 index 0000000..8762d66 Binary files /dev/null and b/src/assets/images/magic-items/kaaji-jukai.jpg differ diff --git a/src/assets/images/magic-items/lenses-necroscopy.jpg b/src/assets/images/magic-items/lenses-necroscopy.jpg new file mode 100644 index 0000000..a0d1030 Binary files /dev/null and b/src/assets/images/magic-items/lenses-necroscopy.jpg differ diff --git a/src/assets/images/magic-items/light-globe-1.jpg b/src/assets/images/magic-items/light-globe-1.jpg new file mode 100644 index 0000000..589e516 Binary files /dev/null and b/src/assets/images/magic-items/light-globe-1.jpg differ diff --git a/src/assets/images/magic-items/light-globe-2.jpg b/src/assets/images/magic-items/light-globe-2.jpg new file mode 100644 index 0000000..8da2ecf Binary files /dev/null and b/src/assets/images/magic-items/light-globe-2.jpg differ diff --git a/src/assets/images/magic-items/limbcleaver.jpg b/src/assets/images/magic-items/limbcleaver.jpg new file mode 100644 index 0000000..7cb3071 Binary files /dev/null and b/src/assets/images/magic-items/limbcleaver.jpg differ diff --git a/src/assets/images/magic-items/lornath-breaker-of-darkness.jpg b/src/assets/images/magic-items/lornath-breaker-of-darkness.jpg index 379ee25..c9d08e4 100644 Binary files a/src/assets/images/magic-items/lornath-breaker-of-darkness.jpg and b/src/assets/images/magic-items/lornath-breaker-of-darkness.jpg differ diff --git a/src/assets/images/magic-items/lumye.jpg b/src/assets/images/magic-items/lumye.jpg new file mode 100644 index 0000000..71f1af0 Binary files /dev/null and b/src/assets/images/magic-items/lumye.jpg differ diff --git a/src/assets/images/magic-items/melaydius.jpg b/src/assets/images/magic-items/melaydius.jpg new file mode 100644 index 0000000..4aea3c8 Binary files /dev/null and b/src/assets/images/magic-items/melaydius.jpg differ diff --git a/src/assets/images/magic-items/morlokk-lightning-rod.jpg b/src/assets/images/magic-items/morlokk-lightning-rod.jpg new file mode 100644 index 0000000..decbdbc Binary files /dev/null and b/src/assets/images/magic-items/morlokk-lightning-rod.jpg differ diff --git a/src/assets/images/magic-items/nemesys.jpg b/src/assets/images/magic-items/nemesys.jpg new file mode 100644 index 0000000..9a36851 Binary files /dev/null and b/src/assets/images/magic-items/nemesys.jpg differ diff --git a/src/assets/images/magic-items/portable-pole.jpg b/src/assets/images/magic-items/portable-pole.jpg new file mode 100644 index 0000000..dcdf696 Binary files /dev/null and b/src/assets/images/magic-items/portable-pole.jpg differ diff --git a/src/assets/images/magic-items/ryssa.jpg b/src/assets/images/magic-items/ryssa.jpg new file mode 100644 index 0000000..107f04a Binary files /dev/null and b/src/assets/images/magic-items/ryssa.jpg differ diff --git a/src/assets/images/magic-items/stone-blasting.jpg b/src/assets/images/magic-items/stone-blasting.jpg new file mode 100644 index 0000000..6e143b4 Binary files /dev/null and b/src/assets/images/magic-items/stone-blasting.jpg differ diff --git a/src/assets/images/magic-items/sword-burning-blade.jpg b/src/assets/images/magic-items/sword-burning-blade.jpg deleted file mode 100644 index dc9ad87..0000000 Binary files a/src/assets/images/magic-items/sword-burning-blade.jpg and /dev/null differ diff --git a/src/assets/images/magic-items/tharruum.jpg b/src/assets/images/magic-items/tharruum.jpg new file mode 100644 index 0000000..45dab31 Binary files /dev/null and b/src/assets/images/magic-items/tharruum.jpg differ diff --git a/src/assets/images/magic-items/tome-of-forbidden-whispers.jpg b/src/assets/images/magic-items/tome-of-forbidden-whispers.jpg new file mode 100644 index 0000000..95a6e32 Binary files /dev/null and b/src/assets/images/magic-items/tome-of-forbidden-whispers.jpg differ diff --git a/src/assets/images/magic-items/tyrhung.jpg b/src/assets/images/magic-items/tyrhung.jpg index a86971a..d1ce59a 100644 Binary files a/src/assets/images/magic-items/tyrhung.jpg and b/src/assets/images/magic-items/tyrhung.jpg differ diff --git a/src/assets/images/magic-items/vah-ki.jpg b/src/assets/images/magic-items/vah-ki.jpg new file mode 100644 index 0000000..3d40773 Binary files /dev/null and b/src/assets/images/magic-items/vah-ki.jpg differ diff --git a/src/assets/images/magic-items/vokdec.jpg b/src/assets/images/magic-items/vokdec.jpg new file mode 100644 index 0000000..8535c13 Binary files /dev/null and b/src/assets/images/magic-items/vokdec.jpg differ diff --git a/src/assets/images/magic-items/wand-cold-1.jpg b/src/assets/images/magic-items/wand-cold-1.jpg new file mode 100644 index 0000000..e86fb7d Binary files /dev/null and b/src/assets/images/magic-items/wand-cold-1.jpg differ diff --git a/src/assets/images/magic-items/wand-cold-2.jpg b/src/assets/images/magic-items/wand-cold-2.jpg new file mode 100644 index 0000000..10af616 Binary files /dev/null and b/src/assets/images/magic-items/wand-cold-2.jpg differ diff --git a/src/assets/images/magic-items/wand-druidcraft.jpg b/src/assets/images/magic-items/wand-druidcraft.jpg new file mode 100644 index 0000000..88b8241 Binary files /dev/null and b/src/assets/images/magic-items/wand-druidcraft.jpg differ diff --git a/src/assets/images/magic-items/wand-illusions-1.jpg b/src/assets/images/magic-items/wand-illusions-1.jpg new file mode 100644 index 0000000..f2f8797 Binary files /dev/null and b/src/assets/images/magic-items/wand-illusions-1.jpg differ diff --git a/src/assets/images/magic-items/wand-illusions-2.jpg b/src/assets/images/magic-items/wand-illusions-2.jpg new file mode 100644 index 0000000..aa22381 Binary files /dev/null and b/src/assets/images/magic-items/wand-illusions-2.jpg differ diff --git a/src/assets/images/magic-items/wand-polymorph.jpg b/src/assets/images/magic-items/wand-polymorph.jpg new file mode 100644 index 0000000..71f1ee5 Binary files /dev/null and b/src/assets/images/magic-items/wand-polymorph.jpg differ diff --git a/src/assets/images/magic-items/wha-yve.jpg b/src/assets/images/magic-items/wha-yve.jpg new file mode 100644 index 0000000..5751676 Binary files /dev/null and b/src/assets/images/magic-items/wha-yve.jpg differ diff --git a/src/assets/images/magic-items/wylm.jpg b/src/assets/images/magic-items/wylm.jpg new file mode 100644 index 0000000..b8192c8 Binary files /dev/null and b/src/assets/images/magic-items/wylm.jpg differ diff --git a/src/assets/images/magic-items/zyshak.jpg b/src/assets/images/magic-items/zyshak.jpg new file mode 100644 index 0000000..2d48299 Binary files /dev/null and b/src/assets/images/magic-items/zyshak.jpg differ diff --git a/src/assets/images/site-bg.jpg b/src/assets/images/site-bg.jpg index c723369..556154a 100644 Binary files a/src/assets/images/site-bg.jpg and b/src/assets/images/site-bg.jpg differ diff --git a/src/assets/scripts/scripts.js b/src/assets/scripts/scripts.js index d508d14..f4bf39c 100644 --- a/src/assets/scripts/scripts.js +++ b/src/assets/scripts/scripts.js @@ -28,7 +28,8 @@ export default (() => { */ document.addEventListener('DOMContentLoaded', () => { - setTimeout(() => { + let to = null; + to = setTimeout(() => { // Lazy-Load Media if (typeof loadMedia === 'function') { loadMedia('.js-lazyLoader', null, true); @@ -65,6 +66,25 @@ export default (() => { ' site:' + window.location.hostname; }); + // Make table captions into collapsable toggles + document + .querySelectorAll('.dividedTableWrapper > table > caption') + .forEach((caption) => { + const theClass = 'js-hideContent', + wrapper = caption.closest('.dividedTableWrapper'); + + // removes inline-styled override from markdown-it-multimd-table + caption.removeAttribute('style'); + + if (!wrapper) return; + + wrapper.classList.add('js-toggleable'); + + caption.addEventListener('click', (e) => { + wrapper.classList.toggle(theClass); + }); + }); + // Add shadow to toolDetails that have extra content // I know - ALL OF THIS CODE just for that little effect const details = document.querySelectorAll('.toolDetails'), @@ -118,6 +138,8 @@ export default (() => { }); details.forEach((detail) => setBottomShadow(detail)); + + clearTimeout(to); }, 1); }); })(); diff --git a/src/assets/styles/styles.css b/src/assets/styles/styles.css index 425fb10..64c5aa4 100644 --- a/src/assets/styles/styles.css +++ b/src/assets/styles/styles.css @@ -28,7 +28,7 @@ html { body { background: #2c0f2a; /* Old browsers */ - background: url("/images/site-bg.jpg") bottom fixed; + background: url("/images/site-bg.jpg") top fixed; background-size: cover; color: #fadbb0; font-family: sans-serif; @@ -228,13 +228,6 @@ li { margin-bottom: 0.6em; } -/* turn on for that authentic OSE feel! */ -/* -ul li::marker { - content: "▶ "; -} -*/ - li ul { margin-top: 0.6em; } @@ -344,21 +337,34 @@ table th { background: rgba(37, 40, 55, 0.6); } +.clearBoth { + clear: both; +} + .contentWarning { font-style: italic; } .dividedTableWrapper { display: block; + box-shadow: none; margin: 1rem 0; + max-height: 5000px; max-width: 100%; overflow-x: auto; + transition: box-shadow 0.3s ease-out, max-height 0.3s ease-out; } .dividedTableWrapper h4 { text-align: center; } + +.dividedTableWrapper table caption { + padding: .5rem 1.5rem; + position: relative; +} + .dividedTableWrapper table td { border: 1px dashed #f6bc43; } @@ -440,26 +446,34 @@ a.hiddenLink:hover { } .imgWrapper { - float: right; - margin: 0 -0.5rem 0 1rem; - max-width: 50%; + align-items: center; + clear: both; + display: flex; + flex-wrap: wrap; + justify-content: center; + max-width: 100%; position: relative; text-align: center; z-index: 0; } -.imgWrapper figure>a { +.imgWrapper figure { + margin: 0; + max-width: 50%; +} + +.imgWrapper figure > a { border-color: transparent; display: inline-block; padding: 0.5rem 0.5rem 0.25rem; } -.imgWrapper figure>a:hover { +.imgWrapper figure > a:hover { border-color: #e94e5c; } -.levelTable table thead tr:first-child th { - border-bottom-style: dashed; +.imgWrapper figure > figcaption { + backdrop-filter: blur(1rem); } .licenseLink { @@ -596,53 +610,6 @@ a.licenseLink:hover { top: 1rem; } -/** - * Scrolling shadows by https://kizu.dev/ and https://lea.verou.me/ - * Only works in browsers supporting background-attachment: local; & CSS gradients - * Degrades gracefully - */ - -.menubar { - html { - background: white; - font: 120% sans-serif; - } - - .scrollbox { - overflow: auto; - width: 200px; - max-height: 200px; - margin: 50px auto; - - background: - /* Shadow covers */ - linear-gradient(white 30%, rgba(255,255,255,0)), - linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, - - /* Shadows */ - radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)), - radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%; - background: - /* Shadow covers */ - linear-gradient(white 30%, rgba(255,255,255,0)), - linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, - - /* Shadows */ - radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)), - radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%; - background-repeat: no-repeat; - background-color: white; - background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; - - /* Opera doesn't support this in the shorthand */ - background-attachment: local, local, scroll, scroll; - } - - background: #282c32; - display: static; - max-height: 1px; -} - .navBar { background: #282c32; display: none; @@ -894,7 +861,7 @@ a.licenseLink:hover { } .pageMain { - padding: 1em; + padding: 0 1em 1em; } .pageTitle { @@ -1063,6 +1030,7 @@ a.pageTitle-sublink { } .sectionBackLink-wrapper { + clear: both; margin-top: 2rem; } @@ -1239,6 +1207,33 @@ a.pageTitle-sublink { * JS Overrides ****************************************************************************/ +.js .dividedTableWrapper.js-toggleable { + display: inline-block; +} + +.js .dividedTableWrapper.js-hideContent { + box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; + max-height: 6rem; +} + + +.js .dividedTableWrapper.js-toggleable table caption::before { + content: "\25BC"; + left: .5rem; + position: absolute; + transform: rotate(0deg); + transition: transform 0.5s ease-out; +} + +.js .dividedTableWrapper.js-toggleable table caption { + cursor: pointer; + pointer-events: all; +} + +.js .dividedTableWrapper.js-toggleable.js-hideContent table caption::before { + transform: rotate(-90deg); +} + .js .pubDate.isDone { -webkit-transition: 0.3s visibility; transition: 0.3s visibility; @@ -1253,7 +1248,6 @@ a.pageTitle-sublink { visibility: visible; } - /**************************************************************************** * Media Queries ****************************************************************************/ @@ -1269,32 +1263,20 @@ a.pageTitle-sublink { font-size: 18px; } - /* - h2 { - background-color: transparent; - } - */ - .imgWrapper { - max-width: 33%; - } + float: right; + margin: 0 -0.5rem 0 1rem; + max-width: 30%; + } + .imgWrapper figure { + max-width: 100%; + } + .menubar { height: auto; } - /* - .navBar { - display: block; - } - */ - - /* - .pageTitle { - margin-top: 2rem; - } - */ - .siteTitle-text { text-align: center; } @@ -1375,10 +1357,6 @@ a.pageTitle-sublink { max-width: 960px; } - .pageMain { - padding: 2em 1em 1em; - } - .pageTitle { margin-top: 2rem; } diff --git a/src/layouts/partials/backLink.ejs b/src/layouts/partials/backLink.ejs index aa8809f..2bb04d9 100644 --- a/src/layouts/partials/backLink.ejs +++ b/src/layouts/partials/backLink.ejs @@ -21,6 +21,8 @@ var titlesBySection = { "dragons-crystalline": "Crystalline Dragons", "dragons-metallic": "Metallic Dragons", + "herd-mammals": "Herd Mammals", + }, unlistedSections = ['main'], fixedSection = page?.section?.replace(/\s+/, '-'); diff --git a/src/layouts/partials/footer.ejs b/src/layouts/partials/footer.ejs index 2c327ea..f2f8b17 100644 --- a/src/layouts/partials/footer.ejs +++ b/src/layouts/partials/footer.ejs @@ -45,7 +45,7 @@ both used under the SIL Open Font License, Version 1.1.
- Background image created with DALL-E released under a CC0 license. + Background image released under a CC0 license.
Back to Top diff --git a/src/layouts/partials/rulesHeader.ejs b/src/layouts/partials/rulesHeader.ejs index 3f4778f..6d6206c 100644 --- a/src/layouts/partials/rulesHeader.ejs +++ b/src/layouts/partials/rulesHeader.ejs @@ -6,7 +6,7 @@ var menuLinksByOption = { Adventuring: "/rules/adventuring.html", Equipment: "/rules/equipment/fantasy.html", Magic: "/rules/magic.html", - "Referees Only": "/rules/referees.html", + "GM Notes": "/rules/gm-notes.html", }; var title = (page.title ?? '').replace('HOSR ', ''); @@ -35,7 +35,7 @@ var title = (page.title ?? '').replace('HOSR ', '');