diff --git a/.vscode/settings.json b/.vscode/settings.json
index ce072c8..65737f7 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,6 @@
{
- "editor.tabSize": 2
+ "editor.tabSize": 2,
+"files.associations": {
+ "*.css": "postcss"
}
+}
\ No newline at end of file
diff --git a/src/app.css b/src/app.css
index cbfbb43..735d2df 100644
--- a/src/app.css
+++ b/src/app.css
@@ -251,6 +251,11 @@
@apply dark:text-white;
}
+ /* Footnotes */
+ :global(.footnotes-ol) {
+ list-style-type: decimal !important;
+ }
+
/* Rendered publication content */
.publication-leather {
@apply flex flex-col space-y-4;
diff --git a/src/lib/utils/markdown/advancedMarkdownParser.ts b/src/lib/utils/markdown/advancedMarkdownParser.ts
index 9a29073..656fa73 100644
--- a/src/lib/utils/markdown/advancedMarkdownParser.ts
+++ b/src/lib/utils/markdown/advancedMarkdownParser.ts
@@ -20,16 +20,28 @@ const FOOTNOTE_DEFINITION_REGEX = /^\[\^([^\]]+)\]:\s*(.+)$/gm;
* Process headings (both styles)
*/
function processHeadings(content: string): string {
+ // Tailwind classes for each heading level
+ const headingClasses = [
+ 'text-4xl font-bold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h1
+ 'text-3xl font-bold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h2
+ 'text-2xl font-bold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h3
+ 'text-xl font-bold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h4
+ 'text-lg font-semibold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h5
+ 'text-base font-semibold mt-6 mb-4 text-gray-800 dark:text-gray-300', // h6
+ ];
+
// Process ATX-style headings (# Heading)
let processedContent = content.replace(HEADING_REGEX, (_, level, text) => {
- const headingLevel = level.length;
- return `