Website/index.html at main · lax-Inc/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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ultra-Lightweight Lax Programming Language</title>
    <link rel="icon" type="image/png" href="data:image/x-icon;,">
    <meta name="description" content="programming language, Lax, Linux, lightweight language, ultra-lightweight, S-expressions, s-expression programming, functional programming, scripting language, learn programming, S-expressions, Lisp-style, programming on Linux, minimal language, educational language, functional concepts">
    <meta name="keywords" content="AI, education, training, schoolchildren, students, FHome, Sliz, artificial intelligence">
    <meta name="author" content="Lax Inc.">
    <meta name="robots" content="index, follow">
    <link rel="icon" type="image/png" href="https://lax-lang.pp.ua/favicon.png">
    <link rel="apple-touch-icon" href="https://lax-lang.pp.ua/favicon.png">
    <meta property="og:title" content="Ultra-Lightweight Lax Programming Language">
    <meta property="og:description" content="Lax is an ultra-lightweight programming language for Linux that allows you to write programs and learn S-expression programming.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lax-lang.pp.ua/">
    <meta property="og:image" content="https://lax-lang.pp.ua/favicon.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="The Lax Programming Language">
    <meta name="twitter:description" content="Lax is an ultra-lightweight programming language for Linux that allows you to write programs and learn S-expression programming.">
    <meta name="twitter:image" content="https://lax-lang.pp.ua/favicon.png">
    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Lax",
  "url": "https://lax-lang.pp.ua/",
  "logo": "https://lax-lang.pp.ua/favicon.png",
  "description": "Lax is an ultra-lightweight programming language for Linux that allows you to write programs and learn S-expression programming."
}
    </script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>

    <script>
        (function() {
            function getCookie(name) {
                let nameEQ = name + "=";
                let ca = document.cookie.split(';');
                for(let i=0;i < ca.length;i++) {
                    let c = ca[i];
                    while (c.charAt(0)==' ') c = c.substring(1,c.length);
                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
                }
                return null;
            }
            const savedTheme = getCookie('lax_theme') || 'dark';
            document.documentElement.setAttribute('data-theme', savedTheme);
        })();
    </script>

    <link rel="stylesheet" href="style/css.css">
</head>
<body>

    <nav>
    <div class="logo-wrapper">
        <div id="nav-mini-logo" class="nav-mini-logo"></div>

        <a href="https://lax-lang.space" class="logo">Lax</a>
    </div>
    <div class="nav-links">
        <a href="https://github.com/lax-Inc/Lax">Github</a>
        <a href="#examples">Examples</a>
        <label class="switch">
            <input id="themeCheckbox" type="checkbox" onchange="toggleTheme()">
            <span class="slider">
                <div class="star star_1"></div>
                <div class="star star_2"></div>
                <div class="star star_3"></div>
                <svg viewBox="0 0 16 16" class="cloud_1 cloud">
                    <path transform="matrix(.77976 0 0 .78395-299.99-418.63)" fill="#fff" d="m391.84 540.91c-.421-.329-.949-.524-1.523-.524-1.351 0-2.451 1.084-2.485 2.435-1.395.526-2.388 1.88-2.388 3.466 0 1.874 1.385 3.423 3.182 3.667v.034h12.73v-.006c1.775-.104 3.182-1.584 3.182-3.395 0-1.747-1.309-3.186-2.994-3.379.007-.106.011-.214.011-.322 0-2.707-2.271-4.901-5.072-4.901-2.073 0-3.856 1.202-4.643 2.925"></path>
                </svg>
            </span>
        </label>
    </div>
</nav>

<header class="fade-in">
    <div id="logo-3d-container"></div>
    <h1>Simplicity is <span id="power-text" class="power-effect">Power.</span></h1>

    <p class="subtitle">Lax is a minimalist, high-performance programming language designed for software development and embedding. Version 6.0 is now available.</p>

    <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem;">
        <a href="https://github.com/lax-Inc/Lax/releases/tag/6.0.7" class="btn-download animated-btn">
            <span class="btn-text-normal">Download Lax 6.0.7</span>
            <span class="btn-text-hover">
                <svg height="20" width="20" viewBox="0 0 16 16" fill="currentColor" style="margin-right: 8px; vertical-align: text-bottom;">
                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
                </svg>
                Github Release
            </span>
        </a>
        <a href="#examples" class="btn-secondary">View Code</a>
    </div>
</header>

    <section id="features" class="fade-in">
        <h2>Engineered for Efficiency</h2>
        <div class="features-grid">
            <div class="feature-card">
                <h3>Ultra-Lightweight</h3>
                <p>The entire runtime environment is contained in a tiny 30kb binary (Interpreter + REPL + File Launcher + Compiler), making it ideal for embedded systems and microcontrollers.</p>
            </div>
            <div class="feature-card">
                <h3>Fast Interpretation</h3>
                <p>The optimized C language core in which Lax is written ensures that the size of the output Lax is smaller than the code in which it is written (300 KB vs. 30 KB)</p>
            </div>
            <div class="feature-card">
                <h3>Modern Syntax</h3>
                <p>The unique S-structure is easy to remember, and all code interacts with each other just like any other code, meaning knowing how to write "Hello World!" equals knowing how to write anything in Lax.</p>
            </div>
        </div>
    </section>

    <section id="examples" class="fade-in">
        <h2>Live Code Preview</h2>
        <div class="showcase">
            <div class="showcase-header">
                <div class="showcase-menu">
                    <div class="menu-item active" onclick="changeExample(0)">Hello World</div>
                    <div class="menu-item" onclick="changeExample(1)">User Input</div>
                    <div class="menu-item" onclick="changeExample(2)">Math Calculator</div>
                    <div class="menu-item" onclick="changeExample(3)">Interactive Shell</div>
                </div>
                <div class="showcase-actions">
                    <button class="action-btn" onclick="copyCode()">Copy</button>
                    <button class="action-btn" onclick="downloadCode()">Download</button>
                </div>
            </div>
            <div class="code-container">
                <span id="typing-text"></span><span class="cursor"></span>
            </div>
        </div>
    </section>
    <section id="learning-resources" class="fade-in">
    <div class="docs-cta-container">
        <h2>Ready to Master Lax?</h2>
        <p class="subtitle">
            From the basics of S-expressions to advanced Lax compatibility,
          our comprehensive documentation will help you quickly master the syntax, features, and embedding capabilities of the Lax language.
        </p>
        <div style="text-align: center; margin-top: 2rem;">
            <a href="https://docs.lax-lang.space" style="text-decoration: none;">
                <button class="retro-doc-button">Read Documentation</button>
            </a>
        </div>
    </div>
</section>
    <section id="docs" class="fade-in">
        <div class="stats">
            <div class="stat-item"><h4>6.0.7</h4><p>Latest Stable Version</p></div>
            <div class="stat-item"><h4>0.2ms</h4><p>Cold Start Time</p></div>
            <div class="stat-item"><h4>100%</h4><p>C Compatibility</p></div>
            <div class="stat-item"><h4>30kb</h4><p>Ultra Lightweight</p></div>
        </div>
    </section>
    <section id="global-impact" class="fade-in">
        <h2>Solving Global Programming Challenges</h2>
        <div class="features-grid">
            <div class="feature-card">
                <h3>Zero Hardware Barriers</h3>
                <p>In regions where high-end hardware is inaccessible, Lax thrives. Running on just 30kb, it allows students and developers to build complex logic on legacy machines or low-cost microcontrollers, bridging the digital divide.</p>
            </div>
            <div class="feature-card">
                <h3>Universal S-Structure</h3>
                <p>Language barriers shouldn't stop innovation. The minimalist S-expression syntax reduces linguistic complexity, making it easier for non-English speakers to grasp fundamental programming concepts through logical patterns.</p>
            </div>
            <div class="feature-card">
                <h3>Native C Interoperability</h3>
                <p>Lax isn't just a toy language. Its 100% C compatibility allows developers worldwide to integrate lightweight scripts into existing industrial systems, making it a professional tool for global infrastructure.</p>
            </div>
        </div>
    </section>
    <footer>
        <div class="footer-logo-container">
            <div id="footer-mini-logo" class="mini-3d-logo"></div>
            <span style="font-weight: 800; font-size: 1.2rem; color: var(--accent-color);">Lax</span>
        </div>
        <p>&copy; 2024-2026 Lax Inc. &bull; Created by the heart of Lax Inc.</p>
    </footer>
<script src="script/js.js"></script>
</body>
</html>