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 @@