Bump version to 2.4 and add CSS editor changelog entry

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

README.md

@@ -17,6 +17,7 @@ You can also build and run Sucker as a Docker container with `docker compose bui
 
 ### Changelog
 
+- 2.4: CSS editor for Janitor profiles. New banner links to the live-preview editor at tools.from-avalon.com/janitor-profile-maker.
 - 2.3: ECHO. Put ECHO: anywhere in a message and sucker repeats whatever comes after it in the reply — for triggering char-side script and lorebook keywords.
 - 2.2: Added support for directly inputting webp file names or character image links when creating PNG character cards
 - 2.1: updated deps, note about image fetching, list of mirrors

src/app/page.tsx

@@ -373,7 +373,7 @@ export default function Home() {
           {/* Row 1: Title on left, Hamburger on right */}
           <div className="flex justify-between items-start mb-3">
             <div>
-              <h1 className="text-2xl font-bold">Sucker v2.3</h1>
+              <h1 className="text-2xl font-bold">Sucker v2.4</h1>
               <p className="text-xs text-muted-foreground">
                 ECHO: Consider joining Avalon!
               </p>
@@ -411,7 +411,7 @@ export default function Home() {
         {/* Desktop Layout */}
         <div className="hidden sm:flex justify-between items-center mb-4">
           <div>
-            <h1 className="text-3xl font-bold">Sucker v2.3</h1>
+            <h1 className="text-3xl font-bold">Sucker v2.4</h1>
             <p className="text-sm text-muted-foreground">
               ECHO: Consider joining Avalon!
             </p>
@@ -961,6 +961,33 @@ export default function Home() {
             </DialogDescription>
           </DialogHeader>
           <div className="space-y-6">
+            <div>
+              <h3 className="font-semibold text-lg mb-2">Sep 2026 - CSS Editor for Janitor profiles</h3>
+              <div className="space-y-2 text-sm text-muted-foreground">
+                <p>
+                  We&apos;d like to introduce a CSS editor we have been working
+                  on for Janitor profiles. It comes loaded with some simple
+                  presets, and we plan to include more in the future, be it
+                  ours or provided by the community. You can see changes occur
+                  in live time and it should accurately represent the
+                  behaviour of the CSS if used in your Janitor profile.
+                </p>
+                <p>
+                  Check it out at{" "}
+                  <a
+                    href="https://tools.from-avalon.com/janitor-profile-maker/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-blue-500 hover:underline"
+                  >
+                    tools.from-avalon.com/janitor-profile-maker
+                  </a>{" "}
+                  and DM eslezer on Discord if you have any bug or suggestion
+                  for the editor.
+                </p>
+              </div>
+            </div>
+            <Separator />
             <div>
               <h3 className="font-semibold text-lg mb-2">Aug 2026 - ECHO</h3>
               <div className="space-y-2 text-sm text-muted-foreground">