diff --git a/src/pages/index.astro b/src/pages/index.astro index 6f96c90..46dd4ff 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,10 @@ --- import BaseLayout from "../layouts/BaseLayout.astro"; + +const birthday = new Date(2003, 6, 8); // July 8, 2003 +const now = new Date(); +let age = now.getFullYear() - birthday.getFullYear(); +if (now < new Date(now.getFullYear(), 6, 8)) age--; --- +
+ age: {age} + status: healing +
+ + +
══════════════════════════════
+ + +
+

Cryptographic Keys

+
+
+ pgp fingerprint: + 50DAAAABFD6D76B86507C46E723D1C7AB893AEBE +
+
+ pgp key: + latte.gpg +
+
+ ssh public key: + latte.keys +
+
══════════════════════════════
@@ -41,11 +71,26 @@ import BaseLayout from "../layouts/BaseLayout.astro";
══════════════════════════════
- +
-

Links

+

Socials

+
+ +
══════════════════════════════
+ + +
+

Services

+
@@ -167,6 +212,56 @@ import BaseLayout from "../layouts/BaseLayout.astro"; line-height: 1.7; } + .meta { + display: flex; + flex-wrap: wrap; + gap: var(--space-xs) var(--space-md); + margin-top: var(--space-sm); + font-size: 0.9rem; + color: var(--color-text-dim); + } + + .meta-key { + color: var(--color-accent); + } + + .keys { + display: flex; + flex-direction: column; + gap: var(--space-xs); + } + + .key-item { + display: flex; + flex-wrap: wrap; + align-items: baseline; + gap: var(--space-xs); + } + + .key-label { + color: var(--color-accent); + font-size: 0.85rem; + white-space: nowrap; + } + + .key-value { + font-size: 0.72rem; + color: var(--color-text-dim); + word-break: break-all; + background: var(--color-bg); + padding: 2px 6px; + border-radius: 4px; + } + + .key-link { + color: var(--color-blue); + font-size: 0.85rem; + } + + .key-link:hover { + color: var(--color-accent-bright); + } + .games { color: var(--color-text-dim); }