docs: add GitHub Pages site
This commit is contained in:
Peter Steinberger
parent
2f014259b6
commit
a39323cbd4
1
docs/CNAME
Normal file
1
docs/CNAME
Normal file
@ -0,0 +1 @@
|
||||
spogo.sh
|
||||
172
docs/index.html
Normal file
172
docs/index.html
Normal file
@ -0,0 +1,172 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>spogo - Spotify, but make it terminal</title>
|
||||
<meta name="description" content="spogo is a Spotify power CLI for search, playback, library, playlist, and device automation.">
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--bg: #0c1014;
|
||||
--panel: #141b20;
|
||||
--text: #eef3f0;
|
||||
--muted: #a8b4ad;
|
||||
--line: #26322e;
|
||||
--green: #1ed760;
|
||||
--orange: #ff7a3d;
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
background: radial-gradient(circle at 20% 0%, rgba(30, 215, 96, 0.16), transparent 32rem), var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.5;
|
||||
}
|
||||
main {
|
||||
width: min(980px, calc(100% - 32px));
|
||||
margin: 0 auto;
|
||||
padding: 72px 0 48px;
|
||||
}
|
||||
header {
|
||||
display: grid;
|
||||
gap: 28px;
|
||||
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
|
||||
align-items: center;
|
||||
}
|
||||
h1 {
|
||||
margin: 0 0 16px;
|
||||
font-size: clamp(44px, 8vw, 88px);
|
||||
line-height: 0.92;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: 18px;
|
||||
}
|
||||
a { color: inherit; }
|
||||
.kicker {
|
||||
color: var(--green);
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
font-size: 13px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-top: 28px;
|
||||
}
|
||||
.button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 42px;
|
||||
padding: 0 16px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.button.primary {
|
||||
border-color: var(--green);
|
||||
background: var(--green);
|
||||
color: #07120b;
|
||||
}
|
||||
pre {
|
||||
margin: 0;
|
||||
overflow-x: auto;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
background: rgba(20, 27, 32, 0.88);
|
||||
padding: 20px;
|
||||
box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
|
||||
}
|
||||
code {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
||||
font-size: 14px;
|
||||
color: #d7ffe5;
|
||||
}
|
||||
section {
|
||||
margin-top: 54px;
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
.feature {
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 18px;
|
||||
}
|
||||
.feature h2 {
|
||||
margin: 0 0 8px;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.feature p {
|
||||
font-size: 15px;
|
||||
}
|
||||
footer {
|
||||
margin-top: 56px;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid var(--line);
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
footer a {
|
||||
color: var(--text);
|
||||
text-decoration-color: var(--orange);
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
main { padding-top: 44px; }
|
||||
header, section { grid-template-columns: 1fr; }
|
||||
pre { margin-top: 6px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<div>
|
||||
<div class="kicker">Spotify power CLI</div>
|
||||
<h1>spogo</h1>
|
||||
<p>Search, control playback, manage library and playlists, pick devices, and script Spotify with stable JSON or plain output.</p>
|
||||
<div class="actions">
|
||||
<a class="button primary" href="https://github.com/steipete/spogo">GitHub</a>
|
||||
<a class="button" href="https://github.com/steipete/spogo/blob/main/docs/spec.md">CLI spec</a>
|
||||
<a class="button" href="https://github.com/steipete/spogo/releases">Releases</a>
|
||||
</div>
|
||||
</div>
|
||||
<pre><code>brew install steipete/tap/spogo
|
||||
|
||||
spogo auth import --browser chrome
|
||||
spogo search track "weezer" --limit 5
|
||||
spogo play spotify:track:7hQJA50XrCWABAu5v6QZ4i
|
||||
spogo status --json</code></pre>
|
||||
</header>
|
||||
|
||||
<section aria-label="Highlights">
|
||||
<article class="feature">
|
||||
<h2>Agent-friendly</h2>
|
||||
<p>Uses browser cookies and Spotify web endpoints, so automation can avoid the official API's tight rate limits.</p>
|
||||
</article>
|
||||
<article class="feature">
|
||||
<h2>Multiple engines</h2>
|
||||
<p>Choose connect, web, auto fallback, or macOS AppleScript for local playback control.</p>
|
||||
</article>
|
||||
<article class="feature">
|
||||
<h2>Scriptable output</h2>
|
||||
<p>Human output by default, plus line-oriented plain mode and structured JSON for tools.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
MIT licensed. Source, issues, and install docs live at <a href="https://github.com/steipete/spogo">github.com/steipete/spogo</a>.
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user