add lisa the first page WIP

MAZ12211 · Jun 2, 2024 · 3928cca · 3928cca
1 parent c32e33b
commit 3928cca
Show file tree

Hide file tree

Showing 7 changed files with 106 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 ### Todos
 
 - [x] A page for EasyRPG notes.
-- [ ] A way for people to track the website's changes (followthatpage?)
+- [ ] A way for people to track the website's changes (rss)
 - [ ] A page for Escaped Chasm.
 - [ ] A page for LISA The First.
 - [ ] A page for Cry Of Fear (for posting updates.)

diff --git a/images/lake.jpg b/images/lake.jpg
diff --git a/posts/2020-6-2-LISA-The-First.html b/posts/2020-6-2-LISA-The-First.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html dir="rtl">
+  <head>
+    <link rel="alternate" type="application/atom+xml" title="الملاحظات والمقالات" href="/feed.xml">
+    <title>Blog Post</title>
+    <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
+    <link rel="icon" href="../images/favicon.png" type="image/x-icon" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <link href="../style/style.css" rel="stylesheet" type="text/css" media="all">
+    <link href="../style/LISA1.css" rel="stylesheet" type="text/css" media="all">
+  </head>
+  <body>
+    <div id="container">
+      <div id="header">...</div>
+      <div id="content">
+        <h1 id="postTitleH1"></h1>
+        <h4 id="postDate"></h4>
+        <h5> Last major page update: 6/1/2024 <br> ليسا الأولى </h5>
+        <img src="https://i.postimg.cc/Y95LK1hg/lisa-the-first-ar.png" alt="شعار التعريب الذي صنعه Usednoo">
+        <h2 style="color: rgba(191,0,0,255); background-color: rgba(191,0,0,0.1);"> تحذير! <br> لعبة قد لا يعجبها الكثيرون! </h2>
+        <h3 style="color: rgba(191,0,0,255); background-color: rgba(191,0,0,0.1);">لا تستخف اللعبة من شكلها المبكسل، هي ليست رحيمة على الاطلاق في إظهار جوها المظلم.</h3>
+        <p>نبدأ بمقال عن احدى الألعاب الأر بي جي الكلاسيكية ألا وهي لعبة ليسا الأولى. قمت بها من قلة النصوص فيها وبما أننا سنقوم الجزئين التاليين، قلت "لما لا أعرب الجزء الأول أيضاً؟" 🤷</p>
+        <p>لعبة ليسا الأولى هي الجزء الأول من ثلاث أجزاء من سلسلة ليسا تحكي عن فتاة تدعى ليسا وأبيها الفاسد مارتي. ما تريد فعلها ليسا هي الهرب من ذلك الرجل الشيطاني في مراحل مستوحى من لعبة Yume Nikki (أي أن المراحل في حلمك وليس في أرض الواقع.)</p>
+        <p>التعريب منشور أيضاً بفريق اسمه القبعات السبع أو سيفن هاتز.</p>
+        <hr>
+        <a href="https://www.mediafire.com/file/6no1ae26025axlk/lisaTheFirst-ar.exe/file" target="_blank" rel="noopener noreferrer">رابط التحميل</a>
+        <br>
+        <h4>طريقة التركيب</h4>
+        <p>النسخة المطلوبة: نسخة ستيم. (هناك نسخة من rpgmaker .net لكن الموقع مغلق وقت كتابتي هذا الملف) <a href="http://store.steampowered.com/app/2743030/LISA_The_First/" target="_blank" rel="noopener noreferrer">رابط اللعبة</a>
+        </p>
+        <p>انقر على "التالي" وبعدها حدد مسار اللعبة. بعد التثبيت، اذهب لذلك المسار وقم بتشغيل Player.exe (steam\steamapps\common\LISA The First) بعد تشغيلها، اضغظ على Games -> Lisa_1 -> lisa_1</p>
+        <p>بعدها ستفتح اللعبة ويمكنك تحديد اللغة من Language.</p>
+        <hr>
+        <h4>مشاكل في تحديد مسار الألعاب ستيم؟</h4>
+        <p>إليك <a href="http://shorturl.at/buNUX" target="_blank" rel="noopener noreferrer">مقال</a> من الفريق الحلم المتجدد عن تحديد مسار ألعاب ستيم </p>
+        <h4>مشاكل في تثبيت التعريب؟</h4> إليك فيديو نشره كريم عن طريقة تثبيت التعريب: <br>
+        <br>
+        <iframe width="100%" height="315" src="https://www.youtube.com/embed/6SgeVXtQuAI?si=cX6mT1S5RrZK0ool" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+        <p>يستحسن إغلاق أي نوافذ أخرى قبل التثبيت.</p>
+        <hr>
+        <h3>أعضاء التعريب + شكر خاص</h3>
+        <h4>الترجمة والتعديل التقني</h4> MAZ <h4>التجربة</h4> hachemi | scamp868 (ساعدا في تحديد الأخطاء النصية أيضاً!) <h4>شعار اللعبة</h4> Usednoo <h4>شكر خاص</h4> Carbonara لعرض خط مناسب وقابل للقراءة للمحرك والمساعدة في حل مشاكل إظهار الصور في المحرك! مطورو أداة EasyRPG ومتطوعينها! كريم لرفع فيديو التركيب.
+        <hr>
+        <p>يمكنك تجاهل هذا الجزء</p>
+        <p dir="ltr">This is a LISA fan game that is not affiliated with Dingaling Productions or Serenity Forge. It is designed to be played only after the official game has been completed. You can learn more about official LISA games here: serenityforge.com</p>
+        <div id="nextprev"></div>
+      </div>
+      <!-- end of div id="content" -->
+      <div id="footer"></div>
+    </div>
+    <!-- end of div id="container" -->
+    <!-- Here's the link to our JavaScript! -->
+    <script src="../script.js"></script>
+  </body>
+</html>
diff --git a/script.js b/script.js
@@ -31,9 +31,8 @@ let authorLink = "https://x.com/MAZ12211"; // Enter your website, social media,
   use a date it must still follow that format.*/
 
 let postsArray = [
-// [ "posts/2020-11-10-Special-Characters-Example.html", encodeURI( 'Spéci@l "Character\'s" Examp|e' ) ],
+[ "posts/2020-6-2-LISA-The-First.html", encodeURI('ليسا الأولى') ],
 [ "posts/EasyRPG-Notes.html"]
-// [ "posts/2020-11-10-Post-Template.html", encodeURI('اختبار') ]
 ];
 
 //XXXXXXXXXXXXXXXXXXXXXXXXXXXXX
@@ -60,9 +59,11 @@ if ( url.includes("posts/") ) {
 }
 
 //Generate the Header HTML, a series of list items containing links.
-let headerHTML = '<ul> <li><a href="' + relativePath + '/index.html">الصفحة الرئيسية</a></li>' + 
+let headerHTML = 
+'<ul> <li><a href="' + relativePath + '/index.html">الصفحة الرئيسية</a></li>' +
 '<li><a href="' + relativePath + '/archive.html">المقالات</a></li>' +
-'<li><a href="' + relativePath + '/about.html">عن الموقع</a></li> </ul>';
+'<li><a href="' + relativePath + '/about.html">عن الموقع</a></li> </ul>'
+;
 
 //Generate the Footer HTML, which uses the variables defined in the BASIC INFO section above to list info about the site.
 //Note: feel free to remove the references to Zonelets and Neocities! Just be careful not to delete any necessary HTML closing tags or other syntax.
@@ -140,7 +141,7 @@ function formatPostLink(i) {
   if (  postDateFormat.test ( postsArray[i][0].slice( 6,17 ) ) ) {
     return '<li><a href="' + relativePath + '/'+ postsArray[i][0] +'">' + postsArray[i][0].slice(6,16) + " \u00BB " + postTitle_i + '</a></li>';
   } else {
-    return '<li><a href="' + relativePath + '/'+ postsArray[i][0] +'">' + postTitle_i + '</a></li>';
+    return '<li><a href="' + relativePath + '/'+ postsArray[i][0] +'">' + postTitle_i + '</a></li><br>';
   }
 }
 

diff --git a/style/LISA1.css b/style/LISA1.css
@@ -0,0 +1,41 @@
+body {
+    background-image: linear-gradient(to bottom, #bf0000, #a20035, #730649, #3f1b44, #1a1829);
+  }
+
+  a {
+    color: blue;
+    font-size: large;
+  }
+
+  code {
+    background-color: #dfdcdc;
+    color: black;
+  }
+
+  h1, h2, h3, h4, h5 {
+    color: #4f4886;
+  }
+
+  /*#CONTAINER is the rectangle that contains everything but the background!*/
+  #container {
+    background-color: black;
+    color: white;
+    outline-color: #4f4886;
+    outline-style: solid;
+    outline-width: 6px;
+  }
+
+  /*HEADER STYLE*/
+  #header {
+    background-color: rgba(170, 170, 170, 0.1);
+    border-color: none;
+  }
+
+  #header li a {
+    color: white;
+    text-decoration: none;
+    background-color: inherit;
+  }
+  #header li a:hover {
+    text-decoration-color: #4f4886;
+  }
diff --git a/style/easyRPG.css b/style/easyRPG.css
@@ -39,9 +39,4 @@ h1, h2, h3, h4, h5 {
 #header li a:hover {
   text-decoration: underline;
   text-decoration-color: #008000;
-}
-
-/*DISQUS STYLE*/
-#disqus_thread {
-  margin-top: 1.6em;
 }
diff --git a/style/style.css b/style/style.css
@@ -13,6 +13,8 @@ body {
 
 p {
   line-height: 1.6em; /*I find the default HTML line-height tends to be a bit claustrophobic for main text*/
+  font-size: medium; /*Meant for Arabic*/
+
 }
 
 hr {
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,8 @@ body { @@
     p {
       line-height: 1.6em; /*I find the default HTML line-height tends to be a bit claustrophobic for main text*/
+      font-size: medium; /*Meant for Arabic*/
     }
     hr {
@@ Expand Down @@