feature: github styled alerts

Author: anysad

assets/content/cookbook/Intermediate/4.Migration.md

@@ -69,7 +69,8 @@ Once all the migration steps above have been performed, the last step is to modi
 }
 ```
 
-> NOTE: For versions of Friday Night Funkin' between v0.3.0 and v0.4.1, the modding system always looked for `"0.1.0"` for the `api_version` and refused to load the mod in all other cases. With the v0.5.0 update, this version will now change to match the game version with every update, but only breaking changes will forcibly disable mods. Those breaking changes will be documented on this page.
+> [!NOTE]
+> For versions of Friday Night Funkin' between v0.3.0 and v0.4.1, the modding system always looked for `"0.1.0"` for the `api_version` and refused to load the mod in all other cases. With the v0.5.0 update, this version will now change to match the game version with every update, but only breaking changes will forcibly disable mods. Those breaking changes will be documented on this page.
 
 # Migrating from v0.5.0 to v0.6.3
 

assets/content/cookbook/Introduction/5.AppendingAndMerge.md

@@ -78,7 +78,8 @@ CSV and TSV files can be merged as well. In this case, the mod loader will look
 
 ### Merging into XML Files
 
-> NOTE: The behavior of Merging XML files may change significantly in the near future.
+> [!CAUTION]
+> The behavior of Merging XML files may change significantly in the near future.
 
 For XML, you must create an XML document containing the desired, values, with additional information to inform Polymod about where to insert it.
 
@@ -141,7 +142,9 @@ As soon as it finds the first match, it stops and merges the payload with the sp
 
 ### Merging into JSON Files
 
-Merging into JSON files is done using a [JSON Patch](https://jsonpatch.com/) document. (NOTE: This significantly differs from JSON patch files created for v0.4.1 and earlier, which used a different system that honestly kinda sucked).
+Merging into JSON files is done using a [JSON Patch](https://jsonpatch.com/) document.
+> [!NOTE]
+> This significantly differs from JSON patch files created for v0.4.1 and earlier, which used a different system that honestly kinda sucked.
 
 Say we have a JSON data file `data/songs/mysong-metadata.json` like below:
 

assets/includes/css/styles.css

@@ -272,6 +272,71 @@ blockquote.author-info {
   border-left: 4px solid #EA8220;
 }
 
+.markdown-alert {
+  padding: 0.5rem 1rem;
+  margin-bottom: 1rem;
+  color: inherit;
+  border-left: .25em solid #d1d9e0;
+}
+
+.markdown-alert>:first-child {
+  margin-top: 0;
+}
+
+.markdown-alert>:last-child {
+  margin-top: 0;
+}
+
+.markdown-alert-image {
+  margin-right: 8px;
+}
+
+.markdown-alert .markdown-alert-title {
+  display: flex;
+  font-weight: bold;
+  align-items: center;
+  line-height: 1;
+}
+
+.markdown-alert.markdown-alert-note {
+  border-left-color: #0969da;
+}
+.markdown-alert.markdown-alert-note .markdown-alert-title {
+  color: #0969da;
+}
+
+.markdown-alert.markdown-alert-important {
+  border-left-color: #8250df;
+}
+
+.markdown-alert.markdown-alert-important .markdown-alert-title {
+  color: #8250df;
+}
+
+.markdown-alert.markdown-alert-warning {
+  border-left-color: #9a6700;
+}
+
+.markdown-alert.markdown-alert-warning .markdown-alert-title {
+  color: #9a6700;
+}
+
+.markdown-alert.markdown-alert-tip {
+  border-left-color: #1a7f37;
+}
+
+.markdown-alert.markdown-alert-tip .markdown-alert-title {
+  color: #1a7f37;
+}
+
+.markdown-alert.markdown-alert-caution {
+  border-left-color: #cf222e;
+}
+
+.markdown-alert.markdown-alert-caution .markdown-alert-title {
+  color: #d1242f;
+}
+
 .dark a, .dark a:hover, .dark a:active {
   color: rgb(234,130,32);
 }

assets/includes/css/styles.min.css

@@ -594,6 +594,22 @@ class Generator {
 							el.children.resize(0);
 							el.children.push(new TextNode(section));
 						}
+						if ((el.tag == "div" && !el.isEmpty()))
+						{
+							for (child in el.children)
+							{
+								var childEl:ElementNode = cast child;
+								if (childEl.attributes.get('class') != null && childEl.attributes.get('class') == "markdown-alert-title") {
+									var textNode:TextNode = cast childEl.children[0];
+									var type = textNode.text.toLowerCase();
+									var img = new ElementNode('img', null);
+									img.attributes.set('src', 'svg/$type.svg');
+									img.attributes.set('alt', type);
+									img.attributes.set('class', 'markdown-alert-image');
+									childEl.children.insert(0, cast img);
+								}
+							}
+						}
 
 						#if test_snippets
 						// TODO: Move to its own class?