From df940dff584778a975f2de1f393c5cb8136bb91d Mon Sep 17 00:00:00 2001
From: Laxystem <the@laxla.quest>
Date: Wed, 18 Dec 2024 09:07:56 +0200
Subject: [PATCH 1/4] Add bindings section

---
 index.html | 38 ++++++++++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 5d4c5e7868a0..dc8177354f51 100644
--- a/index.html
+++ b/index.html
@@ -200,6 +200,16 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
     </script>
 
     <script>
+        // List of bindings
+        const bindings_list = [
+            {
+                "name": "wgpu4k",
+                "description": "Work-in-progress binding for Kotlin/Multiplatform",
+                "website": "https://GitHub.com/wgpu4k/wgpu4k",
+                "thumbnail": "https://google.com/favicon.ico"
+            }
+        ]
+        
         // List of showcase projects; Edit this list to add or remove projects
         const showcase_list = [
             {
@@ -406,15 +416,27 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
             `;
         }
 
-        const showcase_container = document.getElementById("showcase_container");
+        const sections = [
+            {
+                "container": "bindings_container",
+                "entries": bindings_list
+            },
+            {
+                "container": "showcase_container",
+                "entries": showcase_list
+            }
+        ];
 
-        for (let { name, description, website, thumbnail } of showcase_list) {
-            showcase_container.insertAdjacentHTML("beforeend", showcase_template({
-                name,
-                description,
-                website,
-                thumbnail
-            }));
+        for (let { container, entries } of sections) {
+            const container_element = document.getElementById(container);
+            for (let { name, description, website, thumbnail } of entries) {
+                container_element.insertAdjacentHTML("beforeend", showcase_template({
+                    name,
+                    description,
+                    website,
+                    thumbnail
+                }));
+            }
         }
     </script>
 </body>

From 8a24c31db0d7facf1397bc1952dc72bf3bff6be6 Mon Sep 17 00:00:00 2001
From: Laxystem <the@laxla.quest>
Date: Wed, 18 Dec 2024 10:12:04 +0300
Subject: [PATCH 2/4] Added bindings to HTML as well

---
 index.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/index.html b/index.html
index dc8177354f51..657a43f6958f 100644
--- a/index.html
+++ b/index.html
@@ -170,6 +170,17 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
 
             <div id="showcase_container"></div>
         </div>
+
+        <div class="container">
+            <h1 class="title is-1"><a name="bindings">#</a> Bindings</h1>
+            <br>
+            <p class="subtitle is-4">Ported <b>wgpu</b>? <a
+                    href="https://github.com/gfx-rs/wgpu-rs.github.io">Make a PR</a>, and reach out to us on <a
+                    href="https://matrix.to/#/#wgpu-users:matrix.org">#wgpu-users</a>!</p>
+            <br>
+
+            <div id="bindings_container"></div>
+        </div>
     </section>
 
     <!-- Helper script for toggling the navigation-bar burger menu on small screens -->

From 6e9d49eb200779cff2437d89fb4a8cf736ee42aa Mon Sep 17 00:00:00 2001
From: Laxystem <the@laxla.quest>
Date: Wed, 18 Dec 2024 10:21:31 +0300
Subject: [PATCH 3/4] Move bindings section to be first

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 657a43f6958f..e9fe6a13e3dc 100644
--- a/index.html
+++ b/index.html
@@ -161,25 +161,25 @@ <h1 class="title is-1 pb-6">
     <!-- Showcase Projects -->
     <section class="section is-medium">
         <div class="container">
-            <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
+            <h1 class="title is-1"><a name="bindings">#</a> Bindings</h1>
             <br>
-            <p class="subtitle is-4">Made something cool with <b>wgpu</b>? <a
+            <p class="subtitle is-4">Ported <b>wgpu</b>? <a
                     href="https://github.com/gfx-rs/wgpu-rs.github.io">Make a PR</a>, and reach out to us on <a
                     href="https://matrix.to/#/#wgpu-users:matrix.org">#wgpu-users</a>!</p>
             <br>
 
-            <div id="showcase_container"></div>
+            <div id="bindings_container"></div>
         </div>
-
+        
         <div class="container">
-            <h1 class="title is-1"><a name="bindings">#</a> Bindings</h1>
+            <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
             <br>
-            <p class="subtitle is-4">Ported <b>wgpu</b>? <a
+            <p class="subtitle is-4">Made something cool with <b>wgpu</b>? <a
                     href="https://github.com/gfx-rs/wgpu-rs.github.io">Make a PR</a>, and reach out to us on <a
                     href="https://matrix.to/#/#wgpu-users:matrix.org">#wgpu-users</a>!</p>
             <br>
 
-            <div id="bindings_container"></div>
+            <div id="showcase_container"></div>
         </div>
     </section>
 

From b0d315bc5a21c9bcb43c3ecae3862c7f89859ad9 Mon Sep 17 00:00:00 2001
From: Laxystem <the@laxla.quest>
Date: Wed, 18 Dec 2024 17:11:42 +0200
Subject: [PATCH 4/4] Update index.html

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e9fe6a13e3dc..4e7a3c92b29d 100644
--- a/index.html
+++ b/index.html
@@ -211,13 +211,13 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
     </script>
 
     <script>
-        // List of bindings
+        // List of bindings; Edit this list to add or remove projects
         const bindings_list = [
             {
                 "name": "wgpu4k",
                 "description": "Work-in-progress binding for Kotlin/Multiplatform",
                 "website": "https://GitHub.com/wgpu4k/wgpu4k",
-                "thumbnail": "https://google.com/favicon.ico"
+                "thumbnail": "https://avatars.githubusercontent.com/u/163670885"
             }
         ]