Skip to content

Commit fdc46dc

Browse files
celiasclaude
celias
and
claude
committed
fix: format HTML files to pass Prettier CI check (GAB-32)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 3d76945 commit fdc46dc

2 files changed

Lines changed: 272 additions & 55 deletions

File tree

‎dashboard/index.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,10 @@
66
<title>Comic Hunter</title>
77
<link rel="preconnect" href="https://fonts.googleapis.com" />
88
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9-
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@700&family=Space+Grotesk:wght@400;500&display=swap" rel="stylesheet" />
9+
<link
10+
href="https://fonts.googleapis.com/css2?family=Sora:wght@700&family=Space+Grotesk:wght@400;500&display=swap"
11+
rel="stylesheet"
12+
/>
1013
</head>
1114
<body>
1215
<div id="root"></div>

‎stitch/grid-view.html‎

Lines changed: 268 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -11,24 +11,24 @@
1111
/>
1212
<style>
1313
:root {
14-
--color-bg: #14181C;
14+
--color-bg: #14181c;
1515
--color-surface: #1f2832;
1616
--color-surface-container: #283038;
1717
--color-surface-container-high: #2c3540;
1818
--color-surface-container-highest: #344050;
19-
--color-primary: #40BCF4;
20-
--color-primary-container: #209CE4;
21-
--color-secondary: #00E054;
22-
--color-secondary-container: #00AC1C;
23-
--color-tertiary: #FF8000;
19+
--color-primary: #40bcf4;
20+
--color-primary-container: #209ce4;
21+
--color-secondary: #00e054;
22+
--color-secondary-container: #00ac1c;
23+
--color-tertiary: #ff8000;
2424
--color-on-surface: #abc;
2525
--color-on-surface-muted: #678;
2626
--color-outline: #456;
27-
--color-outline-variant: #2C3440;
27+
--color-outline-variant: #2c3440;
2828
}
2929

3030
* {
31-
font-family: 'Sora', sans-serif;
31+
font-family: "Sora", sans-serif;
3232
}
3333

3434
::-webkit-scrollbar {
@@ -57,7 +57,15 @@
5757
}
5858

5959
.logo {
60-
font-family: GraphikWeb, -apple-system, system-ui, 'Segoe UI', 'Hiragino Sans', Meiryo, sans-serif, ColorEmoji;
60+
font-family:
61+
GraphikWeb,
62+
-apple-system,
63+
system-ui,
64+
"Segoe UI",
65+
"Hiragino Sans",
66+
Meiryo,
67+
sans-serif,
68+
ColorEmoji;
6169
font-weight: 400;
6270
font-size: 24px;
6371
line-height: 24px;
@@ -67,7 +75,9 @@
6775

6876
.nav-link {
6977
color: var(--color-on-surface-muted);
70-
transition: color 0.15s ease, background 0.15s ease;
78+
transition:
79+
color 0.15s ease,
80+
background 0.15s ease;
7181
border-radius: 4px;
7282
border: 1px solid transparent;
7383
padding: 6px 12px;
@@ -86,7 +96,9 @@
8696
font-size: 0.875rem;
8797
color: var(--color-on-surface);
8898
width: 100%;
89-
transition: border-color 0.15s ease, box-shadow 0.15s ease;
99+
transition:
100+
border-color 0.15s ease,
101+
box-shadow 0.15s ease;
90102
}
91103
.search-input::placeholder {
92104
color: var(--color-on-surface-muted);
@@ -124,7 +136,10 @@
124136
cursor: pointer;
125137
background: var(--color-surface-container);
126138
border: 1px solid rgba(255, 45, 120, 0.3);
127-
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
139+
transition:
140+
transform 0.15s ease,
141+
box-shadow 0.15s ease,
142+
border-color 0.15s ease;
128143
}
129144
.comic-card img {
130145
object-fit: cover;
@@ -135,7 +150,9 @@
135150
transform: scale(1.04);
136151
z-index: 10;
137152
border-color: rgba(255, 45, 120, 0.5);
138-
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7), 0 0 16px rgba(255, 45, 120, 0.2);
153+
box-shadow:
154+
0 8px 24px rgba(0, 0, 0, 0.7),
155+
0 0 16px rgba(255, 45, 120, 0.2);
139156
}
140157

141158
.quick-view-btn {
@@ -181,10 +198,22 @@
181198
border-radius: 3px;
182199
color: #000;
183200
}
184-
.score-top { background: var(--color-secondary); color: #000; }
185-
.score-high { background: var(--color-primary); color: #fff; }
186-
.score-mid { background: var(--color-tertiary); color: #000; }
187-
.score-low { background: var(--color-on-surface-muted); color: #000; }
201+
.score-top {
202+
background: var(--color-secondary);
203+
color: #000;
204+
}
205+
.score-high {
206+
background: var(--color-primary);
207+
color: #fff;
208+
}
209+
.score-mid {
210+
background: var(--color-tertiary);
211+
color: #000;
212+
}
213+
.score-low {
214+
background: var(--color-on-surface-muted);
215+
color: #000;
216+
}
188217
</style>
189218
</head>
190219
<body>
@@ -223,43 +252,228 @@ <h2 class="section-title">Trending Comics</h2>
223252

224253
<script>
225254
const comics = [
226-
{ title: "BATMAN", sub: "r/DCcomics", score: 9.5, img: "https://placehold.co/200x300/1a1a2e/fff?text=BATMAN" },
227-
{ title: "BATMAN", sub: "r/comicswap", score: 8.8, img: "https://placehold.co/200x300/16213e/fff?text=BATMAN" },
228-
{ title: "X-MEN", sub: "r/Marvel", score: 9.2, img: "https://placehold.co/200x300/0f3460/fff?text=X-MEN" },
229-
{ title: "SANDMAN", sub: "r/Sandman", score: 9.8, img: "https://placehold.co/200x300/1b1b2f/fff?text=SANDMAN" },
230-
{ title: "WATCHMEN", sub: "r/DCcomics", score: 9.9, img: "https://placehold.co/200x300/2d132c/fff?text=WATCHMEN" },
231-
{ title: "SPIDER-MAN", sub: "r/Marvel", score: 9.1, img: "https://placehold.co/200x300/c72c41/fff?text=SPIDER-MAN" },
232-
{ title: "SPIDER-MAN", sub: "r/comicswap", score: 8.5, img: "https://placehold.co/200x300/801336/fff?text=SPIDER-MAN" },
233-
{ title: "Y THE LAST MAN", sub: "r/comicbooks", score: 9.3, img: "https://placehold.co/200x300/1b4332/fff?text=Y+LAST+MAN" },
234-
{ title: "FABLES", sub: "r/comicbooks", score: 8.9, img: "https://placehold.co/200x300/5c4033/fff?text=FABLES" },
235-
{ title: "WALKING DEAD", sub: "r/TWD", score: 9.0, img: "https://placehold.co/200x300/212121/fff?text=WALKING+DEAD" },
236-
{ title: "INVINCIBLE", sub: "r/Invincible", score: 9.4, img: "https://placehold.co/200x300/ff6b35/fff?text=INVINCIBLE" },
237-
{ title: "INVINCIBLE", sub: "r/comicswap", score: 8.7, img: "https://placehold.co/200x300/f7c59f/333?text=INVINCIBLE" },
238-
{ title: "SAGA", sub: "r/SagaComics", score: 9.7, img: "https://placehold.co/200x300/2b2d42/fff?text=SAGA" },
239-
{ title: "MONSTRESS", sub: "r/comicbooks", score: 9.6, img: "https://placehold.co/200x300/4a1942/fff?text=MONSTRESS" },
240-
{ title: "LAZARUS", sub: "r/ImageComics", score: 8.6, img: "https://placehold.co/200x300/1d3557/fff?text=LAZARUS" },
241-
{ title: "DEATHSTROKE", sub: "r/DCcomics", score: 8.3, img: "https://placehold.co/200x300/e63946/fff?text=DEATHSTROKE" },
242-
{ title: "SOMETHING IS KILLING",sub: "r/ImageComics", score: 8.9, img: "https://placehold.co/200x300/6d2b3d/fff?text=SIK" },
243-
{ title: "HELLBOY", sub: "r/DarkHorse", score: 9.0, img: "https://placehold.co/200x300/7b2d00/fff?text=HELLBOY" },
244-
{ title: "BLACK HAMMER", sub: "r/DarkHorse", score: 8.8, img: "https://placehold.co/200x300/3d405b/fff?text=BLACK+HAMMER" },
245-
{ title: "WICKED + DIVINE", sub: "r/WicDiv", score: 9.1, img: "https://placehold.co/200x300/9b2335/fff?text=WICKED" },
246-
{ title: "EAST OF WEST", sub: "r/ImageComics", score: 8.9, img: "https://placehold.co/200x300/1c1c1c/fff?text=EAST+OF+WEST" },
247-
{ title: "GIDEON FALLS", sub: "r/ImageComics", score: 8.7, img: "https://placehold.co/200x300/2c3e50/fff?text=GIDEON+FALLS" },
248-
{ title: "KILL OR BE KILLED", sub: "r/ImageComics", score: 8.5, img: "https://placehold.co/200x300/4a0000/fff?text=KOBK" },
249-
{ title: "SOUTHERN BASTARDS", sub: "r/ImageComics", score: 8.6, img: "https://placehold.co/200x300/5d4e37/fff?text=S+BASTARDS" },
250-
{ title: "BITCH PLANET", sub: "r/ImageComics", score: 8.8, img: "https://placehold.co/200x300/b5451b/fff?text=BITCH+PLANET" },
251-
{ title: "SEX CRIMINALS", sub: "r/ImageComics", score: 8.4, img: "https://placehold.co/200x300/c41e3a/fff?text=SEX+CRIMINALS" },
252-
{ title: "INJECTION", sub: "r/ImageComics", score: 8.3, img: "https://placehold.co/200x300/1a3c34/fff?text=INJECTION" },
253-
{ title: "DEPT OF TRUTH", sub: "r/ImageComics", score: 9.0, img: "https://placehold.co/200x300/232931/fff?text=DEPT+TRUTH" },
254-
{ title: "ONCE & FUTURE", sub: "r/BOOM", score: 8.7, img: "https://placehold.co/200x300/3d2b1f/fff?text=ONCE+FUTURE" },
255-
{ title: "DIE", sub: "r/ImageComics", score: 8.9, img: "https://placehold.co/200x300/2d1b69/fff?text=DIE" },
256-
{ title: "ICE CREAM MAN", sub: "r/ImageComics", score: 8.6, img: "https://placehold.co/200x300/f4a261/333?text=ICE+CREAM+MAN" },
257-
{ title: "PAPER GIRLS", sub: "r/ImageComics", score: 9.2, img: "https://placehold.co/200x300/0077b6/fff?text=PAPER+GIRLS" },
258-
{ title: "LOW", sub: "r/ImageComics", score: 8.5, img: "https://placehold.co/200x300/006994/fff?text=LOW" },
259-
{ title: "BLACK SCIENCE", sub: "r/ImageComics", score: 8.8, img: "https://placehold.co/200x300/1b2838/fff?text=BLACK+SCIENCE" },
260-
{ title: "DEADLY CLASS", sub: "r/ImageComics", score: 9.1, img: "https://placehold.co/200x300/2d0a0a/fff?text=DEADLY+CLASS" },
261-
{ title: "OLD GUARD", sub: "r/ImageComics", score: 8.9, img: "https://placehold.co/200x300/3b3b3b/fff?text=OLD+GUARD" },
262-
{ title: "WYTHES", sub: "r/ImageComics", score: 8.4, img: "https://placehold.co/200x300/2e4057/fff?text=WYTHES" },
255+
{
256+
title: "BATMAN",
257+
sub: "r/DCcomics",
258+
score: 9.5,
259+
img: "https://placehold.co/200x300/1a1a2e/fff?text=BATMAN",
260+
},
261+
{
262+
title: "BATMAN",
263+
sub: "r/comicswap",
264+
score: 8.8,
265+
img: "https://placehold.co/200x300/16213e/fff?text=BATMAN",
266+
},
267+
{
268+
title: "X-MEN",
269+
sub: "r/Marvel",
270+
score: 9.2,
271+
img: "https://placehold.co/200x300/0f3460/fff?text=X-MEN",
272+
},
273+
{
274+
title: "SANDMAN",
275+
sub: "r/Sandman",
276+
score: 9.8,
277+
img: "https://placehold.co/200x300/1b1b2f/fff?text=SANDMAN",
278+
},
279+
{
280+
title: "WATCHMEN",
281+
sub: "r/DCcomics",
282+
score: 9.9,
283+
img: "https://placehold.co/200x300/2d132c/fff?text=WATCHMEN",
284+
},
285+
{
286+
title: "SPIDER-MAN",
287+
sub: "r/Marvel",
288+
score: 9.1,
289+
img: "https://placehold.co/200x300/c72c41/fff?text=SPIDER-MAN",
290+
},
291+
{
292+
title: "SPIDER-MAN",
293+
sub: "r/comicswap",
294+
score: 8.5,
295+
img: "https://placehold.co/200x300/801336/fff?text=SPIDER-MAN",
296+
},
297+
{
298+
title: "Y THE LAST MAN",
299+
sub: "r/comicbooks",
300+
score: 9.3,
301+
img: "https://placehold.co/200x300/1b4332/fff?text=Y+LAST+MAN",
302+
},
303+
{
304+
title: "FABLES",
305+
sub: "r/comicbooks",
306+
score: 8.9,
307+
img: "https://placehold.co/200x300/5c4033/fff?text=FABLES",
308+
},
309+
{
310+
title: "WALKING DEAD",
311+
sub: "r/TWD",
312+
score: 9.0,
313+
img: "https://placehold.co/200x300/212121/fff?text=WALKING+DEAD",
314+
},
315+
{
316+
title: "INVINCIBLE",
317+
sub: "r/Invincible",
318+
score: 9.4,
319+
img: "https://placehold.co/200x300/ff6b35/fff?text=INVINCIBLE",
320+
},
321+
{
322+
title: "INVINCIBLE",
323+
sub: "r/comicswap",
324+
score: 8.7,
325+
img: "https://placehold.co/200x300/f7c59f/333?text=INVINCIBLE",
326+
},
327+
{
328+
title: "SAGA",
329+
sub: "r/SagaComics",
330+
score: 9.7,
331+
img: "https://placehold.co/200x300/2b2d42/fff?text=SAGA",
332+
},
333+
{
334+
title: "MONSTRESS",
335+
sub: "r/comicbooks",
336+
score: 9.6,
337+
img: "https://placehold.co/200x300/4a1942/fff?text=MONSTRESS",
338+
},
339+
{
340+
title: "LAZARUS",
341+
sub: "r/ImageComics",
342+
score: 8.6,
343+
img: "https://placehold.co/200x300/1d3557/fff?text=LAZARUS",
344+
},
345+
{
346+
title: "DEATHSTROKE",
347+
sub: "r/DCcomics",
348+
score: 8.3,
349+
img: "https://placehold.co/200x300/e63946/fff?text=DEATHSTROKE",
350+
},
351+
{
352+
title: "SOMETHING IS KILLING",
353+
sub: "r/ImageComics",
354+
score: 8.9,
355+
img: "https://placehold.co/200x300/6d2b3d/fff?text=SIK",
356+
},
357+
{
358+
title: "HELLBOY",
359+
sub: "r/DarkHorse",
360+
score: 9.0,
361+
img: "https://placehold.co/200x300/7b2d00/fff?text=HELLBOY",
362+
},
363+
{
364+
title: "BLACK HAMMER",
365+
sub: "r/DarkHorse",
366+
score: 8.8,
367+
img: "https://placehold.co/200x300/3d405b/fff?text=BLACK+HAMMER",
368+
},
369+
{
370+
title: "WICKED + DIVINE",
371+
sub: "r/WicDiv",
372+
score: 9.1,
373+
img: "https://placehold.co/200x300/9b2335/fff?text=WICKED",
374+
},
375+
{
376+
title: "EAST OF WEST",
377+
sub: "r/ImageComics",
378+
score: 8.9,
379+
img: "https://placehold.co/200x300/1c1c1c/fff?text=EAST+OF+WEST",
380+
},
381+
{
382+
title: "GIDEON FALLS",
383+
sub: "r/ImageComics",
384+
score: 8.7,
385+
img: "https://placehold.co/200x300/2c3e50/fff?text=GIDEON+FALLS",
386+
},
387+
{
388+
title: "KILL OR BE KILLED",
389+
sub: "r/ImageComics",
390+
score: 8.5,
391+
img: "https://placehold.co/200x300/4a0000/fff?text=KOBK",
392+
},
393+
{
394+
title: "SOUTHERN BASTARDS",
395+
sub: "r/ImageComics",
396+
score: 8.6,
397+
img: "https://placehold.co/200x300/5d4e37/fff?text=S+BASTARDS",
398+
},
399+
{
400+
title: "BITCH PLANET",
401+
sub: "r/ImageComics",
402+
score: 8.8,
403+
img: "https://placehold.co/200x300/b5451b/fff?text=BITCH+PLANET",
404+
},
405+
{
406+
title: "SEX CRIMINALS",
407+
sub: "r/ImageComics",
408+
score: 8.4,
409+
img: "https://placehold.co/200x300/c41e3a/fff?text=SEX+CRIMINALS",
410+
},
411+
{
412+
title: "INJECTION",
413+
sub: "r/ImageComics",
414+
score: 8.3,
415+
img: "https://placehold.co/200x300/1a3c34/fff?text=INJECTION",
416+
},
417+
{
418+
title: "DEPT OF TRUTH",
419+
sub: "r/ImageComics",
420+
score: 9.0,
421+
img: "https://placehold.co/200x300/232931/fff?text=DEPT+TRUTH",
422+
},
423+
{
424+
title: "ONCE & FUTURE",
425+
sub: "r/BOOM",
426+
score: 8.7,
427+
img: "https://placehold.co/200x300/3d2b1f/fff?text=ONCE+FUTURE",
428+
},
429+
{
430+
title: "DIE",
431+
sub: "r/ImageComics",
432+
score: 8.9,
433+
img: "https://placehold.co/200x300/2d1b69/fff?text=DIE",
434+
},
435+
{
436+
title: "ICE CREAM MAN",
437+
sub: "r/ImageComics",
438+
score: 8.6,
439+
img: "https://placehold.co/200x300/f4a261/333?text=ICE+CREAM+MAN",
440+
},
441+
{
442+
title: "PAPER GIRLS",
443+
sub: "r/ImageComics",
444+
score: 9.2,
445+
img: "https://placehold.co/200x300/0077b6/fff?text=PAPER+GIRLS",
446+
},
447+
{
448+
title: "LOW",
449+
sub: "r/ImageComics",
450+
score: 8.5,
451+
img: "https://placehold.co/200x300/006994/fff?text=LOW",
452+
},
453+
{
454+
title: "BLACK SCIENCE",
455+
sub: "r/ImageComics",
456+
score: 8.8,
457+
img: "https://placehold.co/200x300/1b2838/fff?text=BLACK+SCIENCE",
458+
},
459+
{
460+
title: "DEADLY CLASS",
461+
sub: "r/ImageComics",
462+
score: 9.1,
463+
img: "https://placehold.co/200x300/2d0a0a/fff?text=DEADLY+CLASS",
464+
},
465+
{
466+
title: "OLD GUARD",
467+
sub: "r/ImageComics",
468+
score: 8.9,
469+
img: "https://placehold.co/200x300/3b3b3b/fff?text=OLD+GUARD",
470+
},
471+
{
472+
title: "WYTHES",
473+
sub: "r/ImageComics",
474+
score: 8.4,
475+
img: "https://placehold.co/200x300/2e4057/fff?text=WYTHES",
476+
},
263477
];
264478

265479
function scoreBadgeClass(s) {

0 commit comments

Comments
 (0)