Update README with correct pascar html file

feat: Update source code link
feat: Add Markdown Preview functionality
2026-05-31 07:54:32 +00:00 · 2026-05-31 13:16:38 +05:30 · 2026-05-31 02:21:25 +05:30 · 2026-05-31 01:14:04 +05:30 · 2026-05-31 01:06:52 +05:30 · 2026-05-31 01:04:58 +05:30
3 changed files with 139 additions and 13 deletions
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="./icon-192.png" />
+  <img src="https://pascar.run/icon-192.png" />
 </p>

 <p align="center">
@@ -31,12 +31,11 @@ runs entirely in your browser - no server, no internet.
 ## Portability
 Pascar is a self-contained single HTML file.

-If you want this to be portable in your USB stick, you just need to download this single file [pascar.html](https://github.com/potentzero/pascar/releases/latest/download/pascar.html) and use it.
+If you want this to be portable in your USB stick, you just need to download this single file [pascar.html](https://git.ennt.io/mysticmode/pascar/releases/download/v0.1.0/pascar.html) and use it.

 ## License
 This software is license under **MIT License**. Please refer the [LICENSE](./LICENSE) text for more detail.

 ## Contributing
-Feel free to contribute by creating an issue or diving into the code and PRs.
-
-I do not have a Code of Conduct, but a simple rule - be nice when you deal with others.
+I do not accept external contributions. For feature requests and bug reports,
+please get in touch with me at my email - tildezero@gmail.com
@@ -185,6 +185,84 @@
    }

    /* Textarea */
+    #editor-panel {
+      display: flex;
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+    }
+
+    #preview-panel {
+      display: none;
+      flex: 1;
+      min-width: 0;
+      overflow: auto;
+      border-left: 1px solid var(--border);
+      background: #fff;
+      color: #222;
+      padding: 12px;
+    }
+
+    #preview-panel.active {
+      display: block;
+    }
+
+    #preview {
+      width: 100%;
+      min-height: 100%;
+      overflow-wrap: break-word;
+      font-family: Arial, Helvetica, sans-serif;
+      font-size: 16px;
+      line-height: 1.5;
+    }
+
+    #preview h1,
+    #preview h2,
+    #preview h3,
+    #preview h4,
+    #preview h5,
+    #preview h6 {
+      color: #222222;
+      margin-top: 1rem;
+      margin-bottom: 0.5rem;
+    }
+
+    #preview p,
+    #preview li,
+    #preview pre,
+    #preview code,
+    #preview blockquote {
+      color: #222222;
+    }
+
+    #preview pre {
+      background: #111111;
+      padding: 10px;
+      border-radius: 4px;
+      overflow: auto;
+    }
+
+    #preview code {
+      color: #ffffff;
+      padding: 2px 4px;
+      border-radius: 3px;
+    }
+
+    #preview a {
+      color: #7db4ff;
+      text-decoration: none;
+    }
+
+    #preview blockquote {
+      border-left: 4px solid #555555;
+      padding-left: 12px;
+      margin: 0.75rem 0;
+    }
+
+    #preview blockquote p {
+      color: #555555;
+    }
+
    #editor {
      flex: 1;
      background: var(--bg);
@@ -522,6 +600,7 @@
      font-size: 13px;
    }
  </style>
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 </head>

 <body>
@@ -647,8 +726,13 @@

  <!-- Main Editor Area -->
  <div id="editor-area">
-    <div id="line-numbers"></div>
-    <textarea id="editor" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off"></textarea>
+    <div id="editor-panel">
+      <div id="line-numbers"></div>
+      <textarea id="editor" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off"></textarea>
+    </div>
+    <div id="preview-panel" class="preview-panel">
+      <div id="preview"></div>
+    </div>

    <!-- Modal Overlay -->
    <div id="dialog-overlay">
@@ -952,6 +1036,8 @@
      const gotoBar = document.getElementById("goto-bar");
      const gotoInput = document.getElementById("goto-input");
      const menuBar = document.getElementById("menu-bar");
+      const previewPanel = document.getElementById("preview-panel");
+      const preview = document.getElementById("preview");

      // -- State
      let fileName = "Untitled";
@@ -964,13 +1050,14 @@
      let lastReplace = "";
      let notifTimer = null;
      let replaceMode = false;
+      let markdownPreview = false;

      // -- Initial Content
      editor.value = [
        "Pascar",
        "======",
        "",
-        "A faithful offline recreation of the classic MS-DOS Editor",
+        "A browser-based offline recreation of the classic MS-DOS Editor for the modern needs of today.",
        "Runs entirely in your browser - no server, no internet.",
        "",
        "QUICK START",
@@ -1037,6 +1124,36 @@
          (isModified ? "* " : "") + fileName + " - Pascar";
      }

+      function isMarkdownFile(name) {
+        return /\.md$/i.test(name);
+      }
+
+      function setMarkdownPreview(active) {
+        markdownPreview = active;
+        previewPanel.classList.toggle("active", active);
+        if (active) {
+          renderMarkdownPreview();
+        } else {
+          preview.innerHTML = "";
+        }
+      }
+
+      function renderMarkdownPreview() {
+        if (!markdownPreview) return;
+        if (typeof marked === "undefined") {
+          preview.innerHTML =
+            "<p><em>Marked.js failed to load. Markdown preview is unavailable.</em></p>";
+          return;
+        }
+
+        try {
+          preview.innerHTML = marked.parse(editor.value || "");
+        } catch (err) {
+          preview.innerHTML =
+            `<p><em>Error rendering markdown:</em></p><pre>${escHtml(err.message)}</pre>`;
+        }
+      }
+
      // -- Notifications
      function showNotif(msg, dur = 2500) {
        notif.textContent = msg;
@@ -1049,6 +1166,7 @@
      editor.addEventListener("input", () => {
        isModified = true;
        updateAll();
+        if (markdownPreview) renderMarkdownPreview();
      });
      editor.addEventListener("keyup", updateStatus);
      editor.addEventListener("click", updateStatus);
@@ -1196,7 +1314,13 @@
      });

      document.addEventListener("click", (e) => {
-        if (e.target.closest("#menu-bar")) closeAll();
+        // If the click is inside the menu-bar, do not close all
+        if (e.target.closest("#menu-bar")) return;
+
+        // If any menu-item or dropdown is open, close all
+        if (document.querySelectorAll('.menu-item.active, .dropdown.open').length > 0) {
+          closeAll();
+        }
      });

      // -- Global Keyboard Shortcuts
@@ -1444,6 +1568,7 @@
        fileName = "Untitled";
        fileHandle = null;
        isModified = false;
+        setMarkdownPreview(false);
        updateAll();
        editor.focus();
      }
@@ -1493,6 +1618,7 @@
            fileName = file.name;
            editor.value = await file.text();
            isModified = false;
+            setMarkdownPreview(isMarkdownFile(fileName));
            updateAll();
            editor.focus();
            showNotif(`Opened: ${fileName}`);
@@ -1513,6 +1639,7 @@
            reader.onload = (e) => {
              editor.value = e.target.result;
              isModified = false;
+              setMarkdownPreview(isMarkdownFile(fileName));
              updateAll();
              editor.focus();
              showNotif(`Opened: ${fileName}`);
@@ -1576,6 +1703,7 @@
            await writable.write(editor.value);
            await writable.close();
            isModified = false;
+            setMarkdownPreview(isMarkdownFile(fileName));
            updateStatus();
            showNotif(`Saved: ${fileName}`);
          } catch (err) {
@@ -1904,7 +2032,6 @@
        });
        dialogOv.addEventListener("click", (e) => {
          if (e.target.id == "source-code-link") {
-            window.open("https://github.com/potentzero/pascar", "_blank");
            return;
          }
          e.preventDefault();
@@ -1927,7 +2054,7 @@
              Open &amp; save files via your local filesystem.
            </div>
            <div style="font-size:14px;line-height:1.6;text-align:center;">
-              <a id="source-code-link" style="color:#295991;" href="https://github.com/potentzero/pascar" target="_blank">Source code</a>
+              <a id="source-code-link" style="color:#295991;" href="https://git.ennt.io/mysticmode/pascar" target="_blank">Source code</a>
              by Nirmal Kumar R.
            </div>
            <div class="dialog-buttons"><button class="btn primary" id="d-about-ok">OK</button></div>
@@ -1983,4 +2110,4 @@
  </script>
 </body>

-</html>
+</html>
Author	SHA1	Message	Date
mysticmode	c370efe67c	Update README with correct pascar html file	2026-05-31 07:54:32 +00:00
mysticmode	eda9adda03	feat: Update source code link	2026-05-31 13:16:38 +05:30
mysticmode	dd97d4f64a	feat: Add Markdown Preview functionality	2026-05-31 02:21:25 +05:30
mysticmode	35875165b0	fix: Clicking source code link opens twice	2026-05-31 01:14:04 +05:30
mysticmode	ca31b346f3	doc: Add contributions detail	2026-05-31 01:06:52 +05:30
mysticmode	2a93332653	fix: README pascar download link	2026-05-31 01:04:58 +05:30
mysticmode	010a886003	doc: Update Pascar logo link	2026-05-31 01:02:24 +05:30
mysticmode	854b8f7c95	chore: Update source code link	2026-05-31 00:51:05 +05:30
mysticmode	511db76391	Update index.html with a new username	2026-05-31 00:43:29 +05:30
mysticmode	aeefb375fb	Update username in minified index.html	2026-05-31 00:43:29 +05:30
mysticmode	3901944b05	feat: Minify the finalized src/html for release	2026-05-31 00:43:28 +05:30
mysticmode	f1de42f897	fix: update click handler to prevent menu closure when clicking inside the menu-bar	2026-05-31 00:43:28 +05:30