audio streaming app
plyr.fm
docs: center embeds on desktop, fix stat card heights, add contact email (#1037)
- center trending tracks and search sections on desktop (margin: 0 auto)
- fix stats grid: use repeat(4, 1fr) so tracks card isn't taller than others
- add contact email (plyrdotfm@proton.me) at bottom of landing page
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
authored by
Claude Opus 4.6
and committed by
GitHub
c8cc93c7
a1f9922b
+3
-1
docs-site/src/styles/custom.css
+3
-1
docs-site/src/styles/custom.css
···
107
107
/* trending tracks */
108
108
.trending-section {
109
109
max-width: 32rem;
110
+
margin: 0 auto;
110
111
}
111
112
112
113
.trending-container {
···
141
142
/* stats cards */
142
143
.stats-grid {
143
144
display: grid;
144
-
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
145
+
grid-template-columns: repeat(4, 1fr);
145
146
gap: 1rem;
146
147
}
147
148
···
170
171
/* track search */
171
172
.search-section {
172
173
max-width: 32rem;
174
+
margin: 0 auto;
173
175
}
174
176
175
177
#track-search-input {
+6
docs/index.mdx
+6
docs/index.mdx
···
88
88
the API is public. build your own player, analytics, or recommendation engine — the data is open.
89
89
</p>
90
90
</div>
91
+
92
+
<div class="landing-section" style="text-align: center; margin-top: 4rem;">
93
+
<p style="color: var(--sl-color-gray-3); font-size: 0.8rem;">
94
+
questions? <a href="mailto:plyrdotfm@proton.me" style="color: var(--sl-color-accent);">plyrdotfm@proton.me</a>
95
+
</p>
96
+
</div>