pocketlang/docs/templates/index.html
2022-04-06 08:56:51 +05:30

78 lines
2.7 KiB
HTML

<!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>
<link rel="stylesheet" href="{{ STATIC_DIR }}highlight.js/theme_docs.css">
<link rel="stylesheet" href="{{ STATIC_DIR }}rage_font/style.css">
<link rel="stylesheet" href="{{ STATIC_DIR }}css/style.css">
<link rel="stylesheet" href="{{ STATIC_DIR }}css/navbar.css">
<link rel="stylesheet" href="{{ STATIC_DIR }}css/home.css">
<title>Pocketlang</title>
</head>
<body>
<!-- Sticky navigation bar at the top. -->
<div id="navbar">
<a href="#"><h1 id="nav-title">pocketlang</h1></a>
<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">
<!-- Page intro section which will be 100vh. -->
<section id="page-intro">
<div id="intro-text">
<h1>Pocketlang is a small fast and friendly language</h1>
<p>
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.
</p>
<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>
</div>
</div>
<img src="{{ STATIC_DIR }}img/pocketlang.svg">
</section>
<!-- What it looks like? -->
<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>
<pre><code class="highlight ruby"><pre><code class="highlight ruby">{{ WHAT_IT_LOOKS_LIKE }}</code></pre></code></pre>
</section>
<section id="features">
<div id="features-grid">
{{ POCKET_FEATURES }}
</div>
</section>
<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>
</div>
<script src="{{ STATIC_DIR }}js/main.js"></script>
<script src="{{ STATIC_DIR }}js/home.js"></script>
</body>
</html>