diff options
| author | tanaka takashi <isazaka@gmail.com> | 2026-08-22 00:18:56 +0900 |
|---|---|---|
| committer | tanaka takashi <isazaka@gmail.com> | 2026-08-22 00:19:26 +0900 |
| commit | 9f2fb3bda733c32995c008bd0f40365e43c348da (patch) | |
| tree | 663a6b48ec83b2b6ba2c998dcfed89e0bb29f172 /sass/_software.scss | |
| parent | 31b19ee74469c23633bbea4e021d91ddd8c34e3a (diff) | |
feat: Zolaで「たかしの記録」を構築
Specifications.mdとDesign.mdを実装の基準として、個人アーカイブサイトをZola 0.23.3向けに構築する。
- Home、Notes、Software、About、Tagsの情報設計と専用URLを追加
- Notesの年別アーカイブ、タグ分類、目次、脚注、参考文献、更新日表示を実装
- Softwareの一覧・詳細、cgit/GitHub情報、Notesとの明示的な相互参照を実装
- Tera 2 componentによる再帰TOCと共通partialsを追加
- Minimal Editorial ArchiveのSCSS、レスポンシブ表示、アクセシビリティ対応を追加
- OS設定とlocalStorageに対応するLight/Darkテーマ切替を外部JavaScriptで実装
- Atom/RSS、sitemap、robots.txt、404、favicon、syntax highlightingを設定
- メールアドレスをzola.tomlへ一元化し、AboutとFooterから参照
- 表示名・内部ディレクトリ・変数・URLをSoftware/softwareへ統一
- public/をGit管理対象外とし、外部CDNやNode.js依存を導入しない
- zola checkおよびzola buildの成功を確認
Diffstat (limited to 'sass/_software.scss')
| -rw-r--r-- | sass/_software.scss | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/sass/_software.scss b/sass/_software.scss new file mode 100644 index 0000000..4ad6e42 --- /dev/null +++ b/sass/_software.scss @@ -0,0 +1,70 @@ +.software-list-item { + padding-block: 1.3rem; + border-bottom: var(--rule); +} + +.software-list-item h3 { + margin-bottom: 0.25rem; + font-family: var(--font-mono); +} + +.software-list-full .software-list-item { + display: grid; + grid-template-columns: minmax(10rem, 0.6fr) minmax(0, 1.4fr); + gap: 2rem; +} + +.source-note { + margin-top: 1.5rem; + color: var(--color-muted); + font-size: 0.9rem; +} + +.software-meta { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-bottom: 3.5rem; + border-block: var(--rule); +} + +.software-meta div { + display: grid; + grid-template-columns: 7rem minmax(0, 1fr); + gap: 1rem; + padding-block: 0.75rem; + border-bottom: var(--rule); +} + +.software-meta div:nth-last-child(-n + 2) { + border-bottom: 0; +} + +.software-meta dt { + color: var(--color-muted); + font-size: 0.85rem; +} + +.software-meta dd { + font-family: var(--font-mono); + font-size: 0.82rem; +} + +@media (max-width: 42rem) { + .software-list-full .software-list-item, + .software-meta { + grid-template-columns: 1fr; + } + + .software-list-full .software-list-item { + gap: 0.3rem; + } + + .software-meta div, + .software-meta div:nth-last-child(-n + 2) { + border-bottom: var(--rule); + } + + .software-meta div:last-child { + border-bottom: 0; + } +} |
