From 890944ab64e00883d054a5722dfddca49e556d86 Mon Sep 17 00:00:00 2001
From: Alzalia <alzalia@alzalia.fr>
Date: Sun, 21 Sep 2025 22:49:24 +0200
Subject: [PATCH] fix: made page better

---
 src/components/Card.tsx            |  2 +-
 src/components/Mdown.tsx           | 15 ++++++++++++++-
 src/routes/index.tsx               |  2 +-
 src/routes/lessons/$lessonName.tsx |  2 +-
 src/routes/lessons/index.tsx       |  2 +-
 src/routes/projects/index.tsx      |  2 +-
 6 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index d0f94ca..82f7615 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -11,7 +11,7 @@ interface Props {
 
 export default function Card({ title, content, id, downloads }: Props) {
     return (
-        <div className="bg-[#161718] w-lg p-5 flex flex-col gap-5 rounded-xl self-center">
+        <div className="bg-[#161718] w-xl max-w-4/5 p-5 flex flex-col gap-5 rounded-xl self-center hover:shadow-xl/20 hover:shadow-white transition-shadow mb-5">
             <h1 className="text-white text-2xl font-bold" id={id?.toString()}>
                 <Mdown>{title}</Mdown>
             </h1>
diff --git a/src/components/Mdown.tsx b/src/components/Mdown.tsx
index cab339a..8dd4979 100644
--- a/src/components/Mdown.tsx
+++ b/src/components/Mdown.tsx
@@ -22,9 +22,22 @@ export default function Mdown({ children }: Props) {
                     const { node, ...rest } = props
                     return <li className="pl-5" {...rest} />
                 },
+                p(props) {
+                    const { node, ...rest } = props
+                    return <p className="text-justify" {...rest} />
+                },
+                code(props) {
+                    const { node, ...rest } = props
+                    return (
+                        <code
+                            className="bg-gray-900 border-gray-600 border rounded-sm p-1 text-sm"
+                            {...rest}
+                        />
+                    )
+                },
                 a(props) {
                     const { node, ...rest } = props
-                    const classes = 'text-sky-600 underline'
+                    const classes = 'text-sky-700 underline'
                     if (rest.href?.startsWith('dl:')) {
                         let parts = rest.href.split('/')
                         return (
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index e93f99c..d720a17 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -31,7 +31,7 @@ function App() {
 
     return (
         <div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
-            <div className="flex flex-col gap-5 pt-10">
+            <div className="flex flex-col pt-10">
                 <h1 className="text-5xl text-white text-center mb-10">
                     {data.title}
                 </h1>
diff --git a/src/routes/lessons/$lessonName.tsx b/src/routes/lessons/$lessonName.tsx
index 41ec497..efabaaf 100644
--- a/src/routes/lessons/$lessonName.tsx
+++ b/src/routes/lessons/$lessonName.tsx
@@ -44,7 +44,7 @@ export default function Projects() {
 
     return (
         <div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
-            <div className="flex flex-col gap-5 pt-10">
+            <div className="flex flex-col pt-10">
                 <h1 className="text-5xl text-white text-center mb-10">
                     {data.title}
                 </h1>
diff --git a/src/routes/lessons/index.tsx b/src/routes/lessons/index.tsx
index 0eb6a72..2baf91a 100644
--- a/src/routes/lessons/index.tsx
+++ b/src/routes/lessons/index.tsx
@@ -31,7 +31,7 @@ export default function Projects() {
 
     return (
         <div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
-            <div className="flex flex-col gap-5 pt-10">
+            <div className="flex flex-col pt-10">
                 <h1 className="text-5xl text-white text-center mb-10">
                     {data.title}
                 </h1>
diff --git a/src/routes/projects/index.tsx b/src/routes/projects/index.tsx
index 941e840..c34a702 100644
--- a/src/routes/projects/index.tsx
+++ b/src/routes/projects/index.tsx
@@ -31,7 +31,7 @@ export default function Projects() {
 
     return (
         <div className="bg-[url(/public/bg.jpeg)] bg-cover bg-no-repeat bg-center min-h-screen">
-            <div className="flex flex-col gap-5 pt-10">
+            <div className="flex flex-col pt-10">
                 <h1 className="text-5xl text-white text-center mb-10">
                     {data.title}
                 </h1>