diff options
Diffstat (limited to 'website/styles.css')
| -rw-r--r-- | website/styles.css | 320 |
1 files changed, 0 insertions, 320 deletions
diff --git a/website/styles.css b/website/styles.css deleted file mode 100644 index 11799c0..0000000 --- a/website/styles.css +++ /dev/null @@ -1,320 +0,0 @@ -:root { - --bg: #f3f3f1; - --surface: #fff; - --border: #ddd; - --text: #111; - --muted: rgba(0, 0, 0, 0.62); - --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06); - --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06); -} - -* { - box-sizing: border-box; -} - -body { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; - background: var(--bg); - color: var(--text); - margin: 0; -} - -a, -a:visited { - color: blue; -} - -img { - max-width: 100%; - display: block; -} - -.page { - max-width: 960px; - margin: 0 auto; - padding: 16px; -} - -.privacy, -.site-header, -.content-grid, -.screenshots, -.resources, -.feature-sections { - border: 1px solid var(--border); - background: var(--surface); - margin-bottom: 16px; - padding: 20px; -} - -.brand-row { - display: flex; - justify-content: space-between; - gap: 20px; - align-items: flex-start; -} - -.brand, -.brand h1, -.brand p { - color: black; - text-decoration: none; -} - -.brand { - display: flex; - gap: 16px; - align-items: center; - min-width: 0; -} - -.brand h1 { - margin: 0; -} - -.subtitle, -.brand p { - margin-top: 0; - opacity: 0.68; -} - -.app-icon { - width: 80px; - border-radius: 18px; - border: 1px solid rgba(0, 0, 0, 0.08); - box-shadow: var(--shadow-sm), 0 4px 12px rgba(0, 0, 0, 0.08); - flex: 0 0 auto; -} - -.hero-actions { - text-align: right; - flex: 0 0 auto; -} - -.store-img { - height: 40px; - padding-bottom: 0.5rem; -} - -.header-links { - font-size: 14px; -} - -.intro-copy { - margin-top: 18px; -} - -.lede { - margin: 0 0 10px; - font-weight: 700; - font-size: 1.125rem; -} - -.intro-copy p:last-child { - margin-bottom: 0; -} - -.content-grid, -.feature-sections { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; -} - -.content-grid>div, -.feature-sections>.feature-panel { - min-width: 0; -} - -.content-grid h2, -.screenshots h2, -.resources h2, -.feature-panel h2 { - margin-top: 0; -} - -.feature-list { - margin: 0; - padding-left: 1.2rem; - line-height: 1.55; -} - -.feature-list li+li { - margin-top: 0.45rem; -} - -.section-intro { - margin-top: 0; - color: var(--muted); -} - -.shot-scroll { - display: grid; - grid-auto-flow: column; - grid-auto-columns: minmax(220px, 280px); - gap: 12px; - overflow-x: auto; - overscroll-behavior-x: contain; - padding-bottom: 8px; - scroll-snap-type: x proximity; - -webkit-overflow-scrolling: touch; -} - -.shot-scroll::-webkit-scrollbar { - height: 10px; -} - -.shot-scroll::-webkit-scrollbar-thumb { - background: rgba(0, 0, 0, 0.18); -} - -.shot-card { - margin: 0; - scroll-snap-align: start; - border: 1px solid var(--border); - overflow: hidden; - background: #fafafa; - box-shadow: var(--shadow-md); -} - -.shot-card img { - width: 100%; - height: auto; -} - -.shot-card figcaption { - padding: 10px 12px 12px; - font-size: 0.95rem; - font-weight: 600; -} - -.resource-list { - display: flex; - flex-direction: column; - gap: 6px; - margin: 0; - padding-left: 1.2rem; -} - -.resource-list ul { - margin-top: 6px; -} - -.site-footer, -footer { - padding: 4px 2px 24px; -} - -.privacy h2 { - margin: 0 0 20px; - font-size: 28px; - line-height: 1.1; -} - -.privacy h3 { - margin: 24px 0 8px; - font-size: 18px; - line-height: 1.2; -} - -.privacy p { - margin: 0 0 14px; - line-height: 1.5; -} - -.privacy ul { - margin: 0 0 14px; - padding-left: 0; - list-style: none; -} - -.privacy li { - padding-left: 1em; - text-indent: -1em; -} - -.privacy li::before { - content: "- "; -} - -.privacy a:hover { - text-decoration: underline; -} - -code { - font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; - font-size: 0.95em; -} - -@media (max-width: 760px) { - .page { - padding: 12px; - } - - .brand-row, - .content-grid, - .feature-sections { - grid-template-columns: 1fr; - display: grid; - } - - .shot-scroll { - grid-auto-columns: minmax(240px, 78vw); - } - - .brand-row { - gap: 16px; - } - - .hero-actions { - text-align: left; - } - - .brand { - align-items: flex-start; - } - - .store-img { - height: 44px; - } - - .content-grid, - .feature-sections { - gap: 12px; - } - - .site-header, - .content-grid, - .screenshots, - .resources, - .feature-sections, - .privacy { - padding: 16px; - } - - .feature-list, - .resource-list { - padding-left: 1.1rem; - } -} - -.info-banner { - margin: 24px auto; - padding: 14px 16px; - max-width: 960px; - - background: #fff3cd; - border: 1px solid #ffeeba; - - color: #856404; - font-size: 14px; - line-height: 1.5; - - text-align: center; -} - -.info-banner-live { - background: #edf7ee; - border-color: #cfe8d3; - color: #1d5c2f; -} |
