extremely claude-assisted go game based on atproto! working on cleaning up and giving a more unique design, still has a bit of a slop vibe to it.
Revert "Add refined typography with Google Fonts and angular contrast"
This reverts commit 6c6dc24fada6efe9b241028428a2f6da524a5303.
+5
-37
+5
-37
src/app.css
+5
-37
src/app.css
···
1
-
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Libre+Baskerville:wght@400;700&display=swap');
2
-
3
1
* {
4
2
box-sizing: border-box;
5
3
margin: 0;
···
42
40
--color-link: var(--sky-slate);
43
41
--color-link-hover: var(--sky-apricot-dark);
44
42
45
-
/* Typography */
46
-
--font-body: 'Crimson Text', Georgia, 'Times New Roman', serif;
47
-
--font-heading: 'Libre Baskerville', Baskerville, 'Times New Roman', serif;
48
-
49
-
font-family: var(--font-body);
50
-
font-size: 18px;
51
-
line-height: 1.7;
43
+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
44
+
line-height: 1.6;
52
45
color: var(--color-text);
53
46
}
54
47
···
259
252
z-index: -1;
260
253
}
261
254
262
-
/* Sharp card variant for angular contrast */
263
-
.sharp-card {
264
-
background: linear-gradient(
265
-
135deg,
266
-
rgba(255, 255, 255, 0.95) 0%,
267
-
rgba(245, 248, 250, 0.92) 100%
268
-
);
269
-
border: 1px solid rgba(90, 122, 144, 0.12);
270
-
border-radius: 0.5rem;
271
-
box-shadow:
272
-
0 2px 8px rgba(90, 122, 144, 0.08),
273
-
0 4px 16px rgba(90, 122, 144, 0.04);
274
-
backdrop-filter: blur(8px);
275
-
position: relative;
276
-
}
277
-
278
255
a {
279
256
color: inherit;
280
257
text-decoration: none;
281
258
}
282
259
283
-
h1, h2, h3, h4, h5, h6 {
284
-
font-family: var(--font-heading);
285
-
font-weight: 700;
286
-
letter-spacing: -0.01em;
287
-
line-height: 1.3;
288
-
}
289
-
290
260
button {
291
-
font-family: var(--font-heading);
292
-
font-size: 1rem;
261
+
font-family: inherit;
293
262
}
294
263
295
264
/* Modal styles */
···
367
336
.modal-footer button {
368
337
padding: 0.75rem 1.5rem;
369
338
border: none;
370
-
border-radius: 0.375rem;
339
+
border-radius: 0.5rem;
371
340
cursor: pointer;
372
341
font-size: 1rem;
373
342
transition: all 0.2s;
374
-
font-weight: 600;
375
-
letter-spacing: 0.01em;
343
+
font-weight: 500;
376
344
}
377
345
378
346
.modal-footer .btn-primary {