move to vue-blogify

public/posts/2019/08/千字文1.1.pug

@@ -0,0 +1,53 @@
+---
+title: "千字文 - 1/1"
+date: "2019-08-11"
+tag: 
+ - 千字文
+ - 汉字
+---
+
+.w-100.mt-3
+  h3.text-center 天地玄黃，宇宙洪荒。
+.w-100
+  figure.d-inline-block
+    img(src="https://upload.wikimedia.org/wikipedia/commons/a/ab/天-order.gif" height=100)
+    figcaption.text-center tian1
+  figure.d-inline-block
+    img(src="https://upload.wikimedia.org/wikipedia/commons/f/fb/地-order.gif" height=100)
+    figcaption.text-center di4
+  figure.d-inline-block
+    img(src="https://upload.wikimedia.org/wikipedia/commons/d/d3/玄-order.gif" height=100)
+    figcaption.text-center xuan2
+  figure.d-inline-block
+    img(src="https://upload.wikimedia.org/wikipedia/commons/e/e7/黄-order.gif" height=100)
+    figcaption.text-center huang2
+.w-100
+  figure.d-inline-block
+    img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23431.gif" height=100)
+    figcaption.text-center yu3
+  figure.d-inline-block
+    img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23449.gif" height=100)
+    figcaption.text-center zhou4
+  figure.d-inline-block
+    img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27946.gif" height=100)
+    figcaption.text-center hong2
+  figure.d-inline-block
+    img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33618.gif" height=100)
+    figcaption.text-center huang1
+
+===
+
+.w-100.mt-3
+  :markdown
+    宇宙 | yǔzhòu | universe / cosmos
+    宇航 | yǔháng | space flight
+    宇航员 | yǔhángyuán | astronaut
+    宇宙飞船 | yǔzhòufēichuán | spacecraft
+    防洪 | fánghóng | flood control / flood prevention
+    山洪 | shānhóng | mountain flash flood / mountain torrent
+    荒 | huāng | desolate / shortage / scarce / out of practice / absurd / uncultivated / to neglect
+    荒野 | huāngyě | wilderness
+  style.
+    table td:first-child {
+      width: 10em;
+    }