From 02cb1a77dabb219e3cda7b18f6708bed17a3eaab Mon Sep 17 00:00:00 2001 From: fxai Date: Mon, 11 May 2026 14:26:47 +0200 Subject: [PATCH] feature/frontend:Anaglyph effect --- frontend/src/components/TopBar.vue | 5 +- frontend/src/composables/useAnaglyph.ts | 46 +++++ frontend/src/style.css | 218 ++++++++++++++++++++---- 3 files changed, 233 insertions(+), 36 deletions(-) create mode 100644 frontend/src/composables/useAnaglyph.ts diff --git a/frontend/src/components/TopBar.vue b/frontend/src/components/TopBar.vue index 7f16741..c114cf3 100644 --- a/frontend/src/components/TopBar.vue +++ b/frontend/src/components/TopBar.vue @@ -20,6 +20,7 @@ import { DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; +import { useAnaglyph } from '@/composables/useAnaglyph'; import { useAssessmentDetailStore } from '@/stores/assessmentDetail'; import { useAuthStore } from '@/stores/auth'; import { usePreferencesStore } from '@/stores/preferences'; @@ -31,6 +32,7 @@ const route = useRoute(); const isDark = useDark(); const toggleDark = useToggle(isDark); const showAboutModal = ref(false); +const { registerClick: onLogoClick } = useAnaglyph(); // Breadcrumb: show assessment name when on assessment or activity routes const assessmentId = computed(() => route.params.id as string | undefined); @@ -71,7 +73,7 @@ const handleLogout = async () => {

- RAPTR + RAPTR