Files
uutils.github.io/templates/base.html
T
Sylvestre Ledru 5c22a5b3d6 Add interactive WASM playground for uutils coreutils
A browser-based terminal that runs real Rust coreutils compiled to
WebAssembly (wasm32-wasip1) using @bjorn3/browser_wasi_shim.

Features:
- xterm.js terminal with command history and line editing
- Pipe support (cmd1 | cmd2 | cmd3), file redirects (>)
- Persistent virtual filesystem across commands
- cd/pwd builtins with virtual working directory
- Locale support (locale builtin + selector)
- UTF-8/multibyte correct output (raw ConsoleStdout, fixed args_sizes_get)
- Click-to-run example buttons
- Inline wasm_example shortcode for blog posts
2026-04-03 21:47:38 +02:00

76 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>
{%- block title -%}
{{ config.title }}
{%- endblock title -%}
</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/style.css" rel="stylesheet">
<meta name="description" content="{{ config.description }}">
<link rel="alternate" type="application/atom+xml" title="uutils blog" href="/atom.xml">
<link href="/giallo-dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)" />
<link href="/giallo-light.css" rel="stylesheet" media="(prefers-color-scheme: light)" />
</head>
<body>
<header>
<a href="/" class="home">{% include "logo.html" %}</a>
<div id="mobile-open-navigation">
<button id="open-header-button">
<div></div>
<div></div>
<div></div>
</button>
</div>
<div class="navigation-block">
<div class="dropdown">
<span class="dropdown-toggle">Projects</span>
<div class="dropdown-menu">
<a href="/coreutils">Coreutils</a>
<a href="/findutils">Findutils</a>
<a href="/diffutils">Diffutils</a>
<a href="/util-linux">Util-linux</a>
<a href="/procps">Procps</a>
<a href="/acl">Acl</a>
<a href="/tar">Tar</a>
<a href="/sed">Sed</a>
<a href="/login">Login</a>
<a href="/hostname">Hostname</a>
<a href="/bsdutils">Bsdutils</a>
</div>
</div>
<a href="/playground">Playground</a>
</div>
<div class="spacer"></div>
<div class="navigation-block">
<a href="/blog">Blog</a>
<a href="https://twitter.com/uutils_/">Twitter</a>
<a href="https://mastodon.social/@uutils" rel="me">Mastodon</a>
<a href="/gsoc">GSOC</a>
<a href="https://github.com/uutils" class="icon">
<div class="github-icon-black" aria-hidden="true"></div>
</a>
</div>
</header>
<main>
{%- block main -%}
{%- endblock main -%}
</main>
<footer>
<a href="https://github.com/uutils">
<div class="github-icon" aria-hidden="true"></div>
</a>
<span>uutils, MIT</span>
</footer>
<script defer>
document.getElementById("open-header-button").addEventListener("click", () => {
document.getElementsByTagName("header")[0].classList.toggle("open");
});
</script>
</body>
</html>