mirror of
https://github.com/hi-language/hi-language.github.io.git
synced 2026-01-14 00:28:05 +00:00
84 lines
5.1 KiB
HTML
84 lines
5.1 KiB
HTML
<!doctype html><html lang=en>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover">
|
|
<title>Hi — a tiny symbolic language</title>
|
|
<link rel=preconnect href=https://fonts.googleapis.com>
|
|
<link rel=preconnect href=https://fonts.gstatic.com crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@300;400;600&display=swap" rel=stylesheet>
|
|
<link rel=stylesheet href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.8.1/github-markdown-light.min.css">
|
|
<link rel=stylesheet href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.11.1/build/styles/github.min.css">
|
|
<style>
|
|
:root{--fg:#0b1020;--mut:#6b7280;--bg:#fafafc;--fx:#111827;--link:#0ea5e9;--card:#ffffff;--ring:#e5e7eb}
|
|
*{box-sizing:border-box}
|
|
html,body{height:100%}
|
|
body{margin:0;background:radial-gradient(1200px 800px at 10% -10%,#eef4ff 0,#fff0 50%),radial-gradient(800px 480px at 120% 10%,#fff1f2 0,#fff0 40%),var(--bg);color:var(--fg);font:400 12.5px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif}
|
|
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
|
|
header{position:sticky;top:0;z-index:10;background:#ffffffb3;backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--ring)}
|
|
nav{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 12px}
|
|
.brand{justify-self:center}
|
|
.brand button{pointer-events:none;user-select:none;border:0;border-radius:999px;padding:6px 14px;background:#111827;color:#fff;font-weight:800;letter-spacing:.02em;font-size:14px}
|
|
.brand button:disabled{opacity:.95}
|
|
main{max-width:960px;margin:0 auto;padding:12px}
|
|
.card{background:var(--card);border:1px solid var(--ring);border-radius:14px;box-shadow:0 10px 24px rgba(10,20,40,.04)}
|
|
.markdown-body{padding:18px 18px 24px;border-radius:12px;color:var(--fg)}
|
|
.markdown-body h1,.markdown-body h2{letter-spacing:.01em}
|
|
.markdown-body h1{font-size:22px}
|
|
.markdown-body h2{font-size:16px}
|
|
.markdown-body p,.markdown-body li,.markdown-body blockquote{font-size:12.5px}
|
|
.markdown-body code{font-family:"JetBrains Mono",ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:11.5px}
|
|
.markdown-body pre>code{font-size:11.5px}
|
|
.kicker{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.16em}
|
|
.hero{display:flex;gap:16px;align-items:center;margin-bottom:8px}
|
|
.hero .emoji{font-size:18px}
|
|
pre{position:relative;border:1px solid var(--ring)!important;border-radius:10px!important}
|
|
.copy{position:absolute;top:8px;right:8px;border:1px solid var(--ring);background:#fff;border-radius:8px;padding:2px 8px;font:600 10px/18px Inter;color:#111827;opacity:.75}
|
|
.copy:hover{opacity:1}
|
|
aside.tip{border:1px dashed var(--ring);border-radius:10px;padding:10px 12px;background:#fafbff}
|
|
hr{border:0;border-top:1px solid var(--ring);margin:14px 0}
|
|
footer{max-width:960px;margin:0 auto;padding:12px 12px 40px;color:#0008;font-size:9.5px;opacity:.35}
|
|
.icon{display:inline-flex;vertical-align:text-bottom}
|
|
ul.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-left:18px}
|
|
blockquote{border-left:2px solid #e5e7eb;padding-left:10px;color:#374151}
|
|
kbd{border:1px solid var(--ring);border-radius:6px;padding:0 6px;background:#fff;font:600 10px/18px Inter}
|
|
.small{font-size:11.5px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header><nav>
|
|
<div></div>
|
|
<div class=brand><button disabled aria-label="Hi brand">Hi</button></div>
|
|
<div style=text-align:right><a href="https://github.com/hi-language" target=_blank rel=noopener aria-label="GitHub home"><svg class=icon width=16 height=16 stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24"><path d="M9 19c-5 1-5-2-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7a5.44 5.44 0 0 0-1.5-3.77 5.07 5.07 0 0 0-.09-3.77S18.73 2.65 16 4a13.38 13.38 0 0 0-7 0C6.27 2.65 3.09 1.98 3.09 1.98a5.07 5.07 0 0 0-.09 3.77A5.44 5.44 0 0 0 1.5 8.52c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 7 19.13V23"></path></svg></a></div>
|
|
</nav></header>
|
|
<main>
|
|
<article id=doc class="markdown-body card"></article>
|
|
</main>
|
|
<footer>website built by gemini</footer>
|
|
|
|
<script id=md type=text/markdown>
|
|
<span class="kicker">Symbol-first • AI-native • Golf-friendly</span>
|
|
|
|
<div class="hero">
|
|
<span class="emoji">✨</span>
|
|
<div>
|
|
<h1>The “Hi” programming language</h1>
|
|
<p>Inspired by JavaScript, but corely symbolic: fewer keywords, more symbols. A small surface built to be read and written by humans everywhere — and by AI.</p>
|
|
</div>
|
|
</div>
|
|
|
|
> Why symbols? Fewer words means less translation, lower typing cost, and cleaner mental models across languages and cultures.
|
|
|
|
## Principles <i data-lucide="sparkles" class="icon"></i>
|
|
- Symbols over keywords (`: = ? * >> ^`).
|
|
- One construct — the <em>Block</em> — acts as both object and function.
|
|
- Last value wins: blocks return their final expression.
|
|
- AI-native: we prioritize how models read/write code, and we encourage code-golfable patterns.
|
|
- JavaScript-adjacent semantics where it helps, simplicity where it matters.
|
|
|
|
---
|
|
|
|
## Hello, world
|
|
```js
|
|
// The underscore is print/output
|
|
_("Hi world")
|