site/index.sxml — sigil-site

1;; Landing page for usesigil.org

2;; Uses shared CSS variables from /css/style.css

3(html

4 (head

5 (meta (@ (charset "utf-8")))

6 (meta (@ (name "viewport") (content "width=device-width, initial-scale=1")))

7 (title "Sigil - Practical Symbolic Power")

8 (link (@ (rel "stylesheet") (href "/css/style.css")))

9 ;; Plausible analytics

10 (script (@ (async "") (src "https://plausible.io/js/pa-ztXW-bh9mIfLI5TM-1VMV.js")))

    (script "window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init()")

12 (style "

13 /* Landing page specific styles */

14 body {

15 display: flex;

16 flex-direction: column;

17 align-items: center;

18 justify-content: center;

19 text-align: center;

20 min-height: 100vh;

21 }

22 .hero { max-width: 700px; padding: 2rem; }

23 .hero h1 {

24 font-size: 4rem;

25 font-weight: 700;

26 margin: 0 0 0.5rem 0;

27 letter-spacing: -0.02em;

28 border: none;

29 padding: 0;

30 }

31 .tagline {

32 font-size: 1.5rem;

33 color: var(--fg-muted);

34 margin: 0 0 2rem 0;

35 font-style: italic;

36 }

37 .description {

38 font-size: 1.1rem;

39 line-height: 1.7;

40 margin-bottom: 2rem;

41 }

42 .links {

43 display: flex;

44 gap: 1rem;

45 justify-content: center;

46 flex-wrap: wrap;

47 }

48 .links a {

49 padding: 0.75rem 1.5rem;

50 border: 2px solid var(--accent);

51 border-radius: 6px;

52 transition: all 0.2s;

53 text-decoration: none;

54 background: transparent;

55 color: var(--fg);

56 }

57 .links a:hover {

58 background: var(--accent);

59 color: var(--bg);

60 }

61 .links a.primary {

62 background: var(--accent);

63 color: var(--bg);

64 }

65 .links a.primary:hover {

66 background: transparent;

67 color: var(--accent);

68 }

69 .landing-footer {

70 position: absolute;

71 bottom: 1rem;

72 color: var(--fg-muted);

73 font-size: 0.9rem;

74 }

75 "))

76 (body

77 (div (@ (class "hero"))

78 (h1 "sigil")

79 (p (@ (class "tagline")) "Practical Symbolic Power")

80 (p (@ (class "description"))

81 "A practical language for building standalone applications."

82 (br)

83 "Simple syntax, powerful abstractions, and single-binary distribution.")

84 (div (@ (class "links"))

85 (a (@ (class "primary") (href "/repl/")) "Try It")

86 (a (@ (href "/docs/getting-started/")) "Get Started")

87 (a (@ (href "/docs/")) "Docs")

88 (a (@ (href "/releases/")) "Releases")

89 (a (@ (href "https://codeberg.org/sigil/sigil")) "Source")))

90 (footer (@ (class "landing-footer"))

91 "Made with Sigil")

93))