rename post -> posts

exampleSiteMultilingual/assets/css/custom1.scss

@@ -1,8 +1,4 @@
-@import 'foundation/code';
+@import 'foundation/vars';
-
-$font-stack: Helvetica, sans-serif;
-$primary-color: rgb(255, 255, 168);
-$background-color: rgb(85, 85, 85);
 
 junyi {
     display: block;
@@ -11,4 +7,3 @@ junyi {
     background-color: $background-color;
     margin-top: 1em;
 }
-

exampleSiteMultilingual/assets/css/foundation/_code.scss

@@ -1,5 +0,0 @@
-code {
-  padding: .25em;
-  line-height: 2;
-  background-color: rgb(189, 204, 255);
-}

exampleSiteMultilingual/assets/css/foundation/_vars.scss

@@ -0,0 +1,3 @@
+$font-stack: Helvetica, sans-serif;
+$primary-color: rgb(255, 255, 168);
+$background-color: rgb(85, 85, 85);

exampleSiteMultilingual/content/posts/advanced-code.md

@@ -1,6 +1,6 @@
 +++
 author = "Hugo Authors"
-title = "Usage of code, pre, kbd"
+title = "Advanced Usage of code, pre, kbd"
 date = "2024-04-09"
 description = "Guide to advanced usage of Anubis2"
 tags = [
@@ -8,6 +8,10 @@ tags = [
 ]
 +++
 
+`code` <pre>pre</pre>
+
+<kbd>CRTL</kbd> + <kbd>K</kbd> + <kbd>B</kbd> + <kbd>D</kbd>
+<!--more-->
 
 ## \<code\>
 

exampleSiteMultilingual/content/posts/advanced-diagram.md

@@ -1,6 +1,6 @@
 +++
 author = "Hugo Authors"
-title = "Advanced Diagram Usage"
+title = "Advanced Usage of Diagrams"
 date = "2024-04-09"
 description = "Guide to advanced usage of Anubis2"
 tags = [
@@ -8,23 +8,25 @@ tags = [
 ]
 +++
 
-
-## GoAT
-
-```goat
-      .               .                .               .--- 1          .-- 1     / 1
-     / \              |                |           .---+            .-+         +
-    /   \         .---+---.         .--+--.        |   '--- 2      |   '-- 2   / \ 2
-   +     +        |       |        |       |    ---+            ---+          +
-  / \   / \     .-+-.   .-+-.     .+.     .+.      |   .--- 3      |   .-- 3   \ / 3
- /   \ /   \    |   |   |   |    |   |   |   |     '---+            '-+         +
- 1   2 3   4    1   2   3   4    1   2   3   4         '--- 4          '-- 4     \ 4
-```
-
 ## Mermaid Diagrams
 
+```mermaid
+gantt
+    title A Gantt Diagram
+    dateFormat YYYY-MM-DD
+    section Section
+        A task          :a1, 2014-01-01, 30d
+        Another task    :after a1, 20d
+    section Another
+        Task in Another :2014-01-12, 12d
+        another task    :24d
+
+```
+
 Get more examples at [here](https://mermaid.js.org/intro/)
 
+<!--more-->
+
 ```mermaid
 gitGraph:
     commit "Ashish"
@@ -41,18 +43,7 @@ gitGraph:
     commit
 ```
 
-```mermaid
-gantt
-    title A Gantt Diagram
-    dateFormat YYYY-MM-DD
-    section Section
-        A task          :a1, 2014-01-01, 30d
-        Another task    :after a1, 20d
-    section Another
-        Task in Another :2014-01-12, 12d
-        another task    :24d
 
-```
 
 ```mermaid
 stateDiagram
@@ -103,3 +94,15 @@ sequenceDiagram
     John->>Bob: How about you?
     Bob-->>John: Jolly good!
 ```
+
+## GoAT
+
+```goat
+      .               .                .               .--- 1          .-- 1     / 1
+     / \              |                |           .---+            .-+         +
+    /   \         .---+---.         .--+--.        |   '--- 2      |   '-- 2   / \ 2
+   +     +        |       |        |       |    ---+            ---+          +
+  / \   / \     .-+-.   .-+-.     .+.     .+.      |   .--- 3      |   .-- 3   \ / 3
+ /   \ /   \    |   |   |   |    |   |   |   |     '---+            '-+         +
+ 1   2 3   4    1   2   3   4    1   2   3   4         '--- 4          '-- 4     \ 4
+```

exampleSiteMultilingual/content/posts/advancedstyle/index.md

@@ -8,6 +8,10 @@ tags = [
 ]
 +++
 
+There are examples of how to use custom `global-wise style` or `page-wise style`.
+
+<!--more-->
+
 <div class="anubis-custom-style">
 The custom <code>.css</code> <code>.scss</code> <code>.sass</code> file should be placed in <code>assets/</code> folder. (instead of <code>static/</code>)
 </div>
@@ -42,21 +46,15 @@ This page is affected by <code>assets/css/custom1.scss</code> and <code>assets/c
 ```
 
 ```scss
-// assets/css/foundation/_code.scss
+// assets/css/foundation/_vars.scss
-code {
+$font-stack: Helvetica, sans-serif;
-  padding: .25em;
+$primary-color: rgb(255, 255, 168);
-  line-height: 2;
+$background-color: rgb(85, 85, 85);
-  background-color: rgb(189, 204, 255);
-}
 ```
 
 ```scss
 // assets/css/custom1.scss
-@import 'foundation/code';
+@import 'foundation/vars';
-
-$font-stack: Helvetica, sans-serif;
-$primary-color: rgb(255, 255, 168);
-$background-color: rgb(85, 85, 85);
 
 junyi {
     display: block;