<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example Syntax Highlighter for Lava</title>
<link rel="stylesheet" href="styles.css">
<style>
body {
font-family: sans-serif;
margin: 2rem;
}
h1 {
margin-bottom: 1rem;
}
pre {
background: #f0f0f0;
padding: 1rem;
border: 1px solid #ccc;
overflow-x: auto;
line-height: 1.4;
}
.af-string {
color: #d14;
}
.af-number {
color: #1c00cf;
}
.af-placeholder {
background-color: #cfc;
}
.af-operator {
font-weight: bold;
}
.af-comment {
color: #999;
font-style: italic;
}
.af-builtin {
color: #0086b3;
}
.af-keyword {
color: #008800;
font-weight: bold;
}
</style>
</head>
<body>
<h1>Example Syntax Highlighter Demo (Lava)</h1>
<p>This page loads a short script from the <code>examples</code> folder and highlights it using <code>syntax-highlighting.json</code>.</p>
<pre id="code-block">
extend("net")
net:ping([
dest: "cube.nu11.uk",
count: 5
], sput)
localhost_ping = net:ping("127.0.0.1", sput)
net:stop(localhost_ping)
</pre>
<script src="syntax.js"></script>
</body>
</html>