「如果不拒絕那些不想做的事，就沒有時間與心力去做真正想做的事了。」 ── 張曼娟

概述

就現行的法律系統，本文筆者認為仍不臻完美，還有一系列的改裝目標想要完成，這些目標現在都乖乖躺在筆者的Google Keep內。

礙於時間與技術都不足，雖有如此宏大的目標，也很難一蹵而就。但是，我們也可以先階段性地完成這些目標，愈挫愈勇，時候到了，Google Keep內的酷東西總會更新上來的。

擴充功能型（大工程!）

1. 網站設計理念介紹（就是這個BLOG！）

   • 使用差異（diff）來比較新舊網站結構差異
   • 說明條號標示方法（項用羅馬字、款用數字、目用括號）
   • 條號旁邊的錨點（#）按鈕
   • 半透明的玻璃設計（header、回上方按鈕）以及失敗的地方（導覽列選單）
   • ……還有更多！

   以上內容會陸續放上本Blog，上線後可至Blog「設計理念」標籤裡看到！

2. 修法沿革時間軸

   像是這個。

3. 法規沿革查詢與對照系統

   像是立法院法律系統。考量技術限制（GitHub Pages），應該就在單一頁面中撈JSON即時渲染就好。

4. 重新設計自治法規架構圖 捨棄（暫無此需求）

5. 頁面「內」搜尋功能

   把現在回上方按鈕的位置，調整成以FAB構成的二合一（頁面內搜尋＆回上方）按鈕。也想加上其他功能，像是截圖（LINE內建）、螢光筆畫記重點等等。

6. 只分享單一一條法規

   參考全國法規資料庫，現在的想法是透過網此參數，將除了顯示法規之外其他所有div class="row"加上hidden的類名。只是按鈕要放哪裡呢？法條旁邊嗎！

技術型（待修正問題）

1. 列印時的版面調整

   如導覽列隱藏＋上邊距與字型調整、回上方按鈕隱藏（已完成）、調整段落遺落字元等等。

2. 寫一本網站維護手冊

   2026.03.15 按：維護手冊不僅有了，還簡化很多！（因為升級到Astro了）

3. 設計新的PWA小工具icon，然後修正路徑 因暫時註解掉PWA小工具功能，因此暫無此需求。

設計型

1. 捲動動畫

   • 或許可用在法規標題或路徑，捲動的有感覺有點太多（考量議會官網內嵌iframe頁面）。
   • 技術：參考這個。

2. 「為什麼你們就是不能加個空格呢？」的js版本 捨棄（因為text-autospace性質改為正式版性質了）

3. 引入昭源字體TEXT家族

   因為字距比較開，又不會影響到英文間距。技術文件請見這裡。

4. 烤土司通知的動畫有點陽春 捨棄（因現階段暫無考吐司需求）

   2026.03.15按：遷移到 Asrto 的過程中，烤吐司通知被犧牲掉了。但目前看來狀況還好，再觀察看看。

5. 手機版字體可以再細一點……？

   靈感來源是參考數發部的官網。且暗色主題下會更好閱讀。

6. 聲明改用「手風琴」

SA Law的未來展望

• 短期目標：改用靜態網站生成器
• 中期目標：製作成各校可直接fork走的template repo
• 長期目標：網站上面寫的那個

期許未來，總有一天要把系統升級成「有後端」「可用純前端維護」「各校都能自由運用」的法規系統！

其實這個計劃還有個最最遙遠的目標，可能需要幾年的時間，也可能胎死腹中。因為先說出來實在很害羞，我就先把這個小小的種子放在這裡，不對他太寄予眾望，也不強求說要什麼，但你知我知。數年之後，說不定已長成大樹。

※ 本文由學生議會第八屆議員主筆