From 7fd782f28894a7eeb9214b00d4fca21d76776e3a Mon Sep 17 00:00:00 2001
From: Mathieu Bastian <mathieu.bastian@gmail.com>
Date: Thu, 27 Aug 2026 16:28:30 +0200
Subject: [PATCH] Improve website content

Clarify project information and refine presentation across the site.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/pages/about/index.astro   |  2 +-
 src/pages/toolkit/index.astro | 92 +++++++++++++++++++++++++----------
 2 files changed, 67 insertions(+), 27 deletions(-)

diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro
index b73231a..057cf5b 100644
--- a/src/pages/about/index.astro
+++ b/src/pages/about/index.astro
@@ -56,7 +56,7 @@ const TEAM: TeamMember[] = [
               > at JavaOne 2010.
             </p>
             <p>
-              After a less active period of development, the <a href="/community#gephi-weeks">Gephi team gathers</a> 
+              After a less active period of development, the <a href="/community#gephi-weeks">Gephi team gathers</a>
               every year since 2021 to maintain the codebase, meets users, discuss and design new features.
             </p>
             <p>
diff --git a/src/pages/toolkit/index.astro b/src/pages/toolkit/index.astro
index 08a32bf..bf7e1f7 100644
--- a/src/pages/toolkit/index.astro
+++ b/src/pages/toolkit/index.astro
@@ -7,6 +7,42 @@ import Layout from "../../layouts/Layout.astro";
 ---
 
 <Layout pageId="toolkit">
+  <style>
+    .feature .feature-text.architecture-card {
+      max-width: 100%;
+      display: flex;
+      align-items: center;
+      gap: 2rem;
+    }
+
+    .architecture-copy {
+      flex: 1 1 42%;
+      min-width: 0;
+    }
+
+    .architecture-copy p:last-child {
+      margin-bottom: 0;
+    }
+
+    .architecture-figure {
+      flex: 1 1 58%;
+      min-width: 0;
+    }
+
+    .architecture-figure img {
+      max-height: none;
+      width: 100%;
+      height: auto;
+    }
+
+    @media (max-width: 767.98px) {
+      .feature .feature-text.architecture-card {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 1.5rem;
+      }
+    }
+  </style>
   <Banner>
     <div class="banner-contents">
       <div class="banner-texts">
@@ -76,34 +112,38 @@ import Layout from "../../layouts/Layout.astro";
       </section>
       <section class="feature">
         <section class="feature-headline">
-          <div class="feature-text">
-            <h2><Icon name="ph:question" class="text-primary" />How it works</h2>
-            <p class="fs-5">
-              Gephi is designed in a modular way and split into different modules. All features are wrapped into
-              separated modules, for instance a module for the graph structure, a module for the layout algorithms and
-              so on. Moreover business modules are separated from user interfaces modules. That allows to keep only
-              business modules and remove UI without any problems. That is the purpose of the toolkit, which wraps only
-              core modules and remove all the UI layer.
-            </p>
-            <p class="fs-5">
-              The figure shows Gephi architecture and what part is included in the toolkit. So the toolkit is just
-              taking what already exists in Gephi and package it.
-            </p>
-            <p class="fs-5">
-              The Javadoc and Code examples can be found on <a
-                href="https://github.com/gephi/gephi-toolkit"
-                class="fw-bold"
-                ><Icon name="ph:github-logo" /> GitHub
-              </a>
-            </p>
+          <div class="feature-text architecture-card">
+            <div class="architecture-copy">
+              <h2><Icon name="ph:question" class="text-primary" />How it works</h2>
+              <p class="fs-5">
+                Gephi is designed in a modular way and split into different modules. All features are wrapped into
+                separated modules, for instance a module for the graph structure, a module for the layout algorithms and
+                so on. Moreover business modules are separated from user interfaces modules. That allows to keep only
+                business modules and remove UI without any problems. That is the purpose of the toolkit, which wraps only
+                core modules and remove all the UI layer.
+              </p>
+              <p class="fs-5">
+                The figure shows Gephi architecture and what part is included in the toolkit. So the toolkit is just
+                taking what already exists in Gephi and package it.
+              </p>
+              <p class="fs-5">
+                The Javadoc and Code examples can be found on <a
+                  href="https://github.com/gephi/gephi-toolkit"
+                  class="fw-bold"
+                  ><Icon name="ph:github-logo" /> GitHub
+                </a>
+              </p>
+            </div>
+            <figure class="figure architecture-figure mb-0">
+              <Image
+                src={Architecture}
+                class="figure-img img-fluid"
+                alt="Architecture diagram: Gephi and NetBeans core modules plus Gephi APIs are packaged into gephi-toolkit.jar, while UI modules are left out."
+              />
+              <figcaption class="figure-caption text-muted text-center">Gephi Toolkit Architecture</figcaption>
+            </figure>
           </div>
         </section>
-        <section class="feature-arguments">
-          <figure class="figure">
-            <Image src={Architecture} class="border figure-img img-fluid p-2" alt="" />
-            <figcaption class="figure-caption text-muted text-center">Gephi Toolkit Architecture</figcaption>
-          </figure>
-        </section>
       </section>
     </section>
   </main>