pocketlang/docs/templates/index.html

78 lines
2.7 KiB
HTML
Raw Normal View History

2022-04-04 11:17:15 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg" href="{{ STATIC_DIR }}img/favicon.svg">
<script src="{{ STATIC_DIR }}highlight.js/highlight.min.js"></script>
2022-04-06 04:57:57 +08:00
<link rel="stylesheet" href="{{ STATIC_DIR }}highlight.js/theme_docs.css">
2022-04-04 11:17:15 +08:00
<link rel="stylesheet" href="{{ STATIC_DIR }}rage_font/style.css">
<link rel="stylesheet" href="{{ STATIC_DIR }}css/style.css">
2022-04-06 04:57:57 +08:00
<link rel="stylesheet" href="{{ STATIC_DIR }}css/navbar.css">
2022-04-04 11:17:15 +08:00
<link rel="stylesheet" href="{{ STATIC_DIR }}css/home.css">
<title>Pocketlang</title>
</head>
<body>
2022-04-06 04:57:57 +08:00
<!-- Sticky navigation bar at the top. -->
2022-04-04 11:17:15 +08:00
<div id="navbar">
2022-04-06 04:57:57 +08:00
<a href="#"><h1 id="nav-title">pocketlang</h1></a>
2022-04-04 11:17:15 +08:00
<div>
<ul>
<li><a href="{{ DOCS_URL }}Reference/Getting-Started.html">Docs</a></li>
<li><a href="">Download</a></li>
<li><a target="_blank" href="https://www.github.com/ThakeeNathees/pocketlang/">Github</a></li>
</ul>
</div>
</div>
<div id="main">
2022-04-06 04:57:57 +08:00
<!-- Page intro section which will be 100vh. -->
<section id="page-intro">
2022-04-04 11:17:15 +08:00
<div id="intro-text">
2022-04-06 04:57:57 +08:00
<h1>Pocketlang is a small fast and friendly language</h1>
2022-04-04 11:17:15 +08:00
<p>
2022-04-06 04:57:57 +08:00
It's a dynamic typed, highlevel language language designed for scripting and
embedding easily. Supports classes, first class functions, closures, REPL,
garbage collection, fiber based concurrency, and more.
2022-04-04 11:17:15 +08:00
</p>
2022-04-06 04:57:57 +08:00
<div id="intro-buttons">
<a class="button" href="{{ DOCS_URL }}Reference/Getting-Started.html">Get Started</a>
<a class="button" href="try-online.html">Try Online</a>
2022-04-06 04:57:57 +08:00
</div>
2022-04-04 11:17:15 +08:00
</div>
<img src="{{ STATIC_DIR }}img/pocketlang.svg">
</section>
2022-04-06 04:57:57 +08:00
<!-- What it looks like? -->
2022-04-04 11:17:15 +08:00
<section id="what-pocketlang-looks-like">
<h1 class="section-title">What pocketlang looks like?</h1>
<p>
With mixed syntax of ruby and python, that can be learned in less than an hour, and it's
easy to embed into another application for scripting. Here is a smaple pocketlang code.
</p>
2022-04-06 04:57:57 +08:00
<pre><code class="highlight ruby"><pre><code class="highlight ruby">{{ WHAT_IT_LOOKS_LIKE }}</code></pre></code></pre>
2022-04-04 11:17:15 +08:00
</section>
<section id="features">
<div id="features-grid">
2022-04-06 04:57:57 +08:00
{{ POCKET_FEATURES }}
2022-04-04 11:17:15 +08:00
</div>
</section>
2022-04-06 04:57:57 +08:00
<div id="footer">
<p>Made by <a class="link" href="https://www.github.com/ThakeeNathees">ThakeeNathees</a>
and contributers on <a class="link" href="https://www.github.com/">github</a>.</p>
</div>
2022-04-04 11:17:15 +08:00
</div>
2022-04-06 04:57:57 +08:00
<script src="{{ STATIC_DIR }}js/main.js"></script>
2022-04-04 11:17:15 +08:00
<script src="{{ STATIC_DIR }}js/home.js"></script>
</body>
</html>