index.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
  <title>Fanx Language</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="common.css"/>
  <link rel="stylesheet" type="text/css" href="index.css"/>

  <script type="text/javascript">
    window.onload=function(){
      var isZh = false;
      var lang = (navigator.appName=='Netscape'?navigator.language:navigator.userLanguage).toLowerCase();
      switch(lang){
          case 'zh-cn':
              isZh = true;
              break;
          case 'zh-tw':
              isZh = true;
              break;
          case 'zh-hk':
              isZh = true;
              break;
          default:
              isZh = false;
      }
      //var contentEn = document.getElementById("content-en");
      //var contentZh = document.getElementById("content-zh");

      if (isZh) {
        window.location.href = 'index_zh.html';
      }
    }
  </script>

</head>
<body>
  <div id="header">
    <div class="sitebar">
      <ul>
        <li>
          <a href='/'>Index<index></a>
        </li>

        <li>
          <a href='https://github.com/fanx-dev/fanx/releases'>Download</a>
        </li>

        <li>
          <a href='https://github.com/chunquedong/fanx/blob/master/doc/Index.md'>Doc</a>
        </li>

        <li>
          <a href='apidoc/index.html'>ApiDoc</a>
        </li>

        <li>
          <a href='https://fantom-lang.org/community'>Community</a>
        </li>

        <li>
          <a href='https://github.com/fanx-dev'>GitHub</a>
        </li>
     </ul>
    </div>

    <div id="title">
      

      <h1>Fanx</h1>
      <h3>A portable language with elegant libraries</h3>

      <p id="btn" class="round">
        <a href="https://github.com/fanx-dev/fanx/blob/master/doc/QuickStart.md">Get Started</a>
      </p>
      
    </div>
  </div>

  <div class="content">
    <div class="features">
      <div class="fs">
        <h3>Portability</h3>
        <p>Multi target to JVM, JavaScript, C and standalone VM</p>
      </div>

      <div class="fs">
        <h3>Beautiful Syntax</h3>
        <p>Generics type, lambda/closures, non-nullable type, async/await ...</p>
      </div>
      
      <div class="fs">
        <h3>Concurrency Safe</h3>
        <p>Built-in immutability and actor model, safe in compile time</p>
      </div>

      <div class="fs">
        <h3>Cross-platform UI Framework</h3>
        <p>Write once run on Android/iOS/Web browser/Desktop</p>
      </div>

      <div class="fs">
        <h3>Server-side Framework</h3>
        <p>Web framework, database ORM, template engine, async/await based IO framewrok ...</p>
      </div>

    </div>

  </div>
</body>
</html>