Luma-Website/index.html at main · Luma-Programming-Language/Luma-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="img/Luma-32x32.png" sizes="32x32" type="image/png">
  <title>Luma</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="container">
    <!-- Header -->
    <header>
      <a href="#" class="logo">LUMA</a>
      <nav>
        <a href="https://luma-docs-five.vercel.app/" target="_blank">Docs</a>
        <a href="https://github.com/TheDevConnor/Luma" target="_blank">GitHub</a>
        <button class="theme-btn" id="themeBtn">◐</button>
      </nav>
    </header>

    <!-- Hero -->
    <section class="hero">
      <div class="hero-content">
        <h1>Low-level programming, simplified.</h1>
        <p class="subtitle">
          Luma is a compiled language designed to be fast, expressive, and easy to use.
        </p>
        <div class="cta">
          <a href="https://github.com/TheDevConnor/Luma/releases/latest" class="btn btn-primary">Download</a>
          <a href="https://luma-docs-five.vercel.app/" target="_blank" class="btn">Documentation</a>
          <a href="https://github.com/TheDevConnor/Luma/releases" class="version-badge loading" id="versionBadge">
            <span class="version-prefix">Latest:</span>
            <span class="version-text" id="versionText">Loading...</span>
          </a>
        </div>
      </div>
      <div class="mascot-container">
        <img src="" alt="Luma mascot" class="mascot">
      </div>
    </section>

    <!-- Code Examples -->
    <section class="code-section">
      <div class="example-tabs">
        <button class="tab-btn active" data-example="hello">Hello World</button>
        <button class="tab-btn" data-example="structs">Structs</button>
        <button class="tab-btn" data-example="memory">Memory</button>
        <button class="tab-btn" data-example="functions">Functions</button>
      </div>

      <div class="code-wrapper">
        <span class="code-label" id="codeLabel">hello.lx</span>
        <div class="code-content active" data-example="hello">
          <pre><code id="code-hello"></code></pre>
        </div>

        <div class="code-content" data-example="structs">
          <pre><code id="code-structs"></code></pre>
        </div>

        <div class="code-content" data-example="memory">
          <pre><code id="code-memory"></code></pre>
        </div>

        <div class="code-content" data-example="functions">
          <pre><code id="code-functions"></code></pre>
        </div>
      </div>
    </section>

    <!-- Features -->
    <section class="features">
      <div class="feature">
        <h3>Fast</h3>
        <p>Compiles to native code.</p>
      </div>
      <div class="feature">
        <h3>Safety Tools</h3>
        <p>The Static Analyzer provides memory errors during compile-time, such as use-after-free and double free. 'defer' statements also allow for RAII-like beahviour for releasing resources automatically at the end of a scope. With a clear ownership system through attributes like '#takes_ownership' and '#returns_ownership'.</p>
      </div>
      <div class="feature">
        <h3>Simple</h3>
        <p>Clean syntax that's easy to learn and reason about.</p>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <p>© 2025 Luma</p>
      <div class="social">
        <a href="https://github.com/TheDevConnor/Luma" target="_blank" title="GitHub">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path
              d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
          </svg>
        </a>
        <a href="https://discord.gg/gqnwasvqd9" target="_blank" title="Discord">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
            <path
              d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
          </svg>
        </a>
      </div>
    </footer>
  </div>

  <script src="script.js"></script>
</body>

</html>