From 17b696209ae1ae414d0bb476dc03c36bd484d191 Mon Sep 17 00:00:00 2001
From: Kondrat Shmoylov <kondrat.shmoylov@gmail.com>
Date: Mon, 1 Dec 2025 14:24:17 +0100
Subject: [PATCH] create example

---
 .../src/lib/components/Footer/Footer.svelte          | 12 ++++++++----
 lightly_studio_view/src/lib/version.json             |  3 +++
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 lightly_studio_view/src/lib/version.json

diff --git a/lightly_studio_view/src/lib/components/Footer/Footer.svelte b/lightly_studio_view/src/lib/components/Footer/Footer.svelte
index cceecfd4f..06907da36 100644
--- a/lightly_studio_view/src/lib/components/Footer/Footer.svelte
+++ b/lightly_studio_view/src/lib/components/Footer/Footer.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { BookOpen, Mail } from '@lucide/svelte';
     import { page } from '$app/state';
+    import version from '$lib/version.json';
     import { isAnnotationsRoute } from '$lib/routes';
 
     type FooterProps = {
@@ -33,16 +34,16 @@
     });
 </script>
 
-<div class="mt-3 border-t border-border-hard bg-card px-6 py-1.5 text-sm">
+<div class="border-border-hard bg-card mt-3 border-t px-6 py-1.5 text-sm">
     <div class="mx-auto flex items-center justify-between gap-5">
         <div class="flex items-center gap-2">
             {#if statsText}
-                <span class="font-medium text-foreground">{statsText}</span>
+                <span class="text-foreground font-medium">{statsText}</span>
             {/if}
         </div>
         <div class="flex items-center gap-2">
             <a
-                class="flex items-center gap-2 text-foreground/80 transition-colors hover:text-foreground"
+                class="text-foreground/80 hover:text-foreground flex items-center gap-2 transition-colors"
                 href="https://www.lightly.ai/contact"
             >
                 <Mail class="size-4" />
@@ -51,7 +52,7 @@
         </div>
         <div class="flex items-center gap-2">
             <a
-                class="flex items-center gap-2 text-foreground/80 transition-colors hover:text-foreground"
+                class="text-foreground/80 hover:text-foreground flex items-center gap-2 transition-colors"
                 href="https://docs.lightly.ai/studio/"
                 target="_blank"
                 rel="noreferrer"
@@ -60,5 +61,8 @@
                 <span>Docs</span>
             </a>
         </div>
+        <div>
+            version: {version.version}
+        </div>
     </div>
 </div>
diff --git a/lightly_studio_view/src/lib/version.json b/lightly_studio_view/src/lib/version.json
new file mode 100644
index 000000000..f3fd520d2
--- /dev/null
+++ b/lightly_studio_view/src/lib/version.json
@@ -0,0 +1,3 @@
+{
+    "version": "1.8.0"
+}
\ No newline at end of file