summaryrefslogtreecommitdiff
path: root/website/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'website/styles.css')
-rw-r--r--website/styles.css320
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;
-}