feat: updating markdown with more examples + little improvement on fo…

…otnot backref styling

data/posts/features.md

@@ -4,7 +4,7 @@ description: A quick explaination of the features of smallblog.
 tags:
     - smallblog
     - features
-date: 2024-11-21
+date: 2024-11-26
 ---
 
 Smallblog is made to be very intuitive to use, you just write your Markdown and everything is automatically generated. However, not everyone knows the syntax and there are other features dedicated to more advanced users.

data/posts/post_test.md

@@ -8,7 +8,7 @@ tags:
   - test
   - markdown
   - id123abc
-date: 2024-11-20
+date: 2024-11-26
 ---
 
 Esse sit culpa id ut ex in magna incididunt duis sint. Officia do ipsum aliquip
@@ -47,10 +47,39 @@ reprehenderit. Exercitation irure incididunt commodo elit deserunt ipsum. Dolor
 excepteur tempor occaecat aliquip fugiat Lorem duis magna ea consectetur laboris
 occaecat. Deserunt ea aute aliqua cupidatat do sint velit cillum amet tempor ex._**
 
+### Special text formatting
+
+This is a break:
+
+---
+
+Strikethrough: ~~Strikethrough~~
+
+This is\
+an hardline break!
+
 ### Citation
 
 > A Very Long Citation
 
+### Footnotes
+
+[^1]: This is a footnote
+
+[^bignote]: The first paragraph of the definition.
+
+    Paragraph two of the definition.
+
+Here is a simple footnote[^1]. Here is a big footnote[^bignote], it can contain anything you want.
+
+### Links
+
+[foo]: https://github.com/Tayzendev/smallblog "Smallblog's github"
+
+This is a [link](https://jsr.io/@tayzendev/smallblog)
+
+Link reference definition: [foo].
+
 ### Code
 
 ```python

templates/style.ts

@@ -531,5 +531,9 @@ export const style = html`
     .markdown-body .markdown-alert.markdown-alert-caution {
       border-left-color: var(--color-caution-alert);
     }
+
+    .markdown-body a[data-footnote-backref] {
+      text-decoration: none;
+    }
   </style>
 `;