chore: update docs
da9e77a2
2 file(s) · +9 −46
| 3 | 3 | export function Landing() { |
|
| 4 | 4 | return ( |
|
| 5 | 5 | <main |
|
| 6 | - | className="landing" |
|
| 7 | - | style={{ |
|
| 8 | - | position: "relative", |
|
| 9 | - | width: "100%", |
|
| 10 | - | background: "#121113 url('/bg.webp') center center / cover no-repeat", |
|
| 11 | - | }} |
|
| 6 | + | className="landing relative w-full bg-[#121113] bg-[url('/bg.webp')] bg-cover bg-center bg-no-repeat" |
|
| 12 | 7 | > |
|
| 13 | - | <div |
|
| 14 | - | style={{ |
|
| 15 | - | display: "flex", |
|
| 16 | - | width: "100%", |
|
| 17 | - | minHeight: "100vh", |
|
| 18 | - | flexDirection: "column", |
|
| 19 | - | alignItems: "center", |
|
| 20 | - | justifyContent: "center", |
|
| 21 | - | gap: "3rem", |
|
| 22 | - | padding: "1rem", |
|
| 23 | - | }} |
|
| 24 | - | > |
|
| 25 | - | <div |
|
| 26 | - | style={{ |
|
| 27 | - | display: "flex", |
|
| 28 | - | flexDirection: "column", |
|
| 29 | - | alignItems: "center", |
|
| 30 | - | gap: "1.5rem", |
|
| 31 | - | }} |
|
| 32 | - | > |
|
| 33 | - | <h1 |
|
| 34 | - | style={{ |
|
| 35 | - | textAlign: "center", |
|
| 36 | - | fontSize: "92px", |
|
| 37 | - | fontWeight: 400, |
|
| 38 | - | fontFamily: '"Commit Mono", monospace, sans-serif', |
|
| 39 | - | color: "#ffffff", |
|
| 40 | - | }} |
|
| 41 | - | > |
|
| 8 | + | <div className="flex w-full min-h-screen flex-col items-center justify-center gap-12 p-4"> |
|
| 9 | + | <div className="flex flex-col items-center gap-6"> |
|
| 10 | + | <h1 className="text-center sm:text-[92px] text-[64px] font-normal font-['Commit_Mono',monospace] text-white"> |
|
| 42 | 11 | Andromeda |
|
| 43 | 12 | </h1> |
|
| 44 | - | <h3 |
|
| 45 | - | style={{ |
|
| 46 | - | textAlign: "center", |
|
| 47 | - | fontSize: "16px", |
|
| 48 | - | fontWeight: 400, |
|
| 49 | - | fontFamily: '"Commit Mono", monospace, sans-serif', |
|
| 50 | - | color: "#ffffff", |
|
| 51 | - | }} |
|
| 52 | - | > |
|
| 53 | - | Minimal, self-hosted personal software in Rust |
|
| 13 | + | <h3 className="text-center text-lg font-normal font-['Commit_Mono',monospace] text-white"> |
|
| 14 | + | Minimal, self-hosted, personal software in Rust |
|
| 54 | 15 | </h3> |
|
| 55 | 16 | </div> |
|
| 56 | - | <div style={{ display: "flex", alignItems: "center", gap: "1rem" }}> |
|
| 17 | + | <div className="flex items-center gap-4"> |
|
| 57 | 18 | <Button type="link" href="/quickstart"> |
|
| 58 | 19 | Get Started |
|
| 59 | 20 | </Button> |
| 1 | + | @import "tailwindcss"; |
|
| 2 | + | ||
| 1 | 3 | .vocs_DocsLayout_content:has(.landing) { |
|
| 2 | 4 | background: #121113 !important; |
|
| 3 | 5 | padding-top: 0 !important; |