updated style

config.toml

@@ -36,8 +36,7 @@ minify_html = true
 render_emoji = true
 bottom_footnotes = true
 github_alerts = true
-
+insert_anchor_links = "heading"
-# insert_anchor_links = "heading"
 
 [markdown.highlighting]
 light_theme = "github-light-high-contrast"     

content/blog/projects/generators.md

@@ -26,20 +26,6 @@ A more complex example would be something like `invokevirtual <methodref_index>`
 
 [^1]: https://docs.oracle.com/javase/specs/jvms/se23/html/jvms-4.html#jvms-4.1
 
-> [!NOTE]  
-> Highlights information that users should take into account, even when skimming.
-
-> [!TIP]
-> Optional information to help a user be more successful.
-
-> [!IMPORTANT]  
-> Crucial information necessary for users to succeed.
-
-> [!WARNING]  
-> Critical content demanding immediate user attention due to potential risks.
-
-> [!CAUTION]
-> Negative potential consequences of an action.
 
 
 ## Stack manipulation

content/random/markdown.md

@@ -0,0 +1,143 @@
++++
+title = "Markdown"
+description = "Here just for me"
+date = 2026-04-26
+draft = true
+
+[taxonomies]
+tags = ["markdown"]
+category = ["random"]
++++
+
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+**This is bold text**
+
+__This is bold text__
+
+*This is italic text*
+
+_This is italic text_
+
+~~Strikethrough~~
+
+---
+
+Link to the sample section: [Link Text](#header2).
+
+![Screenshot of a comment on a GitHub issue showing an image, added in the Markdown, of an Octocat smiling and raising a tentacle.](https://myoctocat.com/assets/images/base-octocat.svg)
+
+***
+
+- George Washington
+* John Adams
++ Thomas Jefferson
+
+1. James Madison
+2. James Monroe
+3. John Quincy Adams
+
+1. First list item
+   - First nested list item
+     - Second nested list item
+
+
+- [x] #739
+- [ ] https://github.com/octo-org/octo-repo/issues/740
+- [ ] Add delight to the experience when all tasks are complete :tada:
+
+
+```rust,linenos
+fn foo(bar: i32) -> String{
+    bar.into()
+}
+```
+
+reference [^1]
+
+[^1]: https://docs.oracle.com/javase/specs/jvms/se23/html/jvms-4.html#jvms-4.1
+
+> indended block
+>
+> meow :grin:
+
+> [!NOTE]  
+> Highlights information that users should take into account, even when skimming.
+
+> [!TIP]
+> Optional information to help a user be more successful.
+
+> [!IMPORTANT]  
+> Crucial information necessary for users to succeed.
+
+> [!WARNING]  
+> Critical content demanding immediate user attention due to potential risks.
+
+> [!CAUTION]
+> Negative potential consequences of an action.
+
+> Blockquotes can also be nested...
+>> [!IMPORTANT]  
+>>
+>> meow
+>>
+>> ...by using additional greater-than signs right next to each other...
+> > > [!CAUTION]
+> > > ...or with spaces between arrows.
+>>>> wow
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+| First Header  | Second Header |
+| ------------- | ------------- |
+| Content Cell  | Content Cell  |
+| Content Cell  | Content Cell  |
+
+| Command | Description |
+| --- | --- |
+| git status | List all new or modified files |
+| git diff | Show file differences that haven't been staged |
+
+| Command | Description |
+| --- | --- |
+| `git status` | List all *new or modified* files |
+| `git diff` | Show file differences that **haven't been** staged |
+
+| Left-aligned | Center-aligned | Right-aligned |
+| :---         |     :---:      |          ---: |
+| git status   | git status     | git status    |
+| git diff     | git diff       | git diff      |
+
+| Name     | Character |
+| ---      | ---       |
+| Backtick | `         |
+| Pipe     | \|        |
+
+# Header1
+## Header2
+### Header3
+#### Header4
+##### Header5
+###### Header5

sass/style.scss

@@ -56,6 +56,10 @@ a {
   }
 }
 
+.zola-anchor{
+  text-decoration-thickness: 0.05ex;
+}
+
 img,video {
   background-color: var(--grey-dark);
 }
@@ -171,81 +175,50 @@ th {
   background: var(--grey-dark);
 }
 
-
+blockquote {
-.markdown-alert-note {
+  --blockquote-color: var(--fg-2);
-  border-left: solid 3px var(--blue);
+  border-left: solid 3px var(--blockquote-color);
   padding-left: 20px;
   margin-left: 10px;
-
+  &::before{
-  ::before{
+    content:  "";
-    content:  "Note";
     display: block;
     font-weight: bold;
-    color: var(--blue);
+    color: var(--blockquote-color);
   }
 }
 
 .markdown-alert-note {
-  border-left: solid 3px var(--blue);
+  --blockquote-color: var(--blue);
-  padding-left: 20px;
+  &::before{
-  margin-left: 10px;
+    content:  "Note"!important;
-
-  ::before{
-    content:  "Note";
-    display: block;
-    font-weight: bold;
-    color: var(--blue);
   }
 }
 
 .markdown-alert-tip {
-  border-left: solid 3px var(--green);
+  --blockquote-color: var(--green);
-  padding-left: 20px;
+  &::before{
-  margin-left: 10px;
-
-  ::before{
     content:  "Tip";
-    display: block;
-    font-weight: bold;
-    color: var(--green);
   }
 }
 
 .markdown-alert-important {
-  border-left: solid 3px var(--purple);
+  --blockquote-color: var(--purple);
-  padding-left: 20px;
+  &::before {
-  margin-left: 10px;
-
-  ::before{
     content:  "Important";
-    display: block;
-    font-weight: bold;
-    color: var(--purple);
   }
 }
 
 .markdown-alert-warning {
-  border-left: solid 3px var(--yellow);
+  --blockquote-color: var(--yellow);
-  padding-left: 20px;
+  &::before{
-  margin-left: 10px;
-
-  ::before{
     content:  "Warning";
-    display: block;
-    font-weight: bold;
-    color: var(--yellow);
   }
 }
 
 .markdown-alert-caution {
-  border-left: solid 3px var(--red);
+  --blockquote-color: var(--red);
-  padding-left: 20px;
+  &::before{
-  margin-left: 10px;
-
-  ::before{
     content:  "Caution";
-    display: block;
-    font-weight: bold;
-    color: var(--red);
   }
 }