removed theme observer and dark theme logo text support from ChipOverview
; replaced logo rendering with static header text for simplification and cleaner design
Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
This commit is contained in:
@@ -15,39 +15,9 @@ import {
|
|||||||
FaUsers,
|
FaUsers,
|
||||||
} from 'react-icons/fa';
|
} from 'react-icons/fa';
|
||||||
import {HiSparkles} from 'react-icons/hi';
|
import {HiSparkles} from 'react-icons/hi';
|
||||||
import {useEffect, useState} from 'react';
|
|
||||||
import logotext from "../assets/logotext.svg";
|
|
||||||
import logotext_dark from "../assets/logotext_dark.svg";
|
|
||||||
|
|
||||||
export default function ChipOverview() {
|
export default function ChipOverview() {
|
||||||
const [isDarkTheme, setIsDarkTheme] = useState(false);
|
return (<div className="p-4 pb-20 max-w-6xl mx-auto relative overflow-hidden">
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
// Initialize theme state
|
|
||||||
const updateThemeState = () => {
|
|
||||||
const theme = document.documentElement.getAttribute('data-theme');
|
|
||||||
setIsDarkTheme(theme === 'dark');
|
|
||||||
};
|
|
||||||
|
|
||||||
// Set initial state
|
|
||||||
updateThemeState();
|
|
||||||
|
|
||||||
// Create observer to watch for theme changes
|
|
||||||
const observer = new MutationObserver(mutations => {
|
|
||||||
mutations.forEach(mutation => {
|
|
||||||
if (mutation.attributeName === 'data-theme') {
|
|
||||||
updateThemeState();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Start observing
|
|
||||||
observer.observe(document.documentElement, {attributes: true});
|
|
||||||
|
|
||||||
// Cleanup
|
|
||||||
return () => observer.disconnect();
|
|
||||||
}, []);
|
|
||||||
return (<div className="p-4 pt-24 pb-20 max-w-6xl mx-auto relative overflow-hidden">
|
|
||||||
{/* Floating Background Elements */}
|
{/* Floating Background Elements */}
|
||||||
<div className="absolute inset-0 pointer-events-none">
|
<div className="absolute inset-0 pointer-events-none">
|
||||||
<div className="absolute top-20 left-0 text-purple-200 opacity-30">
|
<div className="absolute top-20 left-0 text-purple-200 opacity-30">
|
||||||
@@ -65,11 +35,7 @@ export default function ChipOverview() {
|
|||||||
<div className="text-center mb-12 sm:mb-16 relative z-10">
|
<div className="text-center mb-12 sm:mb-16 relative z-10">
|
||||||
<div className="animate-pulse flex flex-col items-center mb-8 sm:mb-12">
|
<div className="animate-pulse flex flex-col items-center mb-8 sm:mb-12">
|
||||||
<div className="flex items-center justify-around">
|
<div className="flex items-center justify-around">
|
||||||
{isDarkTheme ? (
|
<h1 className="text-9xl sm:text-7xl font-bold text-purple-500 dark:text-purple-400">REMsense</h1>
|
||||||
<img src={logotext} alt="REMind Logo and Text" className="h-32 sm:h-40 md:h-48 mb-4"/>
|
|
||||||
) : (
|
|
||||||
<img src={logotext_dark} alt="REMind Logo and Text" className="h-32 sm:h-40 md:h-48 mb-4"/>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
<p className="text-lg sm:text-xl dreamy-text">Bahnbrechende Traumtechnologie</p>
|
<p className="text-lg sm:text-xl dreamy-text">Bahnbrechende Traumtechnologie</p>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user