WIP PWA for Grain
feat: use Space Mono font for Grain logo
Adds Google Font import for that lo-fi film camera aesthetic.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+5
-2
+3
index.html
+3
index.html
···
6
6
<meta name="theme-color" content="#000000">
7
7
<link rel="manifest" href="/manifest.json">
8
8
<link rel="stylesheet" href="/src/styles/variables.css">
9
+
<link rel="preconnect" href="https://fonts.googleapis.com">
10
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap" rel="stylesheet">
9
12
<title>Grain</title>
10
13
</head>
11
14
<body>
+2
-2
src/components/organisms/grain-header.js
+2
-2
src/components/organisms/grain-header.js
···
20
20
padding: 6px 0;
21
21
}
22
22
.logo {
23
-
font-family: var(--font-family-display, var(--font-family-base));
23
+
font-family: 'Space Mono', monospace;
24
24
font-size: var(--font-size-lg);
25
-
font-weight: var(--font-weight-bold);
25
+
font-weight: 700;
26
26
color: var(--color-text-primary);
27
27
text-decoration: none;
28
28
cursor: pointer;