diff --git a/static/index.html b/static/index.html
index 94e15797ca7340aa7d8d6b1ee70b20c19822fc38..8a7a5e1f0ad363e0f3a1cdf2128fb9b1eefc3378 100644
--- a/static/index.html
+++ b/static/index.html
@@ -24,6 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
+ source code
@@ -56,6 +57,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
+ source code
diff --git a/static/style.css b/static/style.css
index a1ca4e433f54e8181a37db78c756b72c03c1dd92..951cac5af0b4f5f995e839c572c799bf250f6b51 100644
--- a/static/style.css
+++ b/static/style.css
@@ -497,6 +497,22 @@ kbd {
border-width: 0;
}
+/* Source link */
+.source-link {
+ display: block;
+ text-align: center;
+ margin-top: 2rem;
+ font-size: 0.85rem;
+ color: color-mix(in oklch, var(--text-1) 50%, transparent);
+ text-decoration: none;
+ transition: color 0.2s ease;
+}
+
+.source-link:hover {
+ color: var(--brand-color);
+ text-decoration: underline;
+}
+
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
@@ -664,4 +680,12 @@ kbd {
border: 1px solid var(--stone-11);
box-shadow: 0 1px 2px color-mix(in oklch, var(--shadow-color) 50%, transparent);
}
+
+ .source-link {
+ color: color-mix(in oklch, var(--stone-3) 50%, transparent);
+ }
+
+ .source-link:hover {
+ color: var(--avocado-9);
+ }
}