From 16922b8ac6cb877d72294cddcb0c44d8864785b1 Mon Sep 17 00:00:00 2001 From: jeffreytse Date: Sun, 12 Jul 2020 16:30:26 +0800 Subject: [PATCH] chore: change some test posts --- _posts/2017-12-04-plantuml-example.md | 26 +++++++----------- _posts/2017-12-15-table-example.md | 38 ++++++++++++++++++++------ _posts/2017-12-18-video-example.md | 9 +++--- _posts/2018-12-07-welcome-to-jekyll.md | 2 ++ _sass/yat.scss | 3 +- _sass/yat/_layout.scss | 38 ++++++++++++++++++++++++++ 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 - - ArrowColor Olive - ActorBorderColor black - ActorFontName Courier + BackgroundColor<< Main >> YellowGreen + BorderColor<< Main >> YellowGreen - ActorBackgroundColor<< Human >> Gold + ArrowColor Olive + ActorBorderColor black + ActorFontName Courier + + 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) -
-
## 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) -
-
## 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; + } + } }