Skip to content

Commit

Permalink
website: update docs/index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@jaywcjlove
jaywcjlove committed Dec 18, 2024
1 parent b4e9c39 commit 1fb97ea
Showing 1 changed file with 126 additions and 0 deletions.
126 changes: 126 additions & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,12 @@
transition: all 0.3s;
}
.download:hover { background: #2279a0; color: white; }

.pinyin-info { text-align: center; }
.pinyin-info h3 { font-size: 1.8em; color: #7d7d7d; }
.pinyin-info > ruby { font-size: 1.8em; margin: 0 0.2em; }
.regular.pinyin-info > ruby { font-family: 'pinyin'; }
.wenkai-light.pinyin-info > ruby { font-family: 'pinyin-wenkai-light'; }
</style>
</head>
<body>
Expand Down Expand Up @@ -128,6 +134,66 @@ <h2><ruby>拼<rt>Pīn</rt>音<rt>yīn</rt>常规体<rt>Regular Font</rt></ruby><
<p class="regular">
01234 56789
</p>
<div class="regular pinyin-info">
<h3>23 个<ruby>声母<rt>shēng mǔ</rt></ruby></h3>
<ruby>b<rt>菠</rt></ruby>
<ruby>p<rt>泼</rt></ruby>
<ruby>m<rt>摩</rt></ruby>
<ruby>f<rt>佛</rt></ruby>
<ruby>d<rt>的</rt></ruby>
<ruby>t<rt>特</rt></ruby>
<ruby>n<rt>讷</rt></ruby>
<ruby>l<rt>乐</rt></ruby>
<ruby>g<rt>歌</rt></ruby>
<ruby>k<rt>可</rt></ruby>
<ruby>h<rt>喝</rt></ruby>
<ruby>j<rt>鸡</rt></ruby>
<ruby>q<rt>气</rt></ruby>
<ruby>x<rt>西</rt></ruby>
<ruby>zh<rt>知</rt></ruby>
<ruby>ch<rt>吃</rt></ruby>
<ruby>sh<rt>师</rt></ruby>
<ruby>r<rt>日</rt></ruby>
<ruby>z<rt>字</rt></ruby>
<ruby>c<rt>磁</rt></ruby>
<ruby>s<rt>司</rt></ruby>
<ruby>y<rt>医</rt></ruby>
<ruby>w<rt>舞</rt></ruby>

<h3>6 个<ruby>单韵母<rt>dān yùn mǔ</rt></ruby></h3>
<ruby>a<rt>阿</rt></ruby>
<ruby>o<rt>哦</rt></ruby>
<ruby>e<rt>鹅</rt></ruby>
<ruby>i<rt>医</rt></ruby>
<ruby>u<rt>乌</rt></ruby>
<ruby>ü<rt>鱼</rt></ruby>

<h3>8 个<ruby>复韵母<rt>fù yùn mǔ</rt></ruby></h3>
<ruby>ai<rt>艾</rt></ruby>
<ruby>ei<rt>诶</rt></ruby>
<ruby>ui<rt>水</rt></ruby>
<ruby>ao<rt>袄</rt></ruby>
<ruby>ou<rt>鸥</rt></ruby>
<ruby>iu<rt>优</rt></ruby>
<ruby>ie<rt>姐</rt></ruby>
<ruby>üe<rt>月</rt></ruby>

<h3>1 个<ruby>特殊韵母<rt>tè shū yùn mǔ</rt></ruby></h3>
<ruby>er<rt>耳</rt></ruby>

<h3>5 个<ruby>前鼻音韵母<rt>qián bí yīn yùn mǔ</rt></ruby></h3>
<ruby>an<rt>安</rt></ruby>
<ruby>en<rt>恩</rt></ruby>
<ruby>in<rt>音</rt></ruby>
<ruby>un<rt>春</rt></ruby>
<ruby>ün<rt>晕</rt></ruby>

<h3>4 个<ruby>后鼻音韵母<rt>hòu bí yīn yùn mǔ</rt></ruby></h3>
<ruby>ang<rt>昂</rt></ruby>
<ruby>eng<rt>风</rt></ruby>
<ruby>ing<rt>鹦</rt></ruby>
<ruby>ong<rt>虫</rt></ruby>
</div>
<h2><ruby>拼<rt>Pīn</rt>音<rt>yīn</rt>文<rt>wén</rt>楷<rt>kǎi</rt>细<rt>Light</rt>常规<rt>Regular</rt>体<rt>Font</rt></ruby></h2>
<p class="wenkai-light" spellcheck="false" contenteditable="true">
Hello World 1987
Expand All @@ -150,6 +216,66 @@ <h2><ruby>拼<rt>Pīn</rt>音<rt>yīn</rt>文<rt>wén</rt>楷<rt>kǎi</rt>细<rt
<p class="wenkai-light">
×÷-+/|\!@#<br/>$%^&*()_+{}[]:";'<>?,.
</p>
<div class="wenkai-light pinyin-info">
<h3>23 个<ruby>声母<rt>shēng mǔ</rt></ruby></h3>
<ruby>b<rt>菠</rt></ruby>
<ruby>p<rt>泼</rt></ruby>
<ruby>m<rt>摩</rt></ruby>
<ruby>f<rt>佛</rt></ruby>
<ruby>d<rt>的</rt></ruby>
<ruby>t<rt>特</rt></ruby>
<ruby>n<rt>讷</rt></ruby>
<ruby>l<rt>乐</rt></ruby>
<ruby>g<rt>歌</rt></ruby>
<ruby>k<rt>可</rt></ruby>
<ruby>h<rt>喝</rt></ruby>
<ruby>j<rt>鸡</rt></ruby>
<ruby>q<rt>气</rt></ruby>
<ruby>x<rt>西</rt></ruby>
<ruby>zh<rt>知</rt></ruby>
<ruby>ch<rt>吃</rt></ruby>
<ruby>sh<rt>师</rt></ruby>
<ruby>r<rt>日</rt></ruby>
<ruby>z<rt>字</rt></ruby>
<ruby>c<rt>磁</rt></ruby>
<ruby>s<rt>司</rt></ruby>
<ruby>y<rt>医</rt></ruby>
<ruby>w<rt>舞</rt></ruby>

<h3>6 个<ruby>单韵母<rt>dān yùn mǔ</rt></ruby></h3>
<ruby>a<rt>阿</rt></ruby>
<ruby>o<rt>哦</rt></ruby>
<ruby>e<rt>鹅</rt></ruby>
<ruby>i<rt>医</rt></ruby>
<ruby>u<rt>乌</rt></ruby>
<ruby>ü<rt>鱼</rt></ruby>

<h3>8 个<ruby>复韵母<rt>fù yùn mǔ</rt></ruby></h3>
<ruby>ai<rt>艾</rt></ruby>
<ruby>ei<rt>诶</rt></ruby>
<ruby>ui<rt>水</rt></ruby>
<ruby>ao<rt>袄</rt></ruby>
<ruby>ou<rt>鸥</rt></ruby>
<ruby>iu<rt>优</rt></ruby>
<ruby>ie<rt>姐</rt></ruby>
<ruby>üe<rt>月</rt></ruby>

<h3>1 个<ruby>特殊韵母<rt>tè shū yùn mǔ</rt></ruby></h3>
<ruby>er<rt>耳</rt></ruby>

<h3>5 个<ruby>前鼻音韵母<rt>qián bí yīn yùn mǔ</rt></ruby></h3>
<ruby>an<rt>安</rt></ruby>
<ruby>en<rt>恩</rt></ruby>
<ruby>in<rt>音</rt></ruby>
<ruby>un<rt>春</rt></ruby>
<ruby>ün<rt>晕</rt></ruby>

<h3>4 个<ruby>后鼻音韵母<rt>hòu bí yīn yùn mǔ</rt></ruby></h3>
<ruby>ang<rt>昂</rt></ruby>
<ruby>eng<rt>风</rt></ruby>
<ruby>ing<rt>鹦</rt></ruby>
<ruby>ong<rt>虫</rt></ruby>
</div>
</main>
<footer class="footer">
Made by<a href="https://jaywcjlove.github.io/#/sponsor" target="_blank"> 小弟调调™ </a>with<span class="heart"> ❤</span></span>
Expand Down

0 comments on commit 1fb97ea

Please sign in to comment.