✨ feat: refactor heti css and define basic markdown styles

src/content/posts/Markdown Style Guide-en.md

@@ -42,7 +42,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 ### Output
 
-![Alt text](./full/or/relative/path/of/image)
+![blog placeholder](/blog-placeholder.jpg)
 
 ## Blockquotes
 
@@ -53,13 +53,13 @@ The blockquote element represents content that is quoted from another source, op
 #### Syntax
 
 ```markdown
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.<br>
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use _Markdown syntax_ within a blockquote.
 ```
 
 #### Output
 
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.<br>
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use _Markdown syntax_ within a blockquote.
 
 ### Blockquote with attribution
@@ -188,30 +188,51 @@ we can use 3 backticks ``` in new line and write snippet and close with 3 backti
   - Milk
   - Cheese
 
-## Other Elements — abbr, sub, sup, kbd, mark
+## Other Elements
 
 ### Syntax
 
 ```markdown
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
 H<sub>2</sub>O
 
 X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format (hover for 2s).
+
 Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
 
+Students often make some <u title="spelling">speling</u> mistakes (hover for 2s).
+
+There is <del>nothing</del> no code either good or bad, but running it makes it so.
+
 Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
 ```
 
 ### Output
 
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
 H<sub>2</sub>O
 
 X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format (hover for 2s).
+
 Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
 
+Students often make some <u title="spelling">speling</u> mistakes (hover for 2s).
+
+There is <del>nothing</del> no code either good or bad, but running it makes it so.
+
 Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+
+<!-- <details>
+  <summary>
+    I have keys but no doors. I have space but no room. You can enter but can’t
+    leave. What am I?
+  </summary>
+  A keyboard.
+</details>
+
+<figure>
+  <img src="https://image.radishzz.cc/picsmaller/03.webp">
+  <figcaption text-center="">Node Modules Inspector - Overview</figcaption>
+</figure> -->

src/content/posts/examples/故乡-en.md

@@ -5,6 +5,7 @@ tags: ["Lu Xun","Modern Literature"]
 lang: en
 abbrlink: my-native-heath
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/03.webp)
 
 It was bitter cold as I set forth, after an absence of more than twenty years, on a visit to my native heath over two thousand li away.

src/content/posts/examples/故乡-es.md

@@ -5,6 +5,7 @@ tags: ["Lu Xun","Literatura Moderna"]
 lang: es
 abbrlink: my-native-heath
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/03.webp)
 
 Hacía un frío glacial cuando, tras una ausencia de más de veinte años, partí para visitar mi páramo natal, a más de dos mil li de distancia.

src/content/posts/examples/故乡-ja.md

@@ -5,6 +5,7 @@ tags: ["ろじん","きんだいぶんがく"]
 lang: ja
 abbrlink: my-native-heath
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/03.webp)
 
 わたしは厳寒を冒して、二千余里を隔て二十余年も別れていた故郷に帰って来た。時はもう冬の最中で故郷に近づくに従って天気は小闇くなり、身を切るような風が船室に吹き込んでびゅうびゅうと鳴る。苫の隙間から外を見ると、蒼黄いろい空の下にしめやかな荒村があちこちに横たわっていささかの活気もない。わたしはうら悲しき心の動きが抑え切れなくなった。

src/content/posts/examples/故乡-ru.md

@@ -5,6 +5,7 @@ tags: ["Лу Синь","Современная литература"]
 lang: ru
 abbrlink: my-native-heath
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/03.webp)
 
 Было очень холодно, когда после более чем двадцатилетнего отсутствия я отправился навестить свою родную пустошь, расположенную более чем в двух тысячах ли отсюда.

src/content/posts/examples/羅生門-zh-tw.md

@@ -5,6 +5,7 @@ tags: ["芥川龍之介","近代文學"]
 lang: zh-tw
 abbrlink: rashomon
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/06.webp)
 
 是一日的傍晚的事。有一個家將，在羅生門下待著雨住。

src/content/posts/examples/羅生門-zh.md

@@ -5,6 +5,7 @@ tags: ["芥川龙之介","近代文学"]
 lang: zh
 abbrlink: rashomon
 ---
+
 ![Here's the description of the picture](https://image.radishzz.cc/picsmaller/06.webp)
 
 是一日的傍晚的事。有一个家将，在罗生门下待著雨住。