Skip to content

Commit

Permalink
Fixed #997
Browse files Browse the repository at this point in the history
  • Loading branch information
@YamiOdymel
YamiOdymel committed Jan 28, 2024
1 parent 026cfad commit 50cbeea
Show file tree
Hide file tree
Showing 30 changed files with 953 additions and 1,205 deletions.
54 changes: 30 additions & 24 deletions cli/docs-builder/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -301,20 +301,22 @@
<!-- 導航列 -->
<div class="ts-header">{{ "Index_Showcase_Navbar_Section" | i18n }}</div>
<div class="ts-space"></div>
<div class="ts-segment is-dense">
<div class="ts-app-navbar is-indicated is-dense is-fluid">
<a href="#!" class="item">
<div class="ts-icon is-user-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_A" | i18n }}</div>
</a>
<a href="#!" class="item">
<div class="ts-icon is-house-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_B" | i18n }}</div>
</a>
<a href="#!" class="item is-active">
<div class="ts-icon is-newspaper-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_C" | i18n }}</div>
</a>
<div class="ts-card">
<div class="ts-content is-dense">
<div class="ts-app-navbar is-indicated is-dense is-fluid">
<a href="#!" class="item">
<div class="ts-icon is-user-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_A" | i18n }}</div>
</a>
<a href="#!" class="item">
<div class="ts-icon is-house-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_B" | i18n }}</div>
</a>
<a href="#!" class="item is-active">
<div class="ts-icon is-newspaper-icon"></div>
<div class="label">{{ "Index_Showcase_Navbar_C" | i18n }}</div>
</a>
</div>
</div>
</div>
<!-- / 導航列 -->
Expand Down Expand Up @@ -364,23 +366,27 @@
<!-- 導覽標記 -->
<div class="ts-header">{{ "Index_Showcase_Breadcrumb_Section" | i18n }}</div>
<div class="ts-space"></div>
<div class="ts-segment is-secondary">
<div class="ts-breadcrumb is-chevroned">
<a class="item">{{ "Index_Showcase_Breadcrumb_A" | i18n }}</a>
<a class="item">{{ "Index_Showcase_Breadcrumb_B" | i18n }}</a>
<a class="item">{{ "Index_Showcase_Breadcrumb_C" | i18n }}</a>
<div class="ts-card">
<div class="ts-content is-secondary">
<div class="ts-breadcrumb is-chevroned">
<a class="item">{{ "Index_Showcase_Breadcrumb_A" | i18n }}</a>
<a class="item">{{ "Index_Showcase_Breadcrumb_B" | i18n }}</a>
<a class="item">{{ "Index_Showcase_Breadcrumb_C" | i18n }}</a>
</div>
</div>
</div>
<!-- / 導覽標記 -->
<div class="ts-space is-large"></div>
<!-- 預置內容 -->
<div class="ts-header">{{ "Index_Showcase_Placeholder_Section" | i18n }}</div>
<div class="ts-space"></div>
<div class="ts-segment">
<div class="ts-placeholder">
<div class="image is-header"></div>
<div class="text"></div>
<div class="text"></div>
<div class="ts-card">
<div class="ts-content">
<div class="ts-placeholder">
<div class="image is-header"></div>
<div class="text"></div>
<div class="text"></div>
</div>
</div>
</div>
<!-- / 預置內容 -->
Expand Down
166 changes: 88 additions & 78 deletions examples/crowdfunding.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,32 +30,34 @@
</div>
</div>
<div class="column is-5-wide">
<div class="ts-segment is-padded is-secondary">
<div class="ts-progress">
<div class="bar" style="width: 83%"></div>
</div>
<div class="ts-grid has-top-spaced">
<div class="column is-fluid">
<div class="ts-header is-big is-heavy">NT$ 830,110</div>
<div class="ts-card">
<div class="ts-content is-padded">
<div class="ts-progress">
<div class="bar" style="width: 83%"></div>
</div>
<div class="column"><div class="ts-text is-large">83%</div></div>
</div>
<div class="ts-text is-description">總目標 NT$ 1,000,000</div>
<div class="ts-header is-big is-heavy has-top-spaced">194</div>
<div class="ts-text is-description">贊助者</div>
<div class="ts-header is-big is-heavy has-top-spaced">163</div>
<div class="ts-text is-description">剩餘天數</div>
<button class="ts-button is-fluid is-start-icon has-top-spaced-large">
<span class="ts-icon is-heart-icon"></span>
我要贊助
</button>
<div class="ts-wrap is-center-aligned has-top-spaced">
<a href="#!" class="ts-icon is-secondary is-facebook-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-twitter-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-google-plus-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-instagram-icon is-circular is-large"></a>
<div class="ts-grid has-top-spaced">
<div class="column is-fluid">
<div class="ts-header is-big is-heavy">NT$ 830,110</div>
</div>
<div class="column"><div class="ts-text is-large">83%</div></div>
</div>
<div class="ts-text is-description">總目標 NT$ 1,000,000</div>
<div class="ts-header is-big is-heavy has-top-spaced">194</div>
<div class="ts-text is-description">贊助者</div>
<div class="ts-header is-big is-heavy has-top-spaced">163</div>
<div class="ts-text is-description">剩餘天數</div>
<button class="ts-button is-fluid is-start-icon has-top-spaced-large">
<span class="ts-icon is-heart-icon"></span>
我要贊助
</button>
<div class="ts-wrap is-center-aligned has-top-spaced">
<a href="#!" class="ts-icon is-secondary is-facebook-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-twitter-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-google-plus-icon is-circular is-large"></a>
<a href="#!" class="ts-icon is-secondary is-instagram-icon is-circular is-large"></a>
</div>
<div class="ts-text is-description is-center-aligned has-top-spaced-small">2022/12/31 23:59 截止</div>
</div>
<div class="ts-text is-description is-center-aligned has-top-spaced-small">2022/12/31 23:59 截止</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -133,19 +135,21 @@
<strong>▌ Dev Blog / 開發日誌：</strong><br />
<a href="https://dev.code-liquid.io/">https://dev.code-liquid.io/</a><br />

<div class="ts-segment is-very-padded is-secondary has-top-spaced-big">
<div class="ts-header is-center-aligned is-large is-heavy">對這個專案有興趣嗎？<br />現在就訂閱我們的電子報！</div>
<div class="ts-grid is-middle-aligned has-top-spaced-big">
<div class="column is-fluid">
<div class="ts-input is-large">
<input type="text" placeholder="電子信箱地址…" />
<div class="ts-card has-top-spaced-big">
<div class="ts-content is-very-padded is-secondary">
<div class="ts-header is-center-aligned is-large is-heavy">對這個專案有興趣嗎？<br />現在就訂閱我們的電子報！</div>
<div class="ts-grid is-middle-aligned has-top-spaced-big">
<div class="column is-fluid">
<div class="ts-input is-large">
<input type="text" placeholder="電子信箱地址…" />
</div>
</div>
<div class="column">
<button class="ts-button is-start-icon">
<span class="ts-icon is-envelope-icon"></span>
訂閱
</button>
</div>
</div>
<div class="column">
<button class="ts-button is-start-icon">
<span class="ts-icon is-envelope-icon"></span>
訂閱
</button>
</div>
</div>
</div>
Expand All @@ -156,53 +160,59 @@
</div>
</div>
<div class="column is-4-wide">
<div class="ts-segment is-padded">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$380</div>
<div class="ts-header is-secondary is-heavy">數位遊戲版</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">Steam 數位下載序號一組</div>
<div class="item">動態桌布</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
<div class="ts-card">
<div class="ts-content is-padded">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$380</div>
<div class="ts-header is-secondary is-heavy">數位遊戲版</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">Steam 數位下載序號一組</div>
<div class="item">動態桌布</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
</div>
<div class="ts-badge has-top-spaced-small">153 位贊助者</div>
<button class="ts-button is-fluid is-outlined has-top-spaced">已額滿</button>
</div>
<div class="ts-badge has-top-spaced-small">153 位贊助者</div>
<button class="ts-button is-fluid is-outlined has-top-spaced">已額滿</button>
</div>
<div class="ts-segment is-padded has-top-spaced">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$520</div>
<div class="ts-header is-secondary is-heavy">數位原聲帶同梱包</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">Steam 數位下載序號一組</div>
<div class="item">動態桌布</div>
<div class="item">FLAC 高音質原聲帶</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
<div class="ts-card has-top-spaced">
<div class="ts-content is-padded">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$520</div>
<div class="ts-header is-secondary is-heavy">數位原聲帶同梱包</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">Steam 數位下載序號一組</div>
<div class="item">動態桌布</div>
<div class="item">FLAC 高音質原聲帶</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
</div>
<div class="ts-badge has-top-spaced-small">137 位贊助者</div>
<button class="ts-button is-fluid is-outlined has-top-spaced">已額滿</button>
</div>
<div class="ts-badge has-top-spaced-small">137 位贊助者</div>
<button class="ts-button is-fluid is-outlined has-top-spaced">已額滿</button>
</div>
<div class="ts-segment is-padded has-top-spaced">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$990</div>
<div class="ts-header is-secondary is-heavy">實體典藏版</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">實體雷雕 USB 隨身碟</div>
<div class="item">動態桌布</div>
<div class="item">1:1000 主角模型</div>
<div class="item">FLAC 高音質原聲帶</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
<div class="ts-card has-top-spaced">
<div class="ts-content is-padded">
<div class="ts-image is-rounded">
<img src="./../assets/images/16-9.png" />
</div>
<div class="ts-header is-large is-heavy has-top-spaced">NT$990</div>
<div class="ts-header is-secondary is-heavy">實體典藏版</div>
<div class="has-top-spaced">包含：</div>
<div class="ts-list is-small is-unordered">
<div class="item">實體雷雕 USB 隨身碟</div>
<div class="item">動態桌布</div>
<div class="item">1:1000 主角模型</div>
<div class="item">FLAC 高音質原聲帶</div>
<div class="item">限定官方 Discord 贊助者身份組</div>
</div>
<div class="ts-badge has-top-spaced-small">15 位贊助者</div>
<button class="ts-button is-fluid has-top-spaced">贊助</button>
</div>
<div class="ts-badge has-top-spaced-small">15 位贊助者</div>
<button class="ts-button is-fluid has-top-spaced">贊助</button>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 50cbeea

Please sign in to comment.