From 23d111e649ed856483953c75450206d039388468 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Tue, 21 Oct 2025 22:42:10 +0200
Subject: [PATCH] Fixed a few stuff

---
 src/app/page.tsx              |  9 ++++++++-
 src/components/Background.tsx | 10 ++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e683db..41c8f45 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,7 +32,7 @@ export default function App() {
 
   return (
     <div>
-      <div className="content-center w-full lg:mx-auto pt-5 relative z-20 pb-10 animate-fadeIn">
+      <div className="content-center w-full lg:mx-auto pt-5 relative z-20 pb-5 animate-fadeIn">
         <div className="w-full max-w-screen-lg mx-auto">
           <div className="px-8 md:px-10 lg:px-15 xl:px-24">
             <h1 className="py-2 text-gray-300">Hey, I'm Klesti! 👋🏻</h1>
@@ -95,6 +95,7 @@ export default function App() {
             </h2>
             <section className="mt-4">
               <GitHubCalendar
+                hideTotalCount
                 username="kleo-dev"
                 theme={{
                   light: [
@@ -114,6 +115,12 @@ export default function App() {
                 }}
               />
             </section>
+            <footer className="mt-8 border-t pt-3">
+              If you see this i ❤️ you
+              <p className="text-slate-300 mx-auto w-max mt-2">
+                © 2025 Klesti. All rights reserved.
+              </p>
+            </footer>
           </div>
         </div>
       </div>
diff --git a/src/components/Background.tsx b/src/components/Background.tsx
index 3294dd2..c0e6291 100644
--- a/src/components/Background.tsx
+++ b/src/components/Background.tsx
@@ -7,9 +7,8 @@ export default function Background({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const [pos, setPos] = useState({ x: 100, y: 100 });
+  const [pos, setPos] = useState({ x: 30, y: 100 });
   const [vel, setVel] = useState({ x: 1, y: 1 });
-  const dvdRef = useRef<HTMLImageElement>(null);
 
   useEffect(() => {
     let frame: number;
@@ -18,8 +17,8 @@ export default function Background({
     let vx = vel.x;
     let vy = vel.y;
 
-    const speed = 0.8;
-    const size = 120;
+    const speed = 0.5;
+    const size = 100;
 
     // helper for collision detection
     const detectCollision = (
@@ -68,13 +67,12 @@ export default function Background({
   return (
     <div className="relative w-full min-h-screen overflow-hidden bg-black">
       <img
-        ref={dvdRef}
         style={{
           transform: `translate(${pos.x}px, ${pos.y}px)`,
         }}
         src="/logo.png"
         alt="Logo"
-        className="size-24 rounded-full border-slate-400 border"
+        className="size-24 rounded-full border-slate-500 border"
       />
       <div className="relative z-10">{children}</div>
     </div>