summaryrefslogtreecommitdiff
path: root/sass/_layout.scss
diff options
context:
space:
mode:
authortanaka takashi <isazaka@gmail.com>2026-08-26 21:32:11 +0900
committertanaka takashi <isazaka@gmail.com>2026-08-26 21:32:11 +0900
commite3f41a8140cfed799a2c977b3d799cd06204b09a (patch)
tree1f9541eee045a0b53f11fcb61b99c568e7d1e529 /sass/_layout.scss
parent9f2fb3bda733c32995c008bd0f40365e43c348da (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.scss21
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 {