لدي صفحة HTML أستعملها منذ سنوات كصفحة بداية للمتصفح، الصفحة تحوي روابط للمواقع التي تهمني وأغير هذه الروابط بين حين وآخر، عندما أشغل المتصفح أو أذهب للصفحة الرئيسية (Home) أرى الصفحة بروابطها، هذا أفضل بالنسبة لي من أي خيار آخر أو موقع، في الماضي كنت أعتمد على آي غوغل لكن هذه خدمة ذهبت لمقبرة غوغل، والآن قد أغير الصفحة الرئيسية من صفحتي إلى مجموعة صفحات صنعت لكي تحفظ وتعرض ملاحظات، المشروع اسمه memex وهذه نظرة سريعة عليه.
في البداية نزل الملف المضغوط للمشروع من Gitgub، اضغط على Download ZIP:
ستجد مجلد في الملف المضغوط، ضعه في أي مكان وافتحه وستجد فيه ملف index.html اضغط عليه مرتين وسترى الصفحة الرئيسية وفيها الكثير من المحتوى، هناك ملاحظات وروابط وصور عديدة مخزنة في هذه الصفحة، على يسار الصفحة هناك روابط يمكنك الضغط عليها لرؤية ملاحظات من نوع ما أو وسمت بوسم ما، تصفح هذه الروابط وانظر لعلك تجد فيها ما يعجبك، لكن إن أردت أن تضع ملاحظاتك فعليك أن تفعل ذلك بنفسك.
البرنامج يعمل بلا مزود ووظيفته فقط عرض الملاحظات، لكن لكتابة الملاحظات وحذفها يجب أن تفعل ذلك بنفسك من خلال محرر نصي، عد لمجلد البرنامج وستجد فيه مجلداً فرعياً اسمه content، في هذا المجلد ستجد ملف اسمه data.ndtl ومجلد اسمه media، الملف يحوي كل الملاحظات وحجمه صغير، مجلد ميديا من اسمه ستعرف أنه لحفظ الصور، في حال أردت حذف كل المحتويات احذف محتوى مجلد ميديا، ثم احذف محتويات ملف data.ndtl، ثم اكتب فيه ما يلي:
var DATABASE = ` `
لاحظ علامتي تنصيص، يمكن كتابة الملاحظات بينهما، ولفعل ذلك يجب كتابة ملاحظة بأسلوب محدد، مثلاً لصنع رابط كتبت:
الرسام جيمس بارد LINK : https://en.wikipedia.org/wiki/James_Bard TYPE : article TAGS : painting DATE : 12022-07-03 DONE : false
حفظت الملف وعندما أعدت عرض الصفحة في المتصفح ظهرت الملاحظة الجديدة:
أنصح بعدم حذف محتويات ملف data.ndtl حتى ترى كيف كتبت الملاحظات وتستطيع محاكاتها، أكثر الكلمات المستخدمة سهلة الفهم لكن هناك كلمة مثل PERS التي لا أعرف معناها وليس هناك توثيق يشرحها وهناك كلمات أخرى، أيضاً ليس هناك توثيق لطريقة كتابة التاريخ بإضافة الرقم واحد قبل العام (12022) .. ما الذي يعنيه هذا؟ لا أدري.
هذا هو البرنامج، مجرد صفحات HTML وCSS وجافاسكربت صنعت لعرض ملاحظات بدون مزود، أنت من يكتب الملاحظات في ملف واحد وباستخدام محرر نصي، هذا البرنامج يمكن استخدامه لصنع موقع أو صفحة من الموقع، مثلاً صفحة الروابط في موقعي يمكنها أن تعمل بهذا البرنامج لكن لن أفعل ذلك، أود إبقاء موقعي بسيطاً، من ناحية أخرى الصفحة الرئيسية لمتصفحي قد تتغير لتستخدم هذا البرنامج.
قد أكتب عن البرنامج أكثر في موقعي لكن علي فهمه أكثر 🙂