chore: change some test posts

6 files changed, 85 insertions, 31 deletions

diff --git a/_posts/2017-12-04-plantuml-example.md b/_posts/2017-12-04-plantuml-example.md
index 399fb9f..e45b91a 100644
--- a/_posts/2017-12-04-plantuml-example.md
+++ b/_posts/2017-12-04-plantuml-example.md
@@ -7,12 +7,6 @@ tags: [plantuml]
 
 ## My First PlantUML
 
-`` ini
-aaa = 123
-````
-``
-
-
 ### PlantUML Block-1
 @startuml
 Bob -> Alice : hello
@@ -20,7 +14,7 @@ Bob -> Alice : hello
 
 
 ### PlantUML Block-2
-``` plantuml
+``` plantuml!
 Bob -> Alice : hello world
 ```
 
@@ -46,17 +40,17 @@ endif
 skinparam handwritten true
 
 skinparam usecase {
-	BackgroundColor DarkSeaGreen
-	BorderColor DarkSlateGray
+  BackgroundColor DarkSeaGreen
+  BorderColor DarkSlateGray
+
+  BackgroundColor<< Main >> YellowGreen
+  BorderColor<< Main >> YellowGreen
 
-	BackgroundColor<< Main >> YellowGreen
-	BorderColor<< Main >> YellowGreen
-	
-	ArrowColor Olive
-	ActorBorderColor black
-	ActorFontName Courier
+  ArrowColor Olive
+  ActorBorderColor black
+  ActorFontName Courier
 
-	ActorBackgroundColor<< Human >> Gold
+  ActorBackgroundColor<< Human >> Gold
 }
 
 User << Human >>
diff --git a/_posts/2017-12-15-table-example.md b/_posts/2017-12-15-table-example.md
index 0ab5df7..af03411 100644
--- a/_posts/2017-12-15-table-example.md
+++ b/_posts/2017-12-15-table-example.md
@@ -16,7 +16,6 @@ tags: [table]
 * Table header not required
 * Grouped table header rows or data rows
 
-
 ### Rowspan and Colspan
 ^^ in a cell indicates it should be merged with the cell above.  
 This feature is contributed by [pmccloghrylaing](https://github.com/pmccloghrylaing).  
@@ -26,7 +25,7 @@ This feature is contributed by [pmccloghrylaing](https://github.com/pmccloghryla
 |Glycolysis | 2 ATP                   ||
 |^^         | 2 NADH      | 3--5 ATP   |
 |Pyruvaye oxidation | 2 NADH | 5 ATP   |
-|Citric acid cycle  | 2 ATP  |         |
+|Citric acid cycle  | 2 ATP           ||
 |^^                 | 6 NADH | 15 ATP  |
 |^^                 | 2 FADH | 3 ATP   |
 | 30--32 ATP                         |||
@@ -61,31 +60,52 @@ Table header can be eliminated.
 |♖ |♘ |♗ |♕ |♔ |  |  |♖ |
 
 
+```markdown
+|:     Fruits \|\| Food           :|||
+|:-------- |:-------- |:------------ |
+| Apple    |: Apple  :|    Apple     \
+| Banana   |  Banana  |    Banana    \
+| Orange   |  Orange  |    Orange    |
+|:   Rowspan is 5   :||:  How's it? :|
+|^^   A. Peach       ||^^ 1. Fine    |
+|^^   B. Orange      ||^^ 2. Bad  $I = \int \rho R^{2} dV$     |
+|^^   C. Banana      ||   It's OK! ![example image][my-image]  |
+```
+
 ### Text Alignment
 Table cell can be set alignment separately.
 
-| \:Fruits         ||  Food: |
+| \:Fruits         ||  Food   :|
 |:-------- |:------ |:-------- |
 | Apple    | Banana |  Orange  |
 | Apple    | Banana |  Orange  |
 
 
-|          | Fruits\::         ||
+|          | Fruits\::        ||
 |:-------- |:------ |:-------- |
 | Apple    | Banana |  Orange  |
 | Apple    | Banana |  Orange  |
 
+
 |: \:Fruits       :||          |:       Food     :||
 |:-------- |:------ |:-------- |:-------- |:------ |
 | Apple    | Banana |  Orange  |:   Strawberry    :|
-| Apple    | Banana |  Orange  |  Peach  :|        |
+| Apple  &  Banana || ^^       |    Peach        :||
+
+
+|: \:Fruits       :||          |:       Food     :||
+| Apple    | Banana |  Orange  |:   Strawberry    :|
+
 
 |:     Fruits \|\| Food           :|||
 |:-------- |:-------- |:------------ |
 | Apple    |: Apple  :|    Apple     \
 | Banana   |  Banana  |    Banana    \
 | Orange   |  Orange  |    Orange    |
-|:   Rowspan is 4   :||   How's it?  |
-|^^  A. Peach        ||   1. Fine   :|
-|^^  B. Orange       ||^^ 2. Bad     |
-|^^  C. Banana       ||   It's OK!   |
+|:   Rowspan is 5   :||:  How's it? :|
+|^^   A. Peach       ||^^ 1. Fine    |
+|^^   B. Orange      ||^^ 2. Bad  $I = \int \rho R^{2} dV$     |
+|^^   C. Banana      ||   It's OK! ![example image][my-image]  |
+
+[my-image]: http://www.unexpected-vortices.com/sw/rippledoc/example-image.jpg "An exemplary image"
+
diff --git a/_posts/2017-12-18-video-example.md b/_posts/2017-12-18-video-example.md
index 2b85015..6fbb4db 100644
--- a/_posts/2017-12-18-video-example.md
+++ b/_posts/2017-12-18-video-example.md
@@ -11,8 +11,6 @@ Some of you know that we occasionally play for weddings. As you can imagine, we
 
 ![](//www.youtube.com/watch?v=Ptk_1Dc2iPY)
 
-<br>
-<br>
 ## GUCCI HALLUCINATION / THE LINE ANIMATION / GUCCI
 BACKGROUND /
 
@@ -25,8 +23,6 @@ Our aim was to ground and accentuate the outlandish scenarios with ambient sound
 ![](https://vimeo.com/263856289)
 
 
-<br>
-<br>
 ## FINNEAS Demos How He Builds Songs For Billie Eilish
 Grammy Award-winning musician and producer FINNEAS sits down with Pitchfork and closely examines his creative process while working on some of the biggest hit songs of the past couple years. FINNEAS explores the sounds that brought upon 
 some of his greatest musical breakthroughs in songs such as bad guy, bury a friend, ocean eyes, when the party's over, I Lost a Friend, Used to This and much more.
@@ -34,3 +30,8 @@ some of his greatest musical breakthroughs in songs such as bad guy, bury a frie
 ![][demo]  
 
 [demo]: https://dai.ly/x7tgcev
+
+## This is the poster image
+In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins or require crazy markup, you can do it with a single element.
+![video](//www.html5rocks.com/en/tutorials/video/basics/devstories.webm)
+
diff --git a/_posts/2018-12-07-welcome-to-jekyll.md b/_posts/2018-12-07-welcome-to-jekyll.md
index 3e0ef2a..473e235 100644
--- a/_posts/2018-12-07-welcome-to-jekyll.md
+++ b/_posts/2018-12-07-welcome-to-jekyll.md
@@ -1,8 +1,10 @@
 ---
 layout: post
 title: Welcome to Jekyll!
+subheading: hello world!
 author: Jeffrey
 categories: jekyll
+banner: default
 tags: jekyll theme yat
 ---
 
diff --git a/_sass/yat.scss b/_sass/yat.scss
index 8d1730f..25a193a 100644
--- a/_sass/yat.scss
+++ b/_sass/yat.scss
@@ -2,8 +2,7 @@
 
 // Define defaults for each variable.
 
-$base-font-family: 'Noto Sans Light', 'AppleSDGothicNeo-Regular', 'Malgun
-Gothic', "Apple Color Emoji", Helvetica, Arial, sans-serif, Oswald, dotum, sans-serif, !default;
+$base-font-family: "Noto Sans Light", AppleSDGothicNeo-Regular, "Malgun Gothic", "Apple Color Emoji", Helvetica, Arial, Oswald, sans-serif, !default;
 $base-font-size: 14px !default;
 $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index c0e7064..84da596 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -321,6 +321,44 @@ html {
       margin-left: 8px;
     }
   }
+
+  .paginator {
+    text-align: center;
+
+    .previous:before {
+      content: ' ';
+      border: solid #787878;
+      border-width: 0 2px 2px 0;
+      display: inline-block;
+      padding: 4px;
+      margin-right: 8px;
+      transform: rotate(135deg);
+      -webkit-transform: rotate(135deg);
+    }
+
+    .next:after {
+      content: ' ';
+      border: solid #787878;
+      border-width: 0 2px 2px 0;
+      display: inline-block;
+      padding: 4px;
+      margin-left: 8px;
+      transform: rotate(-45deg);
+      -webkit-transform: rotate(-45deg);
+    }
+
+    .previous span, .next span {
+      color: #b3b3b3;
+    }
+
+    a:hover {
+      color: #000;
+    }
+
+    .indicator {
+      padding: 0 15px;
+    }
+  }
 }