<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Oraset - 简洁高效的编程语言</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="layout">
        <nav class="sidebar">
            <div class="sidebar-section">
                <div class="sidebar-section-title">Oraset</div>
                <ul>
                    <li><a href="index.php" class="active">首页</a></li>
                    <li><a href="download.php">下载</a></li>
                    <li><a href="releases.php">历史版本</a></li>
                </ul>
            </div>
            <div class="sidebar-section">
                <div class="sidebar-section-title">文档</div>
                <ul>
                    <li><a href="docs/index.php?list">文档列表</a></li>
                </ul>
                <ul id="doc-nav-list">
                    <li><span class="sidebar-loading">加载中...</span></li>
                </ul>
            </div>
        </nav>
        
        <main class="main">
            <h1>Oraset</h1>
            <p>Version: <strong>B-5</strong></p>
            
            <h2>关于</h2>
            <p>Oraset 是一个简洁高效的解释型编程语言，专为简单任务和脚本编写设计。</p>
            
            <h2>特性</h2>
            <ul>
                <li>简洁直观的语法</li>
                <li>轻量级解释器</li>
                <li>变量和表达式支持</li>
                <li>条件语句和循环</li>
                <li>灵活的输出控制（print 函数）</li>
                <li>数组支持</li>
                <li>自定义函数</li>
                <li>丰富的内置函数（数学、字符串、数组）</li>
                <li>复合赋值和自增自减运算符</li>
                <li>REPL 交互模式</li>
                <li>跨平台支持（Windows、macOS、Linux）</li>
                <li>自动更新功能（oraset -u）</li>
            </ul>
            
            <h2>快速开始</h2>
            <pre>// hello.ora
print("Hello, World!");
var x = 42;
print("The value is:", x);</pre>
            
            <p>运行：<code>oraset hello.ora</code></p>
            
            <hr>
            <p>Oraset Project &copy; 2026</p>
        </main>
    </div>
    
    <script>
    fetch('docs/api.php')
        .then(function(response) {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.json();
        })
        .then(function(data) {
            var navList = document.getElementById('doc-nav-list');
            navList.innerHTML = '';
            if (data.articles && data.articles.length > 0) {
                data.articles.forEach(function(article) {
                    var li = document.createElement('li');
                    var a = document.createElement('a');
                    a.href = 'docs/index.php?doc=' + article.name;
                    a.textContent = article.title;
                    li.appendChild(a);
                    navList.appendChild(li);
                });
            } else {
                navList.innerHTML = '<li><span class="sidebar-loading">暂无文档</span></li>';
            }
        })
        .catch(function(error) {
            console.error('Error loading document list:', error);
            document.getElementById('doc-nav-list').innerHTML = '<li><span class="sidebar-loading">加载失败</span></li>';
        });
    </script>
</body>
</html>