Skip to content

Commit

Permalink
調整 ruby tag 的 rtc property
Browse files Browse the repository at this point in the history
  • Loading branch information
@AlanJui
AlanJui committed Apr 28, 2024
1 parent 8d6f6ae commit 017be3c
Show file tree
Hide file tree
Showing 3 changed files with 2,529 additions and 627 deletions.
41 changes: 23 additions & 18 deletions docs/assets/styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,40 +141,45 @@ rtc {

/* 方音符號 */
.zhu_yin {
padding: 40px 20px 20px;
font-family: "Noto Serif TC";
font-size: 42px;
line-height: 2.0;
font-size: 2em;
}

.zhu_yin ruby {
padding-right: 2px;
writing-mode: vertical-lr;
.zhu_yin p {
line-height: 3em;
letter-spacing: 0.2em;
}

.zhu_yin rt {
font-family: BopomofoRuby;
font-size: 30%;
letter-spacing: 0;
color: darkcyan;
.zhu_yin ruby {
/* writing-mode: vertical-lr; */
}

-webkit-ruby-position: inter-character;
ruby-position: inter-character;
text-orientation: upright;
text-align: center;
.zhu_yin rb {
font-size: 1.5em;
}

.zhu_yin rtc {
white-space: nowrap;
line-height: 1;

font-family: BopomofoRuby;
font-size: 30%;
font-size: 40%;
letter-spacing: 0;
color: #B94B6A;
font-weight: bold;

-webkit-ruby-position: inter-character;
ruby-position: inter-character;
text-orientation: upright;
/* text-align: center; */
/* text-orientation: upright; */
}

.zhu_yin rt {
font-family: sans-serif;
color: darkcyan;
font-size: 50%;
text-align: center;
writing-mode: inherit;
letter-spacing: 0;
}

/* 十五音 */
Expand Down
238 changes: 119 additions & 119 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,125 +28,125 @@ <h1>河洛話讀古文</h1>
<!-- 側邊選單 -->
<div id="articles">
<h2>六國論</h2>
<ul>
<li><a href="六國論_十五音切語.html">十五音切語</a></li>
<li><a href="六國論_台羅拼音.html">台羅拼音</a></li>
<li><a href="六國論_台羅改良式.html">台羅改良式</a></li>
<li><a href="六國論_方音符號注音.html">方音符號注音</a></li>
<li><a href="六國論_白話字拼音.html">白話字拼音</a></li>
<li><a href="六國論_閩拼標音.html">閩拼標音</a></li>
<li><a href="六國論_雙排注音.html">雙排注音</a></li>
</ul>
<h2>前出師表</h2>
<ul>
<li><a href="前出師表_十五音切語.html">十五音切語</a></li>
<li><a href="前出師表_台羅拼音.html">台羅拼音</a></li>
<li><a href="前出師表_台羅改良式.html">台羅改良式</a></li>
<li><a href="前出師表_方音符號注音.html">方音符號注音</a></li>
<li><a href="前出師表_白話字拼音.html">白話字拼音</a></li>
<li><a href="前出師表_閩拼標音.html">閩拼標音</a></li>
<li><a href="前出師表_雙排注音.html">雙排注音</a></li>
</ul>
<h2>前赤壁賦</h2>
<ul>
<li><a href="前赤壁賦_十五音切語.html">十五音切語</a></li>
<li><a href="前赤壁賦_台羅拼音.html">台羅拼音</a></li>
<li><a href="前赤壁賦_台羅改良式.html">台羅改良式</a></li>
<li><a href="前赤壁賦_方音符號注音.html">方音符號注音</a></li>
<li><a href="前赤壁賦_白話字拼音.html">白話字拼音</a></li>
<li><a href="前赤壁賦_閩拼標音.html">閩拼標音</a></li>
<li><a href="前赤壁賦_雙排注音.html">雙排注音</a></li>
</ul>
<h2>回首前塵</h2>
<ul>
<li><a href="回首前塵_十五音切語.html">十五音切語</a></li>
<li><a href="回首前塵_台羅拼音.html">台羅拼音</a></li>
<li><a href="回首前塵_台羅改良式.html">台羅改良式</a></li>
<li><a href="回首前塵_方音符號注音.html">方音符號注音</a></li>
<li><a href="回首前塵_白話字拼音.html">白話字拼音</a></li>
<li><a href="回首前塵_閩拼標音.html">閩拼標音</a></li>
<li><a href="回首前塵_雙排注音.html">雙排注音</a></li>
</ul>
<h2>寄黃幾復</h2>
<ul>
<li><a href="寄黃幾復_十五音切語.html">十五音切語</a></li>
<li><a href="寄黃幾復_台羅拼音.html">台羅拼音</a></li>
<li><a href="寄黃幾復_台羅改良式.html">台羅改良式</a></li>
<li><a href="寄黃幾復_方音符號注音.html">方音符號注音</a></li>
<li><a href="寄黃幾復_白話字拼音.html">白話字拼音</a></li>
<li><a href="寄黃幾復_閩拼標音.html">閩拼標音</a></li>
<li><a href="寄黃幾復_雙排注音.html">雙排注音</a></li>
</ul>
<h2>岳陽樓記</h2>
<ul>
<li><a href="岳陽樓記_十五音切語.html">十五音切語</a></li>
<li><a href="岳陽樓記_台羅拼音.html">台羅拼音</a></li>
<li><a href="岳陽樓記_台羅改良式.html">台羅改良式</a></li>
<li><a href="岳陽樓記_方音符號注音.html">方音符號注音</a></li>
<li><a href="岳陽樓記_白話字拼音.html">白話字拼音</a></li>
<li><a href="岳陽樓記_閩拼標音.html">閩拼標音</a></li>
<li><a href="岳陽樓記_雙排注音.html">雙排注音</a></li>
</ul>
<h2>心經</h2>
<ul>
<li><a href="心經_十五音切語.html">十五音切語</a></li>
<li><a href="心經_台羅拼音.html">台羅拼音</a></li>
<li><a href="心經_台羅改良式.html">台羅改良式</a></li>
<li><a href="心經_方音符號注音.html">方音符號注音</a></li>
<li><a href="心經_白話字拼音.html">白話字拼音</a></li>
<li><a href="心經_閩拼標音.html">閩拼標音</a></li>
<li><a href="心經_雙排注音.html">雙排注音</a></li>
</ul>
<h2>念奴嬌·斷虹霽雨</h2>
<ul>
<li><a href="念奴嬌·斷虹霽雨_十五音切語.html">十五音切語</a></li>
<li><a href="念奴嬌·斷虹霽雨_台羅拼音.html">台羅拼音</a></li>
<li><a href="念奴嬌·斷虹霽雨_台羅改良式.html">台羅改良式</a></li>
<li><a href="念奴嬌·斷虹霽雨_方音符號注音.html">方音符號注音</a></li>
<li><a href="念奴嬌·斷虹霽雨_白話字拼音.html">白話字拼音</a></li>
<li><a href="念奴嬌·斷虹霽雨_閩拼標音.html">閩拼標音</a></li>
<li><a href="念奴嬌·斷虹霽雨_雙排注音.html">雙排注音</a></li>
</ul>
<h2>水龍吟·登建康賞心亭</h2>
<ul>
<li><a href="水龍吟·登建康賞心亭_十五音切語.html">十五音切語</a></li>
<li><a href="水龍吟·登建康賞心亭_台羅拼音.html">台羅拼音</a></li>
<li><a href="水龍吟·登建康賞心亭_台羅改良式.html">台羅改良式</a></li>
<li><a href="水龍吟·登建康賞心亭_方音符號注音.html">方音符號注音</a></li>
<li><a href="水龍吟·登建康賞心亭_白話字拼音.html">白話字拼音</a></li>
<li><a href="水龍吟·登建康賞心亭_閩拼標音.html">閩拼標音</a></li>
<li><a href="水龍吟·登建康賞心亭_雙排注音.html">雙排注音</a></li>
</ul>
<h2>漢語古詩</h2>
<ul>
<li><a href="漢語古詩_十五音切語.html">十五音切語</a></li>
<li><a href="漢語古詩_台羅拼音.html">台羅拼音</a></li>
<li><a href="漢語古詩_台羅改良式.html">台羅改良式</a></li>
<li><a href="漢語古詩_方音符號注音.html">方音符號注音</a></li>
<li><a href="漢語古詩_白話字拼音.html">白話字拼音</a></li>
<li><a href="漢語古詩_閩拼標音.html">閩拼標音</a></li>
<li><a href="漢語古詩_雙排注音.html">雙排注音</a></li>
</ul>
<h2>短歌行</h2>
<ul>
<li><a href="短歌行_十五音切語.html">十五音切語</a></li>
<li><a href="短歌行_台羅拼音.html">台羅拼音</a></li>
<li><a href="短歌行_台羅改良式.html">台羅改良式</a></li>
<li><a href="短歌行_方音符號注音.html">方音符號注音</a></li>
<li><a href="短歌行_白話字拼音.html">白話字拼音</a></li>
<li><a href="短歌行_閩拼標音.html">閩拼標音</a></li>
<li><a href="短歌行_雙排注音.html">雙排注音</a></li>
</ul>
<h2>顏氏家訓【教子】</h2>
<ul>
<li><a href="顏氏家訓【教子】_十五音切語.html">十五音切語</a></li>
<li><a href="顏氏家訓【教子】_台羅拼音.html">台羅拼音</a></li>
<li><a href="顏氏家訓【教子】_台羅改良式.html">台羅改良式</a></li>
<li><a href="顏氏家訓【教子】_方音符號注音.html">方音符號注音</a></li>
<li><a href="顏氏家訓【教子】_白話字拼音.html">白話字拼音</a></li>
<li><a href="顏氏家訓【教子】_閩拼標音.html">閩拼標音</a></li>
<li><a href="顏氏家訓【教子】_雙排注音.html">雙排注音</a></li>
</ul>
<ul>
<li><a href="六國論_十五音切語.html">十五音切語</a></li>
<li><a href="六國論_台羅拼音.html">台羅拼音</a></li>
<li><a href="六國論_台羅改良式.html">台羅改良式</a></li>
<li><a href="六國論_方音符號注音.html">方音符號注音</a></li>
<li><a href="六國論_白話字拼音.html">白話字拼音</a></li>
<li><a href="六國論_閩拼標音.html">閩拼標音</a></li>
<li><a href="六國論_雙排注音.html">雙排注音</a></li>
</ul>
<h2>前出師表</h2>
<ul>
<li><a href="前出師表_十五音切語.html">十五音切語</a></li>
<li><a href="前出師表_台羅拼音.html">台羅拼音</a></li>
<li><a href="前出師表_台羅改良式.html">台羅改良式</a></li>
<li><a href="前出師表_方音符號注音.html">方音符號注音</a></li>
<li><a href="前出師表_白話字拼音.html">白話字拼音</a></li>
<li><a href="前出師表_閩拼標音.html">閩拼標音</a></li>
<li><a href="前出師表_雙排注音.html">雙排注音</a></li>
</ul>
<h2>前赤壁賦</h2>
<ul>
<li><a href="前赤壁賦_十五音切語.html">十五音切語</a></li>
<li><a href="前赤壁賦_台羅拼音.html">台羅拼音</a></li>
<li><a href="前赤壁賦_台羅改良式.html">台羅改良式</a></li>
<li><a href="前赤壁賦_方音符號注音.html">方音符號注音</a></li>
<li><a href="前赤壁賦_白話字拼音.html">白話字拼音</a></li>
<li><a href="前赤壁賦_閩拼標音.html">閩拼標音</a></li>
<li><a href="前赤壁賦_雙排注音.html">雙排注音</a></li>
</ul>
<h2>回首前塵</h2>
<ul>
<li><a href="回首前塵_十五音切語.html">十五音切語</a></li>
<li><a href="回首前塵_台羅拼音.html">台羅拼音</a></li>
<li><a href="回首前塵_台羅改良式.html">台羅改良式</a></li>
<li><a href="回首前塵_方音符號注音.html">方音符號注音</a></li>
<li><a href="回首前塵_白話字拼音.html">白話字拼音</a></li>
<li><a href="回首前塵_閩拼標音.html">閩拼標音</a></li>
<li><a href="回首前塵_雙排注音.html">雙排注音</a></li>
</ul>
<h2>寄黃幾復</h2>
<ul>
<li><a href="寄黃幾復_十五音切語.html">十五音切語</a></li>
<li><a href="寄黃幾復_台羅拼音.html">台羅拼音</a></li>
<li><a href="寄黃幾復_台羅改良式.html">台羅改良式</a></li>
<li><a href="寄黃幾復_方音符號注音.html">方音符號注音</a></li>
<li><a href="寄黃幾復_白話字拼音.html">白話字拼音</a></li>
<li><a href="寄黃幾復_閩拼標音.html">閩拼標音</a></li>
<li><a href="寄黃幾復_雙排注音.html">雙排注音</a></li>
</ul>
<h2>岳陽樓記</h2>
<ul>
<li><a href="岳陽樓記_十五音切語.html">十五音切語</a></li>
<li><a href="岳陽樓記_台羅拼音.html">台羅拼音</a></li>
<li><a href="岳陽樓記_台羅改良式.html">台羅改良式</a></li>
<li><a href="岳陽樓記_方音符號注音.html">方音符號注音</a></li>
<li><a href="岳陽樓記_白話字拼音.html">白話字拼音</a></li>
<li><a href="岳陽樓記_閩拼標音.html">閩拼標音</a></li>
<li><a href="岳陽樓記_雙排注音.html">雙排注音</a></li>
</ul>
<h2>心經</h2>
<ul>
<li><a href="心經_十五音切語.html">十五音切語</a></li>
<li><a href="心經_台羅拼音.html">台羅拼音</a></li>
<li><a href="心經_台羅改良式.html">台羅改良式</a></li>
<li><a href="心經_方音符號注音.html">方音符號注音</a></li>
<li><a href="心經_白話字拼音.html">白話字拼音</a></li>
<li><a href="心經_閩拼標音.html">閩拼標音</a></li>
<li><a href="心經_雙排注音.html">雙排注音</a></li>
</ul>
<h2>念奴嬌·斷虹霽雨</h2>
<ul>
<li><a href="念奴嬌·斷虹霽雨_十五音切語.html">十五音切語</a></li>
<li><a href="念奴嬌·斷虹霽雨_台羅拼音.html">台羅拼音</a></li>
<li><a href="念奴嬌·斷虹霽雨_台羅改良式.html">台羅改良式</a></li>
<li><a href="念奴嬌·斷虹霽雨_方音符號注音.html">方音符號注音</a></li>
<li><a href="念奴嬌·斷虹霽雨_白話字拼音.html">白話字拼音</a></li>
<li><a href="念奴嬌·斷虹霽雨_閩拼標音.html">閩拼標音</a></li>
<li><a href="念奴嬌·斷虹霽雨_雙排注音.html">雙排注音</a></li>
</ul>
<h2>水龍吟·登建康賞心亭</h2>
<ul>
<li><a href="水龍吟·登建康賞心亭_十五音切語.html">十五音切語</a></li>
<li><a href="水龍吟·登建康賞心亭_台羅拼音.html">台羅拼音</a></li>
<li><a href="水龍吟·登建康賞心亭_台羅改良式.html">台羅改良式</a></li>
<li><a href="水龍吟·登建康賞心亭_方音符號注音.html">方音符號注音</a></li>
<li><a href="水龍吟·登建康賞心亭_白話字拼音.html">白話字拼音</a></li>
<li><a href="水龍吟·登建康賞心亭_閩拼標音.html">閩拼標音</a></li>
<li><a href="水龍吟·登建康賞心亭_雙排注音.html">雙排注音</a></li>
</ul>
<h2>漢語古詩</h2>
<ul>
<li><a href="漢語古詩_十五音切語.html">十五音切語</a></li>
<li><a href="漢語古詩_台羅拼音.html">台羅拼音</a></li>
<li><a href="漢語古詩_台羅改良式.html">台羅改良式</a></li>
<li><a href="漢語古詩_方音符號注音.html">方音符號注音</a></li>
<li><a href="漢語古詩_白話字拼音.html">白話字拼音</a></li>
<li><a href="漢語古詩_閩拼標音.html">閩拼標音</a></li>
<li><a href="漢語古詩_雙排注音.html">雙排注音</a></li>
</ul>
<h2>短歌行</h2>
<ul>
<li><a href="短歌行_十五音切語.html">十五音切語</a></li>
<li><a href="短歌行_台羅拼音.html">台羅拼音</a></li>
<li><a href="短歌行_台羅改良式.html">台羅改良式</a></li>
<li><a href="短歌行_方音符號注音.html">方音符號注音</a></li>
<li><a href="短歌行_白話字拼音.html">白話字拼音</a></li>
<li><a href="短歌行_閩拼標音.html">閩拼標音</a></li>
<li><a href="短歌行_雙排注音.html">雙排注音</a></li>
</ul>
<h2>顏氏家訓【教子】</h2>
<ul>
<li><a href="顏氏家訓【教子】_十五音切語.html">十五音切語</a></li>
<li><a href="顏氏家訓【教子】_台羅拼音.html">台羅拼音</a></li>
<li><a href="顏氏家訓【教子】_台羅改良式.html">台羅改良式</a></li>
<li><a href="顏氏家訓【教子】_方音符號注音.html">方音符號注音</a></li>
<li><a href="顏氏家訓【教子】_白話字拼音.html">白話字拼音</a></li>
<li><a href="顏氏家訓【教子】_閩拼標音.html">閩拼標音</a></li>
<li><a href="顏氏家訓【教子】_雙排注音.html">雙排注音</a></li>
</ul>

</div>
</main>
Expand Down
Loading

0 comments on commit 017be3c

Please sign in to comment.