From c2ef3550da7866bdb5c1340b562f4b7ba9a20b68 Mon Sep 17 00:00:00 2001
From: patak-dev <matias.capeletto@gmail.com>
Date: Tue, 22 Oct 2024 21:30:22 +0200
Subject: [PATCH 1/3] docs: center last projects row in landing

---
 .../FrameworksSection.vue                     | 53 +++++++++++++------
 1 file changed, 37 insertions(+), 16 deletions(-)

diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
index df59bfaf6d545a..c108d3740f1b8d 100644
--- a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
+++ b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
@@ -244,19 +244,6 @@ const numFrameworksPerRow = computed(
   () => numBlocksPerRow.value - paddedBlocksPerSide.value * 2,
 )
 
-/**
- * The indexes of the blocks on each row that support framework cards.
- */
-const centerIndexes: ComputedRef<{ start: number; end: number }> = computed(
-  () => {
-    const startIndex = paddedBlocksPerSide.value
-    return {
-      start: startIndex,
-      end: numBlocksPerRow.value - paddedBlocksPerSide.value,
-    }
-  },
-)
-
 /**
  * How many rows do we need to display all the frameworks?
  */
@@ -264,6 +251,40 @@ const numRows: ComputedRef<number> = computed(() => {
   return Math.ceil(frameworks.length / numFrameworksPerRow.value)
 })
 
+/**
+ * The indexes of the blocks on each row that support framework cards.
+ */
+const centerIndexes: ComputedRef<{ start: number; end: number }[]> = computed(
+  () => {
+    const firstRowsStartIndex = paddedBlocksPerSide.value
+    const frameworksPerFirstRows =
+      numBlocksPerRow.value - 2 * paddedBlocksPerSide.value
+    const lastRowStartIndex =
+      paddedBlocksPerSide.value +
+      Math.floor(
+        (frameworksPerFirstRows -
+          (frameworks.length % frameworksPerFirstRows)) /
+          2,
+      )
+    return new Array(numRows.value + 1).fill(0).map((_, i) => {
+      return i < numRows.value ||
+        frameworks.length % frameworksPerFirstRows === 0
+        ? {
+            start: firstRowsStartIndex,
+            end: numBlocksPerRow.value - paddedBlocksPerSide.value,
+          }
+        : {
+            start: lastRowStartIndex,
+            end:
+              lastRowStartIndex +
+              (frameworks.length % frameworksPerFirstRows) +
+              1,
+          }
+    })
+  },
+)
+
+console.log(centerIndexes.value)
 /**
  * Generate CSS transformations for each row, to gracefully slide between horizontal positions.
  */
@@ -289,8 +310,8 @@ const rowStyle: ComputedRef<{ transform: string }> = computed(() => {
           <template v-for="columnIndex in numBlocksPerRow + 2">
             <template
               v-if="
-                columnIndex - 1 >= centerIndexes.start &&
-                columnIndex - 1 < centerIndexes.end
+                columnIndex - 1 >= centerIndexes[rowIndex].start &&
+                columnIndex - 1 < centerIndexes[rowIndex].end
               "
             >
               <FrameworkCard
@@ -298,7 +319,7 @@ const rowStyle: ComputedRef<{ transform: string }> = computed(() => {
                   frameworks[
                     (rowIndex - 1) * numFrameworksPerRow +
                       (columnIndex - 1) -
-                      centerIndexes.start
+                      centerIndexes[rowIndex].start
                   ]
                 "
               />

From 8e3236bb2c51c1603bca28e0378eabdc0164f7fe Mon Sep 17 00:00:00 2001
From: patak <583075+patak-dev@users.noreply.github.com>
Date: Wed, 23 Oct 2024 07:16:36 +0200
Subject: [PATCH 2/3] chore: remove console.log
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 翠 / green <green@sapphi.red>
---
 .../landing/3. frameworks-section/FrameworksSection.vue          | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
index c108d3740f1b8d..d0fb10d2179b43 100644
--- a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
+++ b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
@@ -284,7 +284,6 @@ const centerIndexes: ComputedRef<{ start: number; end: number }[]> = computed(
   },
 )
 
-console.log(centerIndexes.value)
 /**
  * Generate CSS transformations for each row, to gracefully slide between horizontal positions.
  */

From 98051ae1edf194649cbf0820628ec59209f5a1a7 Mon Sep 17 00:00:00 2001
From: patak <583075+patak-dev@users.noreply.github.com>
Date: Wed, 23 Oct 2024 07:16:48 +0200
Subject: [PATCH 3/3] chore: comment
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 翠 / green <green@sapphi.red>
---
 .../landing/3. frameworks-section/FrameworksSection.vue         | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
index d0fb10d2179b43..658b21e4a826da 100644
--- a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
+++ b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue	
@@ -253,6 +253,8 @@ const numRows: ComputedRef<number> = computed(() => {
 
 /**
  * The indexes of the blocks on each row that support framework cards.
+ *
+ * Note that the index of the returned array is 1-based.
  */
 const centerIndexes: ComputedRef<{ start: number; end: number }[]> = computed(
   () => {