small changes

README.md

@@ -6,6 +6,8 @@ comprehensive lessons are structured based on the principles of freeCodeCamp and
 the extensive documentation available on
 [MDN Web Docs](https://developer.mozilla.org/en-US/).
 
+🚧 It is still in a preliminary version and under continuous development
+
 ## Overview
 
 Learning JavaScript has never been more accessible. NakhlahJS is designed to
@@ -33,11 +35,8 @@ help you achieve your learning goals.
 
 - [ ] Blogs page
 - [ ] Quizes system
-- [ ] Fixing janky ts-types
-- [ ] Main-Page ( Better design )
-- [ ] Login and save progress
 - [ ] Improve phone users experience
-- [ ] Next and prev lesson buttons
+- [ ] Next and prev lesson buttons (maybe?)
 
 ---
 

components/EditorSplit.tsx

@@ -6,7 +6,7 @@ export default function EditorSplit(props: { slug: string }) {
   return (
     <>
       <div class="mt-2">
-        <div class="mx-2 border-[6px] border-base-300 rounded-btn pb-2">
+        <div class="mx-2 border-[6px] border-base-300 bg-base-300 rounded-btn pb-2">
           <div
             class="h-[400px] rounded-box"
             dir="ltr"

components/Footer.tsx

@@ -12,8 +12,8 @@ export default function Footer() {
     {
       title: "المجتمع",
       children: [
-        { name: "قناه", href: "https://t.me/NakhlahJS" },
-        { name: "جروب", href: "https://t.me/Unassisted" },
+        { name: "قناه التلغرام", href: "https://t.me/NakhlahJS" },
+        { name: "المجتمع", href: "https://t.me/Unassisted" },
       ],
     },
   ];

routes/[...slug].tsx

@@ -70,7 +70,7 @@ export default function CoursePage(
       </Head>
       <main>
         <div
-          class="btn btn-info flex items-center gap-1 md:hidden mt-2 fixed z-[999] bottom-2 right-2"
+          class="btn btn-info bg-[#68e4ff] hover:bg-[#68e4ff] hover:opacity-75 flex items-center gap-1 md:hidden mt-2 fixed z-[999] bottom-2 right-2"
           id="open-editor"
         >
           <IconAppWindow />

static/styles.css

@@ -60,7 +60,7 @@ mark {
   display: inline-block; 
   position: relative; 
   width: 100%;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
   margin-bottom: 10px;
 }
 
@@ -113,7 +113,7 @@ mark::before {
 
 ::-webkit-scrollbar-thumb {
   background-color: var(--fallback-bc,oklch(var(--bc)/.2));
-  border-radius: 4px;
+  border-radius: 0.2rem;
 }
 
 ::-webkit-scrollbar-track {
@@ -131,7 +131,7 @@ body::-moz-scrollbar-track {
 
 body::-moz-scrollbar-thumb {
   background-color: var(--fallback-bc,oklch(var(--bc)/.2));
-  border-radius: 6px;
+  border-radius: 0.2rem;
 }
 .animation-toast {
   animation: toast 6s