work in progress redesign for release notes

3 files changed, 17 insertions, 2 deletions

diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css
index ce54ddf..6e7b578 100644
--- a/src/app/css/launcher.css
+++ b/src/app/css/launcher.css
@@ -151,6 +151,15 @@
 	pointer-events: none;
 }
 
+.section .release-block {
+	margin-top: 0px;
+	border-radius: 5px;
+	background: var(--bg);
+	padding: var(--padding);
+	backdrop-filter: blur(15px);
+	margin-bottom: var(--padding);
+}
+
 .contentBody img {max-width: 100%}
 .contentBody .img {text-align: center}
 
diff --git a/src/app/launcher.js b/src/app/launcher.js
index e1dbbe0..919111f 100644
--- a/src/app/launcher.js
+++ b/src/app/launcher.js
@@ -31,12 +31,18 @@ function formatRelease(notes) {
 	} else {
 		for (let release of notes) {
 			if (release.prerelease) {continue}
-			content += "# " + release.name + "\n\n"	+ release.body + "\n\n\n";
+			let new_content = "# " + release.name + "\n\n"	+ release.body + "\n\n\n";
+			content +=
+				"<div class='release-block'>\n"
+					+ markdown(new_content, {breaks: true}) + "\n" +
+				"</div>";
 		}
 	
 		content = content.replaceAll(/\@(\S+)/g, `<a href="https://github.com/$1">@$1</a>`);
 	}
 
+	console.log(markdown(content, {breaks: true}))
+
 	return markdown(content, {
 		breaks: true
 	});
diff --git a/src/app/main.css b/src/app/main.css
index f39c5a1..2750094 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -27,7 +27,7 @@ button {
 button:hover {filter: brightness(110%)}
 button:active {filter: brightness(90%)}
 
-.popup, #modsdiv {
+.popup, #modsdiv, .release-block {
 	outline: 1px solid #444444;
 	border: 3px solid var(--bg);
 }