Skip to content

Commit a94df73

Browse files
salmonumbrellaclaude
salmonumbrella
and
claude
committed
feat(ui): add View on GitHub link to auth pages
Add GitHub SVG icon and link to footer on both the setup/auth page and success page for better discoverability. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent fa2ee8f commit a94df73

2 files changed

Lines changed: 91 additions & 8 deletions

File tree

‎internal/googleauth/templates.go‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -358,11 +358,37 @@ const successTemplate = `<!DOCTYPE html>
358358
}
359359
360360
.footer {
361+
text-align: center;
361362
margin-top: 2rem;
362363
font-size: 0.8125rem;
363364
color: var(--text-dim);
364365
animation: fadeSlideUp 0.5s ease 0.6s both;
365366
}
367+
368+
.footer a {
369+
color: var(--text-muted);
370+
text-decoration: none;
371+
transition: color 0.2s;
372+
}
373+
374+
.footer a:hover {
375+
color: #2D52F6;
376+
}
377+
378+
.github-link {
379+
display: inline-flex;
380+
align-items: center;
381+
gap: 0.5rem;
382+
}
383+
384+
.github-link svg {
385+
opacity: 0.7;
386+
transition: opacity 0.2s;
387+
}
388+
389+
.github-link:hover svg {
390+
opacity: 1;
391+
}
366392
</style>
367393
</head>
368394
<body>
@@ -435,7 +461,14 @@ const successTemplate = `<!DOCTYPE html>
435461
</div>
436462
</div>
437463
438-
<p class="footer">This window will close automatically.</p>
464+
<div class="footer">
465+
<a href="https://github.com/salmonumbrella/gog-cli" target="_blank" class="github-link">
466+
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
467+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
468+
</svg>
469+
View on GitHub
470+
</a>
471+
</div>
439472
</div>
440473
</body>
441474
</html>`

‎internal/googleauth/templates_new.go‎

Lines changed: 57 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -520,10 +520,10 @@ const accountsTemplate = `<!DOCTYPE html>
520520
521521
/* Footer */
522522
.footer {
523-
margin-top: 32px;
524523
text-align: center;
524+
margin-top: 2rem;
525+
font-size: 0.8125rem;
525526
color: var(--text-dim);
526-
font-size: 12px;
527527
}
528528
529529
.footer a {
@@ -533,7 +533,22 @@ const accountsTemplate = `<!DOCTYPE html>
533533
}
534534
535535
.footer a:hover {
536-
color: var(--g-blue);
536+
color: #2D52F6;
537+
}
538+
539+
.github-link {
540+
display: inline-flex;
541+
align-items: center;
542+
gap: 0.5rem;
543+
}
544+
545+
.github-link svg {
546+
opacity: 0.7;
547+
transition: opacity 0.2s;
548+
}
549+
550+
.github-link:hover svg {
551+
opacity: 1;
537552
}
538553
539554
.setup-link {
@@ -652,7 +667,12 @@ const accountsTemplate = `<!DOCTYPE html>
652667
</div>
653668
654669
<footer class="footer">
655-
<p>You can close this window and return to your terminal.</p>
670+
<a href="https://github.com/salmonumbrella/gog-cli" target="_blank" class="github-link">
671+
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
672+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
673+
</svg>
674+
View on GitHub
675+
</a>
656676
</footer>
657677
</div>
658678
@@ -1244,14 +1264,39 @@ const successTemplateNew = `<!DOCTYPE html>
12441264
12451265
/* Footer */
12461266
.footer {
1247-
margin-top: 24px;
12481267
text-align: center;
1268+
margin-top: 2rem;
1269+
font-size: 0.8125rem;
12491270
color: var(--text-dim);
1250-
font-size: 12px;
12511271
opacity: 0;
12521272
animation: contentReveal 0.5s ease-out 0.6s forwards;
12531273
}
12541274
1275+
.footer a {
1276+
color: var(--text-muted);
1277+
text-decoration: none;
1278+
transition: color 0.2s;
1279+
}
1280+
1281+
.footer a:hover {
1282+
color: #2D52F6;
1283+
}
1284+
1285+
.github-link {
1286+
display: inline-flex;
1287+
align-items: center;
1288+
gap: 0.5rem;
1289+
}
1290+
1291+
.github-link svg {
1292+
opacity: 0.7;
1293+
transition: opacity 0.2s;
1294+
}
1295+
1296+
.github-link:hover svg {
1297+
opacity: 1;
1298+
}
1299+
12551300
@media (max-width: 480px) {
12561301
.container {
12571302
padding: 32px 16px;
@@ -1358,7 +1403,12 @@ const successTemplateNew = `<!DOCTYPE html>
13581403
</div>
13591404
13601405
<footer class="footer">
1361-
<p>This window will close automatically.</p>
1406+
<a href="https://github.com/salmonumbrella/gog-cli" target="_blank" class="github-link">
1407+
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
1408+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
1409+
</svg>
1410+
View on GitHub
1411+
</a>
13621412
</footer>
13631413
</div>
13641414
</body>

0 commit comments

Comments
 (0)