اصلاح مشكلة العناوين في الهاتف و اضافة زر المستنداتفي ما الجديد و اضافة مسافة في اضافة تحديث المستندات بعد اسبوع

Author: iskepr

Docs/WhatsNew/index.html

@@ -67,6 +67,31 @@
     </section>
 
     <section class="container content-section release">
+        <div class="docsHeader" style="width: 90%;">
+            <div class="but" id="showDocs" onclick="openWindow()">
+                <svg width="20" height="14" viewBox="0 0 20 14" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M19 6H5C4.4 6 4 5.6 4 5C4 4.4 4.4 4 5 4H19C19.6 4 20 4.4 20 5C20 5.6 19.6 6 19 6Z">
+                    </path>
+                    <path d="M19 2H1C0.4 2 0 1.6 0 1C0 0.4 0.4 0 1 0H19C19.6 0 20 0.4 20 1C20 1.6 19.6 2 19 2Z">
+                    </path>
+                    <path d="M19 10H1C0.4 10 0 9.6 0 9C0 8.4 0.4 8 1 8H19C19.6 8 20 8.4 20 9C20 9.6 19.6 10 19 10Z">
+                    </path>
+                    <path
+                        d="M19 14H5C4.4 14 4 13.6 4 13C4 12.4 4.4 12 5 12H19C19.6 12 20 12.4 20 13C20 13.6 19.6 14 19 14Z">
+                    </path>
+                </svg>
+                <p>المستندات</p>
+            </div>
+        </div>
+        <div class="winBack">
+            <div id="window" class="winDocs">
+                <h2>المزيد من المستندات</h2>
+                <a href="../"><button data-doc-type="إرشادات استعمال ألف"> - إرشادات لغة الف</button></a>
+                <a href="../#قواعد_مطابق_ألف"><button data-doc-type="قواعد مطابق ألف"> - قواعد مطابق ألف</button></a>
+                <a href="./"> - ما الجديد في ألف</a>
+            </div>
+        </div>
+
         <div class="top">
             <h2>ما الجديد في لغة ألف نـ5</h2>
             <p>جميع التحديثات والتغيرات في لغة برمجة ألف

Docs/WhatsNew/style.css

@@ -62,6 +62,10 @@
     font-size: 13px;
 }
 
+li {
+    margin-top: 2rem;
+}
+
 pre {
     padding: 10px;
     margin: 10px 0;

Docs/docs-script.js

@@ -16,10 +16,15 @@ async function showDocs(docType) {
                 "https://raw.githubusercontent.com/alifcommunity/Alif/refs/heads/Alif5.0/documents/إرشادات إستعمال ألف.md";
             const cacheKey = "doc-" + docType;
             let markdown = localStorage.getItem(cacheKey);
-            if (!markdown) {
+            let date = localStorage.getItem(cacheKey + "date");
+            if (
+                !markdown ||
+                new Date().getTime() - date > 7 * 24 * 60 * 60 * 1000
+            ) {
                 const res = await fetch(url);
                 markdown = await res.text();
                 localStorage.setItem(cacheKey, markdown);
+                localStorage.setItem(cacheKey + "date", new Date().getTime());
             }
 
             GramDiv.style.display = "none";
@@ -90,18 +95,17 @@ async function showDocs(docType) {
         }
     } else if (docType === "قواعد مطابق ألف") {
         try {
-            const res = await fetch(
-                "https://raw.githubusercontent.com/alifcommunity/Alif/refs/heads/Alif5.0/documents/قواعد مطابق ألف.md"
-            );
-            if (!res.ok) throw new Error("الملف غير موجود");
-            const docs = await res.text();
-
             GramDiv.style.display = "block";
             CatDiv.style.display = "none";
             headingsDiv.style.display = "none";
             heads.innerHTML = "";
             openHeadsButton.style.display = "none";
 
+            // const res = await fetch(
+            //     "https://raw.githubusercontent.com/alifcommunity/Alif/refs/heads/Alif5.0/documents/قواعد مطابق ألف.md"
+            // );
+            // if (!res.ok) throw new Error("الملف غير موجود");
+            // const docs = await res.text();
             // GramDiv.innerHTML = highlightAlif(
             //     docs.replaceAll(/\[\^\d+\]/g, "")
             // ).replaceAll(

Docs/docs-style.css

@@ -284,13 +284,13 @@ hr {
         right: 5px;
     }
     .headBack {
-        position: absolute;
+        position: fixed;
         display: none;
         height: 100vh;
         top: 0;
         left: 0;
         width: 100%;
-        z-index: 100;
+        z-index: 10;
     }
     #toggleHeadings:checked ~ .headings {
         transform: translateX(0px);