diff options
| author | tanaka takashi <isazaka@gmail.com> | 2026-08-26 21:32:11 +0900 |
|---|---|---|
| committer | tanaka takashi <isazaka@gmail.com> | 2026-08-26 21:32:11 +0900 |
| commit | e3f41a8140cfed799a2c977b3d799cd06204b09a (patch) | |
| tree | 1f9541eee045a0b53f11fcb61b99c568e7d1e529 /sass/_layout.scss | |
| parent | 9f2fb3bda733c32995c008bd0f40365e43c348da (diff) | |
feat: 公開コンテンツとサイト表示を実運用向けに更新
サンプル中心だった初期コンテンツを整理し、最初の挨拶Noteとollama-webのSoftware記事、画面キャプチャーを追加する。Aboutとサイト説明はzola.tomlの値を参照する構成に揃え、Software一覧から自前cgitへ案内する。不要になったサンプルNotesとSoftwareは削除する。
ホームの重複する紹介要素を取り除き、見出しサイズ、ページ余白、記事内の見出し間隔、一覧行間を縮小する。bodyとmainをFlexレイアウト化して短いページでもフッターの位置と内側余白を統一し、Software詳細のメタ情報が奇数項目でも罫線と列幅を維持する。
NotesとSoftwareのFront Matterを網羅したコピー用テンプレートと利用手順をdoc/content-templatesへ追加し、設計書と仕様書を現在の構成へ同期する。生成物に加えてdraftディレクトリをGit管理対象外とし、公開前の記事をローカルだけで管理できるようにする。
Diffstat (limited to 'sass/_layout.scss')
| -rw-r--r-- | sass/_layout.scss | 21 |
1 files changed, 9 insertions, 12 deletions
diff --git a/sass/_layout.scss b/sass/_layout.scss index 126fa96..eac8eaa 100644 --- a/sass/_layout.scss +++ b/sass/_layout.scss @@ -5,7 +5,8 @@ } .site-main { - min-height: 65vh; + flex: 1 0 auto; + min-height: 0; } .narrow, @@ -16,14 +17,10 @@ } .home-intro { - padding-block: clamp(4rem, 10vw, 7rem); + padding-block: clamp(2.25rem, 5vw, 3.5rem); border-bottom: var(--rule); } -.home-intro h1 { - margin-bottom: 1rem; -} - .home-intro p { max-width: 38rem; } @@ -32,12 +29,12 @@ .listing-page, .editorial-page, .article-page { - padding-block: clamp(3.5rem, 8vw, 6rem); + padding-block: clamp(2.25rem, 5vw, 4rem); } .home-sections { display: grid; - gap: clamp(4rem, 9vw, 7rem); + gap: clamp(3rem, 6vw, 5rem); } .section-heading { @@ -56,7 +53,7 @@ .home-about { width: min(100%, var(--content-max)); - padding-top: 2rem; + padding-top: 1.5rem; border-top: var(--rule); } @@ -66,7 +63,7 @@ } .page-header { - margin-bottom: clamp(2.5rem, 6vw, 4.5rem); + margin-bottom: clamp(1.75rem, 4vw, 3rem); } .page-header h1 { @@ -74,11 +71,11 @@ } .editorial-page .page-header { - margin-bottom: 2.5rem; + margin-bottom: 1.75rem; } .error-page { - padding-block: clamp(5rem, 14vw, 10rem); + padding-block: clamp(3.5rem, 8vw, 6rem); } .error-page .error-code { |
