mirror of
https://github.com/zekexiao/pocketlang.git
synced 2025-02-06 04:37:47 +08:00
60 lines
2.2 KiB
HTML
60 lines
2.2 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 }}codejar/linenumbers.js"></script>
|
|
<script src="{{ STATIC_DIR }}codejar/codejar.js"></script>
|
|
<script src="{{ STATIC_DIR }}highlight.js/highlight.min.js"></script>
|
|
<link rel="stylesheet" href="{{ STATIC_DIR }}highlight.js/theme_dark.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/try_online.css">
|
|
<title>Pocketlang - Try Online</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Navigation bar at the top. -->
|
|
<div id="navbar">
|
|
<a href="index.html"><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>
|
|
|
|
<!-- The toolbar below the navbar. -->
|
|
<div id="toolbar">
|
|
<div id="code-example-titles">
|
|
<div class="code-example-title" name="Simple"><h2>Simple</h2></div>
|
|
<div class="code-example-title" name="Concurrent"><h2>Concurrent</h2></div>
|
|
<div class="code-example-title" name="Object-Oriented"><h2>Object-Oriented</h2></div>
|
|
</div>
|
|
<div id="run-button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
|
<path fill="none" d="M0 0h24v24H0z"/>
|
|
<path fill="currentColor" d="M19.376 12.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832z"/>
|
|
</svg>
|
|
<p>Run</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- The Code Editor. -->
|
|
<div id="code-area">
|
|
<div id="code-editor" class="code language-ruby"></div>
|
|
<pre id="code-output" class="code"></pre>
|
|
</div>
|
|
|
|
<script async type="text/javascript" src="{{ STATIC_DIR }}wasm/pocketlang.js"></script>
|
|
<script src="{{ STATIC_DIR }}js/main.js"></script>
|
|
<script src="{{ STATIC_DIR }}js/try_online.js"></script>
|
|
|
|
</body>
|
|
</html> |