From 336c2d21b22435ec2ce6df4e60716f01c9dac40c Mon Sep 17 00:00:00 2001
From: Rochet2 <tqbattlenet@gmail.com>
Date: Tue, 26 May 2026 04:14:06 +0300
Subject: [PATCH] Add per-page gallery aspect ratios and minor content updates.

Support gallery_aspect in post front matter with a WoW-screenshot default, set ratios for Transmogrification and Item enchant visuals, rename X to Twitter/X, and trim the Eluna intro paragraph.
---
 README.md                                 | 6 ++++++
 _layouts/default.html                     | 3 ++-
 _posts/2012-06-24-Transmogrification.md   | 1 +
 _posts/2013-03-13-Eluna.md                | 2 --
 _posts/2013-04-21-Item Enchant Visuals.md | 1 +
 contact/index.html                        | 2 +-
 css/style.css                             | 4 ++--
 index.html                                | 2 +-
 8 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index e8c1edb..fcb767f 100644
--- a/README.md
+++ b/README.md
@@ -80,6 +80,12 @@ After the Jekyll build, CI verifies `_site/search.json`, `_site/sitemap.xml`, an
 
 Gallery screenshots keep their original JPG/PNG files. Compressed WebP copies are generated alongside them and served via `<picture>` when available. Project pages use a vanilla JS slideshow (same auto-advance behavior as the old ResponsiveSlides carousel, without jQuery).
 
+Optional post front matter `gallery_aspect` sets the carousel frame ratio when screenshots are not standard WoW captures (default `850 / 451`). Example for wide UI banners:
+
+```yaml
+gallery_aspect: 930 / 300
+```
+
 Regenerate derivatives after adding or changing images:
 
 ```bash
diff --git a/_layouts/default.html b/_layouts/default.html
index 8a468a0..a41d1b7 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -62,7 +62,8 @@
             <section id="main_content">
 
                 {% if page.images %}
-                    <div class="gallery-carousel" role="region" aria-label="{{ page.title | xml_escape }} screenshots">
+                    {% assign gallery_aspect = page.gallery_aspect | default: '850 / 451' %}
+                    <div class="gallery-carousel" style="--gallery-aspect: {{ gallery_aspect }};" role="region" aria-label="{{ page.title | xml_escape }} screenshots">
                         <ul class="gallery-slides">
                         {% for imagepath in page.images %}
                             {% assign image_base = imagepath | split: '.' | first %}
diff --git a/_posts/2012-06-24-Transmogrification.md b/_posts/2012-06-24-Transmogrification.md
index 34dcc47..67c5f14 100644
--- a/_posts/2012-06-24-Transmogrification.md
+++ b/_posts/2012-06-24-Transmogrification.md
@@ -5,6 +5,7 @@ description: Change item appearances on 3.3.5 with multiple TrinityCore versions
 images:
     - /images/Transmog.jpg
     - /images/Transmog_5_0.jpg
+gallery_aspect: 930 / 300
 
 videos:
     - https://www.youtube.com/embed/mCHAAfM4Rkg?list=PL5CF7437D71BB0795
diff --git a/_posts/2013-03-13-Eluna.md b/_posts/2013-03-13-Eluna.md
index b109880..3a5a80c 100644
--- a/_posts/2013-03-13-Eluna.md
+++ b/_posts/2013-03-13-Eluna.md
@@ -11,8 +11,6 @@ images:
 
 ---
 
-Eluna now lives in its own project at [ElunaLuaEngine/Eluna](https://github.com/ElunaLuaEngine/Eluna). This RochetCode page remains as an entry point to the current releases and documentation.
-
 **Eluna Lua Engine** is an embedded Lua scripting engine for World of Warcraft emulators. It supports MaNGOS, CMaNGOS, and TrinityCore, and is actively developed with unified scripting across supported emulator cores.
 
 **Highlights:**
diff --git a/_posts/2013-04-21-Item Enchant Visuals.md b/_posts/2013-04-21-Item Enchant Visuals.md
index b19b045..336b38c 100644
--- a/_posts/2013-04-21-Item Enchant Visuals.md	
+++ b/_posts/2013-04-21-Item Enchant Visuals.md	
@@ -4,6 +4,7 @@ description: Add random enchant visuals to looted weapons on TrinityCore or thro
 
 images:
     - /images/ItemEncahtns.jpg
+gallery_aspect: 600 / 272
 
 ---
 
diff --git a/contact/index.html b/contact/index.html
index 754f33b..b726018 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -12,7 +12,7 @@
             <a href="mailto:Rochet2@post.com">Rochet2@post.com</a>
         </li>
         <li class="contact-item">
-            <span class="contact-label">X</span>
+            <span class="contact-label">Twitter/X</span>
             <a href="https://twitter.com/projectcode_zzl">@projectcode_zzl</a>
         </li>
     </ul>
diff --git a/css/style.css b/css/style.css
index ca334cf..48770e5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -237,7 +237,7 @@ a:focus-visible,
 }
 
 .contact-label {
-    flex: 0 0 4.5rem;
+    flex: 0 0 6rem;
     font-weight: bold;
     color: #444444;
 }
@@ -328,7 +328,7 @@ a:focus-visible,
     list-style: none;
     padding: 0;
     margin: 0;
-    aspect-ratio: 16 / 9;
+    aspect-ratio: var(--gallery-aspect, 850 / 451);
 }
 
 .gallery-slide {
diff --git a/index.html b/index.html
index acc1246..8eb6d7b 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@ <h1>Welcome to RochetCode</h1>
     </ul>
     <p class="home-links">
         <a href="https://github.com/Rochet2">GitHub</a> ·
-        <a href="https://twitter.com/projectcode_zzl">Twitter</a> ·
+        <a href="https://twitter.com/projectcode_zzl">Twitter/X</a> ·
         <a href="https://www.youtube.com/@Rochet2">YouTube</a> ·
         <a href="{{ site.baseurl }}/contact">Contact</a>
     </p>