A Pen by Victor Chee on CodePen.
Created
July 26, 2018 02:44
-
-
Save victorchee/b5ab733e668c5bfc1e25eef125a93740 to your computer and use it in GitHub Desktop.
Tribute Page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>老子</h1> | |
| <h2 class="subtitle">春秋时代思想家</h2> | |
| <div class="image"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/1/1a/ThaySangLawCin.jpg" alt="老子骑青牛过函谷关"> | |
| <p>老子骑青牛过函谷关</p> | |
| </div> | |
| <h3>简介</h3> | |
| <p id="brief">李聃,名耳,字伯阳、外字聃,世人尊称为“老子”,华夏族,生于中夏东周末的某诸侯国苦县厉乡曲仁里(今河南省鹿邑县),师从殷商末臣之商容,于东周春秋末之周守藏室任吏、春秋时代思想家,隐居邢台广阳山。此人有著作被人们广泛奉为<a href="https://www.daodejing.org">《道德经》</a>,是道家的经典、全球文字出版发行量最大的著作之一。 | |
| 李聃的学说后被庄周、杨朱等人发展[2],后人奉为道家学派之开教宗师。《史记·老子韩非列传》中曾记载孔子向老子请教关于礼的问题。老子主张无为而治、天人合一、清静无为的统治理念,和庄子同样是道家的人物,或与太史儋并列,存世约有一百六十余岁或二百余岁。 | |
| 李聃被尊为道教始祖、东方三大圣人之首,唐朝追认李聃为李姓始祖。老子是世界文化名人,世界百位历史名人之一。</p> | |
| <h3>名家评价</h3> | |
| <ul> | |
| <li> | |
| 孔子曰:“鸟,吾知其能飞;鱼,吾知其能游;兽,吾知其能走。走者可以为网,游者可以为纶,飞者可以为矰,至于龙,吾不能知,其乘风云而上天。吾今日见老子,其犹龙邪!” | |
| </li> | |
| <li> | |
| 战国道家学派的代表人物庄子:“关尹、老聃乎,古之博大真人哉!” | |
| 葛洪:“道者儒之本也,儒者道之末也”。 | |
| </li> | |
| <li> | |
| 北宋文学家苏辙在《双溪集·遗言》说:“言至道无如五千文。” | |
| </li> | |
| <li> | |
| 南宋闽学派、程朱理学的创始人朱熹说:“盖老聃,周之史官,掌国之典籍,三皇五帝之书,故能述古事而倍好之。如五千言,亦或古有是语而老子传之,未可知也。” | |
| </li> | |
| <li> | |
| 清世祖爱新觉罗福临评价称:“老子道贯天人,德超品汇,着书五千余言,明清静无为之旨。然其切于身心,明于伦物,世固鲜能知之也。” | |
| </li> | |
| <li> | |
| 德国著名语言学家弗里德里希·尼采这样评论老子其人:“老子思想的集大成——像一个永不枯竭的井泉,满载宝藏,放下汲桶,唾手可得。” | |
| </li> | |
| </ul> | |
| <p id="footer">想了解更多,请参考<a href="https://zh.wikipedia.org/wiki/老子">维基百科</a></p> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h1 { | |
| font-family: Monospace; | |
| font-size: 40px; | |
| text-align: center; | |
| } | |
| h3 { | |
| font-size: 20px; | |
| text-align: left; | |
| margin-left: 20px; | |
| } | |
| .subtitle { | |
| color: darkGray; | |
| text-align: center; | |
| } | |
| .image { | |
| text-align: center; | |
| } | |
| img { | |
| border-color: lightGray; | |
| border-width: 1px; | |
| border-style: solid; | |
| border-radius: 8px; | |
| } | |
| a { | |
| color: black; | |
| } | |
| #brief { | |
| margin: 0px 40px 0px 40px; | |
| } | |
| #footer { | |
| margin-left: 20px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment