Merge branch 'main' of https://github.com/redlib-org/redlib

static/check_update.js

@@ -33,7 +33,7 @@ async function checkInstanceUpdateStatus() {
         document.getElementById('update-status').innerText = statusMessage;
     } catch (error) {
         console.error('Error fetching commits:', error);
-        document.getElementById('update-status').innerText = '⚠️ Error checking update status.';
+        document.getElementById('update-status').innerText = '⚠️ Error checking update status: ' + error;
     }
 }
 
@@ -48,7 +48,7 @@ async function checkOtherInstances() {
         document.getElementById('random-instance').innerText = "Visit Random Instance";
     } catch (error) {
         console.error('Error fetching instances:', error);
-        document.getElementById('update-status').innerText = '⚠️ Error checking update status.';
+        document.getElementById('update-status').innerText = '⚠️ Error checking other instances: ' + error;
     }
 }
 

static/copy.js

@@ -0,0 +1,9 @@
+async function copy() {
+    await navigator.clipboard.writeText(document.getElementById('bincode_str').value);
+}
+
+async function set_listener() {
+    document.getElementById('copy').addEventListener('click', copy);
+}
+
+window.addEventListener('load', set_listener);

static/style.css

@@ -493,14 +493,18 @@ aside {
 .subscribe,
 .unsubscribe,
 .filter,
-.unfilter {
+.unfilter,
+.copy,
+.import {
     padding: 10px 20px;
     border-radius: 5px;
     cursor: pointer;
 }
 
 .subscribe,
-.filter {
+.filter,
+.copy,
+.import {
     color: var(--foreground);
     background-color: var(--accent);
 }
@@ -1139,6 +1143,13 @@ a.search_subreddit:hover {
     overflow-wrap: anywhere;
 }
 
+.post_body pre {
+    background: var(--background);
+    overflow-x: auto;
+    margin: 10px 0;
+    padding: 10px;
+}
+
 .post_body img {
     max-width: 100%;
     display: block;

static/themes/midnightPurple.css

@@ -0,0 +1,14 @@
+/* midnightpurple theme setting */
+.midnightPurple{
+	--accent: #be6ede;
+	--green: #268F02;
+	--text: white;
+	--foreground: #222;
+	--background: #000000;
+	--outside: #1f1f1f;
+	--post: #000000;
+	--panel-border: 1px solid #4E1764;
+	--highlighted: #333;
+	--visited: #aaa;
+	--shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}