fix the css of controller container

Author: recursivezero

src/assets/styles/map/map.css

@@ -170,4 +170,4 @@
     fill: #ffa500;
     transform: scale(1);
   }
-}
+}

src/components/ControllerContainer.astro

@@ -15,12 +15,8 @@ import Speak from "@/components/Speaker.astro";
     <Speak />
     <CaseToggle />
     <FontToggle />
-
-    <div class="control-group">
-      <ImageToggle />
-      <ColorToggle />
-    </div>
-
+    <ImageToggle />
+    <ColorToggle />
     <BackgroundToggle />
     <ResetButton />
   </div>
@@ -72,23 +68,5 @@ import Speak from "@/components/Speaker.astro";
         }
       }
     });
-    document.addEventListener("caseToggled", (event) => {
-      const { isActive } = (event as CustomEvent).detail;
-    });
-    document.addEventListener("fontToggled", (event) => {
-      const { isActive } = (event as CustomEvent).detail;
-    });
-    document.addEventListener("imageToggled", (event) => {
-      const { isActive } = (event as CustomEvent).detail;
-    });
-    document.addEventListener("colorToggled", (event) => {
-      const { isActive } = (event as CustomEvent).detail;
-    });
-    document.addEventListener("backgroundToggled", (event) => {
-      const { isActive } = (event as CustomEvent).detail;
-    });
-    document.addEventListener("keyboardReset", (event) => {
-      const { originalState } = (event as CustomEvent).detail;
-    });
   });
 </script>

src/components/MobileSplash.astro

@@ -3,13 +3,13 @@ import "@/assets/styles/MobileSplash.css";
 import { Image } from "astro:assets";
 import logoImage from "public/assets/images/ABCD.png";
 const githubUrl = "https://github.com/recursivezero/abcd";
-const siteUrl = "https://abcdkbd.com";
+const siteUrl = "https://parixan.xyz";
 ---
 
 <div class="container_splash">
   <div class="container_splash_card">
     <Image src={logoImage} alt="logo of abcd." width="50" height="50" />
-    <h1 class="container_splash_heading"><strong>abcdkbd is best experienced on desktop</strong></h1>
+    <h1 class="container_splash_heading"><strong>This page is best experienced on desktop</strong></h1>
     <p class="container_splash_text">
       Revisit on desktop to check out abcdkbd.com. We will optimize for mobile soon. Stay tuned…
     </p>

src/content/md/about.md

@@ -32,7 +32,7 @@ curriculum-aligned educational content.
 - Simple math & reading practice
 - Interactive storytelling
 - Coloring & memory activities
-- Bilingual (English + Hindi) word support _(if applicable)_
+- Multilingual (English + Hindi) word learning
 - No distractions – ad-free, safe environment
 
 ---
@@ -42,7 +42,7 @@ curriculum-aligned educational content.
 - Designed with child psychology in mind
 - Supports classroom and home learning
 - Works on mobile and desktop
-- Offline access available _(if applicable)_
+- Offline access available
 - Trusted by teachers and parents
 
 ---
@@ -61,7 +61,7 @@ We bring together tech and teaching to build tools that really help.
 ## 💡 Our Core Values
 
 - **Simplicity** – Easy-to-use design for every age
-- **Inclusivity** – Respecting every learner’s needs
+- **Inclusion** – Respecting every learner’s needs
 - **Fun-first learning** – Making learning an adventure
 - **Respect** – For every child’s pace and potential
 - **Continuous improvement** – We listen, learn, and grow

src/pages/index.astro

@@ -5,15 +5,13 @@ import HeroSection from "@/components/about/HeroSection.astro";
 import ExploreLearnSection from "@/components/home/ExploreLearnSection.astro";
 import KidsLoveSection from "@/components/home/KidsLoveSection.astro";
 import TestimonialsSection from "@/components/home/TestimonialsSection.astro";
-import MobileSplash from "@/components/MobileSplash.astro";
 import BaseLayout from "@/layouts/Base";
 const meta = {
   title: "Home"
 };
 ---
 
 <BaseLayout meta={meta}>
-  <MobileSplash />
   <HeroSection appName="abcdkbd" />
   <ExploreLearnSection />
   <TestimonialsSection />

src/pages/panel.astro

@@ -7,10 +7,12 @@ import SettingIcon from "@/assets/icons/settings.svg";
 import Back from "@/components/Back.astro";
 import SharePopover from "@/components/ShareButton.astro";
 import KeyboardTrigger from "@/components/KeyboardTrigger.astro";
+import MobileSplash from "@/components/MobileSplash.astro";
 ---
 
 <BaseLayout meta={{ title: "Panel" }}>
   <Back />
+  <MobileSplash />
   <Fragment slot="header-right">
     <div class="right-header-buttons">
       <div class="settings-button-container">