From 5512f5d8173ea22a59c9b9973281dd041085fe6f Mon Sep 17 00:00:00 2001
From: teabyte <yazan4code@gmail.com>
Date: Tue, 20 Feb 2024 18:28:27 +0300
Subject: [PATCH] Fixing more issues

---
 deno.json         |  2 +-
 routes/_app.tsx   |  2 +-
 static/styles.css | 22 +++++++++++-----------
 utils/course.ts   |  8 ++++----
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/deno.json b/deno.json
index 2c577ff..acaa38a 100644
--- a/deno.json
+++ b/deno.json
@@ -10,7 +10,7 @@
     "update": "deno run -A -r https://fresh.deno.dev/update ."
   },
   "lint": {
-    "exclude": ["testcases/**/*", "precodes/**/*"],
+    "exclude": ["testcases/**/*", "precodes/**/*", "courses/**/*"],
     "rules": { "tags": ["fresh", "recommended"], "exclude": ["no-unused-vars"] }
   },
   "exclude": ["**/_fresh/*"],
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 2466a14..b5fa2af 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -2,7 +2,7 @@ import { FreshContext } from "$fresh/server.ts";
 import NavBar from "../components/Nav.tsx";
 
 import { populateCache } from "../utils/course-cache.ts";
-populateCache().then(() => console.log("Course cache populated")).catch((err) => console.error("Error populating course cache", err));
+populateCache().then(() => { console.log("Course cache populated"); }).catch((err) => console.error("Error populating course cache", err));
 
 // deno-lint-ignore require-await
 export default async function Layout(req: Request, ctx: FreshContext) {
diff --git a/static/styles.css b/static/styles.css
index ca62bc7..6fc82b9 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -12,19 +12,16 @@
 }
 
 body, .markdown-body {
-    font-family: 'Cairo', sans-serif !important;
+    font-family: Cairo, sans-serif !important;
 }
 
 .h-full-minus-bar {
+
   /* screen - navbar */
   height: calc(100vh - 82px);
 }
 
 /* Monaco Editor */
-/* .monaco-editor, .overflow-guard {
-  border-radius: 0.2rem;
-} */
-
 .iPadShowKeyboard{
   display: none;
 }
@@ -49,7 +46,7 @@ pre {
 }
 
 .markdown-body .highlight pre {
-  background-color: var(--fallback-b3,oklch(var(--b3)/1)) !important;
+  background-color: var(--fallback-b3,oklch(var(--b3)/100%)) !important;
 }
 
 .markdown-body .highlight pre .comment {
@@ -74,6 +71,7 @@ mark::before {
   display: block;
   font-weight: bold;
 }
+
 .quiz {
   background-color: oklch(var(--b3));
   color: inherit;
@@ -85,12 +83,14 @@ mark::before {
   border-radius: 0.2rem;
   margin-bottom: 10px;
 }
+
 .quiz::before {
   content: "إختبار 🧪";
   font-size: 20px;
   display: block;
   font-weight: bold;
 }
+
 /* Split Panel */
 .split {
   display: flex;
@@ -135,7 +135,7 @@ mark::before {
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: var(--fallback-bc,oklch(var(--bc)/.2));
+  background-color: var(--fallback-bc,oklch(var(--bc)/20%));
   border-radius: 0.2rem;
 }
 
@@ -145,7 +145,7 @@ mark::before {
 
 body {
   scrollbar-width: thin;
-  scrollbar-color: var(--fallback-bc,oklch(var(--bc)/.2)) var(--fallback-bc,oklch(var(--bc)/.2));
+  scrollbar-color: var(--fallback-bc,oklch(var(--bc)/20%)) var(--fallback-bc,oklch(var(--bc)/20%));
 }
 
 body::-moz-scrollbar-track {
@@ -153,13 +153,13 @@ body::-moz-scrollbar-track {
 }
 
 body::-moz-scrollbar-thumb {
-  background-color: var(--fallback-bc,oklch(var(--bc)/.2));
+  background-color: var(--fallback-bc,oklch(var(--bc)/20%));
   border-radius: 0.2rem;
 }
 
 /* loader */
 .code-loader {
-  color: var(--fallback-bc,oklch(var(--bc)/1));
+  color: var(--fallback-bc,oklch(var(--bc)/100%));
   font-family: Consolas, Menlo, Monaco, monospace;
   font-weight: bold;
   font-size: 100px;
@@ -203,7 +203,7 @@ body::-moz-scrollbar-thumb {
 }
 
 .bg-patternTop {
-  background-image: url(../Images/patternTop.svg);
+  background-image: url('../Images/patternTop.svg');
 }
 
 .flikering-cursor {
diff --git a/utils/course.ts b/utils/course.ts
index a9aeea4..ed9328d 100644
--- a/utils/course.ts
+++ b/utils/course.ts
@@ -33,10 +33,10 @@ export async function getCourse(
   const courseAttrs = attrs as CourseAttributes;
   const course: Course = {
     slug,
-    title: courseAttrs.title ?? "بدون عنوان",
-    content: body ?? "لايوجد محتوى",
-    snippet: courseAttrs.snippet ?? "لا يوجد",
-    order: courseAttrs.order ?? 999,
+    title: courseAttrs.title,
+    content: body,
+    snippet: courseAttrs.snippet,
+    order: courseAttrs.order,
   };
   return course;
 }