Add Datadog in "Special Thanks" section

Author: bagusnl

home/.vitepress/theme/index.ts

@@ -9,11 +9,22 @@ import { vuetify } from '../components/vuetify.vue'
 import { VCard, VCardText, VCardTitle, VTimeline, VTimelineItem, VIcon, VBtn } from 'vuetify/components'
 import "@catppuccin/vitepress/theme/mocha/peach.css"
 
+// Import Sentry
+import * as Sentry from "@sentry/vue"
 
 export default {
   extends: DefaultTheme,
   Layout: transition,
   enhanceApp({ app, router, siteData }) {
+    if (typeof window !== 'undefined') {  // Only run in browser environment
+      Sentry.init({
+        app,
+        dsn: "https://d0d8217a5201c48d709cd5874c50760a@o4508297437839360.ingest.de.sentry.io/4509628762095696",
+        sendDefaultPii: false,
+        integrations: [Sentry.browserTracingIntegration],
+        tracesSampleRate: 0.5
+      });
+    }
     app.component('MarkdownLoader', MarkdownLoader)
 
     app.use(vuetify)

home/index.md

@@ -75,6 +75,7 @@ features:
   import footerHi from './scripts/footer.vue';
   import copyright from './scripts/copyright.vue';
   import DigitalOceanLogo from './scripts/DigitalOceanLogo.vue';
+  import DatadogLogo from './scripts/DatadogLogo.vue';
 
   if (typeof document !== 'undefined') {
     document.title = "Collapse Launcher - Advanced Game Launcher";
@@ -134,6 +135,9 @@ Collapse came from the **Honkai Impact** translation in Chinese and Japanese. Th
 
 <div align="center"><DigitalOceanLogo /></div>
 
+6. Datadog for providing us their data observability platform!
+<div align="center"><DatadogLogo /></div>
+
 ## Code Signing Policy
 
 ::: info

home/public/img/logo/dd_logo_h_rgb.svg

@@ -0,0 +1,52 @@
+<template>
+  <a href="https://jb.gg/OpenSourceSupport" class="logo-container" target="_blank">
+    <div class="logo-wrapper dark-only">
+      <img src="/img/logo/dd_logo_h_white.svg" title="Datadog logo" alt="Datadog logo" loading="lazy" class="logo" />
+    </div>
+    <div class="logo-wrapper light-only">
+      <img src="/img/logo/dd_logo_h_rgb.svg" title="Datadog logo" alt="Datadog logo" loading="lazy" class="logo" />
+    </div>
+  </a>
+  <p class="attribution">
+      Copyright © 2025 Datadog, Inc.
+    </p>
+</template>
+
+<style scoped>
+.logo-container {
+  display: inline-flex; /* Makes <a> tag a inline-flex container */
+  flex-direction: row; /* Horizontal layout */
+  justify-content: center; /* Center images horizontally */
+  align-items: center; /* Align images vertically */
+  gap: 10px; /* Space between images */
+}
+
+.attribution {
+ font-size: small;
+}
+
+.logo-wrapper {
+  display: flex; /* Makes <a> tag a flex container */
+  flex-direction: row; /* Horizontal layout */
+  flex-wrap: wrap; /* Wrap contents */
+  justify-content: center; /* Center images horizontally */
+  align-items: center; /* Align images vertically */
+  gap: 10px; /* Space between images */
+}
+
+.logo {
+  height: 70px;
+  width: auto; /* Maintain aspect ratio */
+  margin: 0; /* Remove unwanted margins */
+  flex: 0 0 auto; /* Prevent any stretching */
+}
+
+
+html.dark .light-only {
+  display: none !important;
+}
+
+html:not(.dark) .dark-only {
+  display: none !important;
+}
+</style>