diff --git a/asset-library/stormbringer-1e/stormbringer_reference.html b/asset-library/stormbringer-1e/stormbringer_reference.html index a5450f9..d276445 100644 --- a/asset-library/stormbringer-1e/stormbringer_reference.html +++ b/asset-library/stormbringer-1e/stormbringer_reference.html @@ -297,6 +297,76 @@ td:first-child { color: var(--cream); } section { padding: 18px 18px 8px; } .page-title { padding: 20px 18px 14px; } } + +/* ── ART GALLERY ── */ +.gallery-category { margin-bottom: 2.5rem; } +.gallery-category h3 { color: var(--gold); margin-bottom: 1rem; border-bottom: 1px solid var(--border); padding-bottom: 6px; } +.gallery-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + gap: 16px; +} +.gallery-item { + background: var(--panel-bg); + border: 1px solid var(--border); + border-radius: 4px; + overflow: hidden; + cursor: pointer; + transition: border-color 0.2s, transform 0.2s; +} +.gallery-item:hover { border-color: var(--gold-dim); transform: translateY(-2px); } +.gallery-item img { + width: 100%; + height: 180px; + object-fit: cover; + display: block; +} +.gallery-item.portrait img { height: 240px; } +.gallery-caption { + padding: 8px 10px; + font-size: 0.8rem; + color: var(--cream-dim); + font-style: italic; +} +/* Lightbox */ +#lightbox { + display: none; + position: fixed; + inset: 0; + background: rgba(0,0,0,0.92); + z-index: 1000; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 12px; +} +#lightbox.open { display: flex; } +#lightbox img { + max-width: 90vw; + max-height: 80vh; + object-fit: contain; + border: 1px solid var(--border); + border-radius: 4px; +} +#lightbox-caption { + color: var(--cream); + font-size: 0.9rem; + font-style: italic; + text-align: center; +} +#lightbox-close { + position: absolute; + top: 16px; + right: 24px; + color: var(--cream-dim); + font-size: 2rem; + cursor: pointer; + line-height: 1; + background: none; + border: none; +} +#lightbox-close:hover { color: var(--gold); } +
@@ -1266,6 +1336,217 @@ Effective maximum: 99 +Generated with gpt-image-2 in the style of 1970s Michael Whelan sword and sorcery illustration. Click any image to view full size.
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+