From c380c2b79a5deae067fe7459d96af75de3ac8315 Mon Sep 17 00:00:00 2001
From: Julien Message <jmessage@ippon.fr>
Date: Tue, 27 Jan 2026 10:07:37 +0100
Subject: [PATCH] fix: replace the catalog background pattern (#308)

---
 assets/static/cross.svg                       |  55 ++++++++++++++++++
 assets/static/pacman.png                      | Bin 3320 -> 0 bytes
 .../catalog/CatalogBackground.vue             |   2 +-
 pages/catalog/index.vue                       |   5 +-
 4 files changed, 59 insertions(+), 3 deletions(-)
 create mode 100644 assets/static/cross.svg
 delete mode 100644 assets/static/pacman.png
 rename components/PackManBackground.vue => pages/catalog/CatalogBackground.vue (95%)

diff --git a/assets/static/cross.svg b/assets/static/cross.svg
new file mode 100644
index 0000000..2264ef3
--- /dev/null
+++ b/assets/static/cross.svg
@@ -0,0 +1,55 @@
+<svg id="Layer_1" enable-background="new 0 0 100 100" height="100" viewBox="0 0 100 100" width="100"
+     xmlns="http://www.w3.org/2000/svg">
+	<g fill="#231f20">
+		<path d="m89.805 5.754h1.508v7.374h-1.508z"/>
+		<path d="m86.871 8.687h7.375v1.508h-7.375z"/>
+		<path d="m62.766 5.754h1.508v7.374h-1.508z"/>
+		<path d="m59.832 8.687h7.375v1.508h-7.375z"/>
+		<path d="m35.727 5.754h1.508v7.374h-1.508z"/>
+		<path d="m32.794 8.687h7.374v1.508h-7.374z"/>
+		<path d="m8.687 5.754h1.509v7.374h-1.509z"/>
+		<path d="m5.754 8.687h7.375v1.508h-7.375z"/>
+		<path d="m89.805 32.793h1.508v7.375h-1.508z"/>
+		<path d="m86.871 35.726h7.375v1.508h-7.375z"/>
+		<path d="m62.766 32.793h1.508v7.375h-1.508z"/>
+		<path d="m59.832 35.726h7.375v1.508h-7.375z"/>
+		<path d="m35.727 32.793h1.508v7.375h-1.508z"/>
+		<path d="m32.794 35.726h7.374v1.508h-7.374z"/>
+		<path d="m8.687 32.793h1.509v7.375h-1.509z"/>
+		<path d="m5.754 35.726h7.375v1.508h-7.375z"/>
+		<path d="m89.805 59.832h1.508v7.375h-1.508z"/>
+		<path d="m86.871 62.765h7.375v1.508h-7.375z"/>
+		<path d="m62.766 59.832h1.508v7.375h-1.508z"/>
+		<path d="m59.832 62.765h7.375v1.508h-7.375z"/>
+		<path d="m35.727 59.832h1.508v7.375h-1.508z"/>
+		<path d="m32.794 62.765h7.374v1.508h-7.374z"/>
+		<path d="m8.687 59.832h1.509v7.375h-1.509z"/>
+		<path d="m5.754 62.765h7.375v1.508h-7.375z"/>
+		<path d="m89.805 86.871h1.508v7.375h-1.508z"/>
+		<path d="m86.871 89.804h7.375v1.508h-7.375z"/>
+		<path d="m76.285 73.352h1.508v7.375h-1.508z"/>
+		<path d="m73.352 76.285h7.375v1.508h-7.375z"/>
+		<path d="m49.246 73.352h1.508v7.375h-1.508z"/>
+		<path d="m46.313 76.285h7.375v1.508h-7.375z"/>
+		<path d="m22.207 73.352h1.508v7.375h-1.508z"/>
+		<path d="m19.273 76.285h7.375v1.508h-7.375z"/>
+		<path d="m76.285 46.313h1.508v7.375h-1.508z"/>
+		<path d="m73.352 49.246h7.375v1.509h-7.375z"/>
+		<path d="m49.246 46.313h1.508v7.375h-1.508z"/>
+		<path d="m46.313 49.246h7.375v1.509h-7.375z"/>
+		<path d="m22.207 46.313h1.508v7.375h-1.508z"/>
+		<path d="m19.273 49.246h7.375v1.509h-7.375z"/>
+		<path d="m76.285 19.273h1.508v7.375h-1.508z"/>
+		<path d="m73.352 22.207h7.375v1.508h-7.375z"/>
+		<path d="m49.246 19.273h1.508v7.375h-1.508z"/>
+		<path d="m46.313 22.207h7.375v1.508h-7.375z"/>
+		<path d="m22.207 19.273h1.508v7.375h-1.508z"/>
+		<path d="m19.273 22.207h7.375v1.508h-7.375z"/>
+		<path d="m62.766 86.871h1.508v7.375h-1.508z"/>
+		<path d="m59.832 89.804h7.375v1.508h-7.375z"/>
+		<path d="m35.727 86.871h1.508v7.375h-1.508z"/>
+		<path d="m32.794 89.804h7.374v1.508h-7.374z"/>
+		<path d="m8.687 86.871h1.509v7.375h-1.509z"/>
+		<path d="m5.754 89.804h7.375v1.508h-7.375z"/>
+	</g>
+</svg>
\ No newline at end of file
diff --git a/assets/static/pacman.png b/assets/static/pacman.png
deleted file mode 100644
index 9d5a416126063ae40a171dcac4012ff453699a04..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3320
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

diff --git a/components/PackManBackground.vue b/pages/catalog/CatalogBackground.vue
similarity index 95%
rename from components/PackManBackground.vue
rename to pages/catalog/CatalogBackground.vue
index d53c05c..666b37d 100644
--- a/components/PackManBackground.vue
+++ b/pages/catalog/CatalogBackground.vue
@@ -48,7 +48,7 @@ const props = defineProps<Props>();
   bottom: 0;
   background-size: 30px;
   background-repeat: repeat;
-  background-image: url("@/assets/static/pacman.png");
+  background-image: url("@/assets/static/cross.svg");
   opacity: 0.1;
 }
 </style>
diff --git a/pages/catalog/index.vue b/pages/catalog/index.vue
index 50a4298..2cbe387 100644
--- a/pages/catalog/index.vue
+++ b/pages/catalog/index.vue
@@ -19,6 +19,7 @@
 
 <script setup lang="ts">
 import { Availability } from "~/type/Availability";
+import CatalogBackground from "~/pages/catalog/CatalogBackground.vue";
 
 definePageMeta({
   layout: "public",
@@ -43,11 +44,11 @@ const getIcon = (service: string) => {
 </script>
 
 <template>
-  <PackManBackground class="flex items-center justify-center">
+  <CatalogBackground class="flex items-center justify-center">
     <h1 class="text-center text-5xl font-bold">
       {{ $t("catalog.availabilityCatalog") }}
     </h1>
-  </PackManBackground>
+  </CatalogBackground>
   <div
     class="container py-8 m-auto grid md:grid-cols-2 lg:grid-cols-3 grid-cols gap-4"
   >