From 6b7c65ccd286e4e203d60ff95e23ddea0d69ff2a Mon Sep 17 00:00:00 2001 From: Rochet2 Date: Tue, 26 May 2026 03:58:29 +0300 Subject: [PATCH 1/3] Fix gallery carousel sizing and transition flash. Use a fixed aspect-ratio frame with object-fit cover so slides stay uniform, and swap slides with opacity instead of display toggling. --- css/style.css | 30 ++++++++++++++++++++---------- js/gallery.js | 5 +++-- 2 files changed, 23 insertions(+), 12 deletions(-) diff --git a/css/style.css b/css/style.css index cf24d51..ba131aa 100644 --- a/css/style.css +++ b/css/style.css @@ -283,32 +283,42 @@ a:focus-visible, list-style: none; padding: 0; margin: 0; -} - -.gallery-slides::after { - content: ""; - display: table; - clear: both; + aspect-ratio: 16 / 9; } .gallery-slide { - display: none; + position: absolute; + top: 0; + left: 0; width: 100%; + height: 100%; margin: 0; padding: 0; + opacity: 0; + visibility: hidden; + z-index: 0; -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .gallery-slide.is-active { + opacity: 1; + visibility: visible; + z-index: 1; +} + +.gallery-slide picture { display: block; - float: left; + width: 100%; + height: 100%; } -.gallery-slide picture, .gallery-slide img { display: block; width: 100%; - height: auto; + height: 100%; + object-fit: cover; + object-position: center; border: 0; } diff --git a/js/gallery.js b/js/gallery.js index 09d0e0b..54e8ef6 100644 --- a/js/gallery.js +++ b/js/gallery.js @@ -12,9 +12,10 @@ } window.setInterval(function () { + var next = (current + 1) % slides.length; + slides[next].classList.add("is-active"); slides[current].classList.remove("is-active"); - current = (current + 1) % slides.length; - slides[current].classList.add("is-active"); + current = next; }, 4000); }); })(); From 639ad8b1c4c5d29ffcaf2fe374c2469eac3c48ac Mon Sep 17 00:00:00 2001 From: Rochet2 Date: Tue, 26 May 2026 03:59:55 +0300 Subject: [PATCH 2/3] Fix footer RSS link vertical alignment. Apply the same valign inline-block styles to direct anchor children as spans. --- css/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index ba131aa..0a97661 100644 --- a/css/style.css +++ b/css/style.css @@ -39,7 +39,8 @@ a:hover, a:focus, a:active { text-align: center; } -.valign>span { +.valign>span, +.valign>a { display: inline-block; vertical-align: middle; line-height: normal; From 23e866eb74279b2ea59c857d7b04516bb6e6d4ed Mon Sep 17 00:00:00 2001 From: Rochet2 Date: Tue, 26 May 2026 04:03:09 +0300 Subject: [PATCH 3/3] Polish homepage, contact, downloads, and project headers. Fix the homepage CTA styling, restyle the contact page, use the shared page header on downloads and contact, and align project icons with title and tags via flexbox. --- contact/index.html | 27 ++++++++++++++++++-------- css/style.css | 45 ++++++++++++++++++++++++++++++++++++++------ downloads/index.html | 3 --- index.html | 2 +- 4 files changed, 59 insertions(+), 18 deletions(-) diff --git a/contact/index.html b/contact/index.html index 99e7b3b..35303e5 100644 --- a/contact/index.html +++ b/contact/index.html @@ -2,12 +2,23 @@ title: Contact description: Contact Rochet2 by email and find links to GitHub, Gist, YouTube, and Pastebin. --- -

E-mail: Rochet2@post.com

-

X: @projectcode_zzl

-

Links

-

GitHub

-

Gist

-

YouTube

-

Pastebin

-

Feedback form

+
+

Email or social — pick what works.

+ +
+
Email
+
Rochet2@post.com
+
X
+
@projectcode_zzl
+
+ +

Links

+

+ GitHub · + Gist · + YouTube · + Pastebin · + Feedback form +

+
diff --git a/css/style.css b/css/style.css index 0a97661..00eb966 100644 --- a/css/style.css +++ b/css/style.css @@ -125,23 +125,25 @@ a:focus-visible, .project-header { margin: 30px 20px; - overflow: auto; + display: flex; + align-items: center; + gap: 20px; } .project-header-icon { - float: left; - margin: 0 20px 0 0; + flex: 0 0 80px; height: 80px; width: 80px; } .project-header-text { - overflow: hidden; + flex: 1 1 auto; + min-width: 0; } .project-header-title { margin: 0; - line-height: 80px; + line-height: 1.25; font-size: 2rem; } @@ -181,7 +183,7 @@ a:focus-visible, .home-cta { display: inline-block; padding: 12px 24px; - background-color: #1A1A1A; + background-color: #1A1A1A !important; color: #FFFFFF !important; font-weight: bold; transition: background-color 500ms; @@ -208,6 +210,37 @@ a:focus-visible, margin-top: 2rem; } +.contact-page { + max-width: 560px; + margin: 0 auto 3rem; +} + +.contact-intro { + color: #444444; + margin: 0 0 1.5rem; +} + +.contact-details { + display: grid; + grid-template-columns: 4.5rem 1fr; + gap: 0.75rem 1rem; + margin: 0 0 2rem; +} + +.contact-details dt { + font-weight: bold; + color: #444444; +} + +.contact-details dd { + margin: 0; +} + +.contact-links { + line-height: 1.8; + margin: 0; +} + #footer { position: absolute; bottom: 0; diff --git a/downloads/index.html b/downloads/index.html index 55436d7..dd5c8fd 100644 --- a/downloads/index.html +++ b/downloads/index.html @@ -1,11 +1,8 @@ --- title: Downloads description: Browse Rochet2 emulator mods and tools, including Eluna, Transmogrification, and Portal Master. -hide_header: true --- -

Downloads

-

Click a project below to read more about it and download it

diff --git a/index.html b/index.html index 203365d..e8337c0 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@

Welcome to RochetCode

Scripts and core modifications for open-source World of Warcraft emulators. Browse releases for TrinityCore, MaNGOS, Eluna, and more.

-

Browse {{ site.posts.size }} projects

+

Browse projects

  • SQL installs, GitHub source links, and documentation per project
  • Screenshots and videos where available