From 85cb03cda46c3d61dee9a01fd85edc0314e39157 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Sun, 13 Aug 2023 15:52:05 +0200
Subject: [PATCH] improved error styling and added index page

---
 server/public/index.html | 29 ++++++++++++-----------------
 server/public/index.md   |  3 +++
 server/public/style.css  |  8 ++++++++
 3 files changed, 23 insertions(+), 17 deletions(-)
 create mode 100644 server/public/index.md

diff --git a/server/public/index.html b/server/public/index.html
index cfc3a75..e21add0 100644
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -27,10 +27,16 @@
     <div class="content">
         <div id="main">
             <script>
+                marked.use(markedKatex());
+                marked.use(markedHighlight.markedHighlight({
+                    langPrefix: "hljs language-",
+                    highlight: (c, l) => {
+                        const language = hljs.getLanguage(l) ? l : "plaintext";
+                        return hljs.highlight(c, {language}).value;
+                    }
+                }));
+
                 let main = $("#main");
-
-                // TODO display nice message when there is no hash
-
                 $(window).on("hashchange", display);
                 display();
 
@@ -40,20 +46,9 @@
                         hash = hash.substring(1);
                     $.ajax({
                         method: "get",
-                        url: `share.php?id=${hash}`,
-                        success: t => {
-                            marked.use(markedKatex());
-                            marked.use(markedHighlight.markedHighlight({
-                                langPrefix: "hljs language-",
-                                highlight: (c, l) => {
-                                    const language = hljs.getLanguage(l) ? l : "plaintext";
-                                    return hljs.highlight(c, {language}).value;
-                                }
-                            }));
-                            main.html(DOMPurify.sanitize(marked.parse(t)));
-                        },
-                        // TODO display this error more nicely
-                        error: (r, s, e) => main.html(e)
+                        url: hash ? `share.php?id=${hash}` : "index.md",
+                        success: t => main.html(DOMPurify.sanitize(marked.parse(t))),
+                        error: (r, s, e) => main.html(`<div class="error"><p>Error loading shared note with id <code>${hash}</code>: ${e}</p><p><a href="#">Home</a></p></div>`)
                     });
                 }
             </script>
diff --git a/server/public/index.md b/server/public/index.md
new file mode 100644
index 0000000..bcfa83c
--- /dev/null
+++ b/server/public/index.md
@@ -0,0 +1,3 @@
+# Just Share Please
+
+Just Share Please is an [Obsidian](https://obsidian.md) plugin that allows quickly and easily sharing individual notes online using an anonymized link. It's pretty cool!
diff --git a/server/public/style.css b/server/public/style.css
index 03f27fd..3f6fd92 100644
--- a/server/public/style.css
+++ b/server/public/style.css
@@ -46,6 +46,14 @@ a:hover {
     margin: 40px auto 80px;
 }
 
+.error {
+    position: absolute;
+    text-align: center;
+    left: 50%;
+    top: 40%;
+    transform: translate(-50%, -60%);
+}
+
 #footer {
     position: absolute;
     left: 0;