docs: restructure README sponsor section and add pink fund button to docs

Fold the sponsor call-to-action into the Contributing section as a
natural bullet point instead of a standalone heavy section. Remove
the large badge buttons. Keep star history chart under Contributing.

Add a pink "Fund Development" button component to the docs site nav
bar (left of Star on GitHub), matching the landing page style.
Remove the plain-text nav link that replaced the heart icon.
This commit is contained in:
SnapOtter
2026-05-16 21:14:06 +08:00
parent 6e103d31f8
commit b5db8f3192
5 changed files with 59 additions and 23 deletions
+42 -2
View File
@@ -111,9 +111,49 @@
border-radius: 6px 0 0 6px;
}
/* Hide stars on small screens, keep toggle */
/* Fund Development button */
.fund-btn {
display: flex;
align-items: center;
gap: 6px;
padding: 0 10px;
height: 30px;
font-size: 12px;
font-weight: 600;
line-height: 30px;
color: #db2777;
background: rgba(219, 39, 119, 0.08);
border: 1px solid rgba(219, 39, 119, 0.3);
border-radius: 6px;
text-decoration: none;
transition: border-color 0.25s, background 0.25s;
white-space: nowrap;
}
.fund-btn:hover {
background: rgba(219, 39, 119, 0.15);
border-color: rgba(219, 39, 119, 0.5);
}
.fund-icon {
flex-shrink: 0;
}
.dark .fund-btn {
color: #f472b6;
background: rgba(244, 114, 182, 0.08);
border-color: rgba(244, 114, 182, 0.25);
}
.dark .fund-btn:hover {
background: rgba(244, 114, 182, 0.15);
border-color: rgba(244, 114, 182, 0.4);
}
/* Hide stars and fund button on small screens, keep toggle */
@media (max-width: 640px) {
.github-btn-wrapper {
.github-btn-wrapper,
.fund-btn {
display: none;
}
}