diff --git a/NOTICE.md b/NOTICE.md new file mode 100644 index 0000000..d63fb6f --- /dev/null +++ b/NOTICE.md @@ -0,0 +1,17 @@ +# Copyright Notice + +Copyright (c) sumi.work. Website text, page structure, and stylesheet code are +owned by sumi.work unless otherwise noted. + +## Image Credits + +The following images are used as decorative website assets and are sourced from +Pixabay under the Pixabay Content License: + +- `assets/images/workspace-hero.jpg` +- `assets/images/service-frp.jpg` +- `assets/images/service-git.jpg` +- `assets/images/service-gemini.jpg` + +Pixabay Content License: +https://pixabay.com/service/license-summary/ diff --git a/assets/css/components.css b/assets/css/components.css index 5523382..170f293 100644 --- a/assets/css/components.css +++ b/assets/css/components.css @@ -36,6 +36,15 @@ transition: color 160ms ease; } +.record-note { + max-width: 720px; + margin: 0; + color: #98a3b7; + font-size: 0.78rem; + line-height: 1.7; + text-align: center; +} + .nav-links a:hover, .nav-links a:focus-visible, .record a:hover, diff --git a/assets/css/layout.css b/assets/css/layout.css index ccf83cc..6514d1d 100644 --- a/assets/css/layout.css +++ b/assets/css/layout.css @@ -60,14 +60,22 @@ .record { display: flex; align-items: center; + flex-direction: column; justify-content: center; - gap: 16px; + gap: 8px; padding: 24px 0 34px; color: #7a8598; font-size: 0.88rem; border-top: 1px solid var(--line); } +.record-main { + display: flex; + align-items: center; + justify-content: center; + gap: 16px; +} + @media (max-width: 960px) { .nav-links { display: none; @@ -109,8 +117,12 @@ } .record { - flex-direction: column; gap: 6px; text-align: center; } + + .record-main { + flex-direction: column; + gap: 6px; + } } diff --git a/index.html b/index.html index 6baf47f..404f64a 100644 --- a/index.html +++ b/index.html @@ -118,8 +118,13 @@