1 files changed, 87 insertions, 0 deletions
diff --git a/doc/index.html b/doc/index.html
new file mode 100644
index 0000000..815b2a4
--- /dev/null
+++ b/doc/index.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html lang="ar">
+<head>
+  <meta charset="utf-8">
+  <title>لؤلؤة</title>
+  <!--<meta name="description" content="">-->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:100,400&display=swap" rel="stylesheet">
+	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/base-min.css" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-min.css" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css" crossorigin="anonymous">
+	<script src="http://cdn.pydata.org/bokeh/release/bokeh-1.3.4.min.js"></script>
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+<div class="title-card pure-g">
+	<div class="lbox">
+	<div class="pure-u-1 pure-u-lg-1-3">
+		<h1 lang="ar"><img class="logo" src="lulua-logo.svg"></h1>
+		<div class="pure-g flexreverse">
+			<div class="pure-u-1 pure-u-sm-1-2">
+				<!--<h2 class="subtitle">لوحة مفاتيح العربية المريحة</h1>-->
+			</div>
+			<div class="pure-u-1 pure-u-sm-1-2">
+				<h2 class="subtitle" lang="en">Ergonomic Arabic Keyboard Layout</h1>
+			</div>
+		</div>
+	</div>
+	<div class="pure-u-1 pure-u-lg-2-3" lang="en">
+		<div class="layout">
+			<img src="ar-lulua.svg" alt="لؤلؤة">
+		</div>
+	</div>
+	</div>
+</div>
+
+<div class="pure-g flexreverse">
+	<div class="pure-u-1 pure-u-md-1-2">
+	</div>
+	<div class="pure-u-1 pure-u-md-1-2" lang="en">
+	<div class="lbox">
+		<p>This is work in progress and contributions are welcome. Head over to
+		<a href="https://github.com/PromyLOPh/lulua">GitHub</a> to see where
+		you can help.</a></p>
+	</div>
+	</div>
+</div>
+
+<div class="pure-g flexreverse">
+	<div class="pure-u-1 pure-u-md-1-2">
+	</div>
+	<div class="pure-u-1 pure-u-md-1-2" lang="en">
+	<div class="lbox">
+		<h2>Goals</h2>
+		<ul>
+			<li>Ergonomic typing of unvocalized and vocalized text with 10 fingers</li>
+			<li>Modern Standard Arabic and Quranic Arabic</li>
+			<li>Localized numbers (European/Arabic-Indic)</li>
+			<li>Usable as primary or secondary keyboard</li>
+			<li>Compose-based</li>
+			<li>Support for Markdown, RST, Wikitext and similar markup</li>
+		</ul>
+
+		<p>Other languages using the Arabic alphabet (regional dialects, Urdu,
+		Persian) are explicitly not supported.</p>
+	</div>
+	</div>
+</div>
+
+<div class="pure-g flexreverse">
+	<div class="pure-u-1 pure-u-md-1-2">
+	</div>
+	<div class="pure-u-1 pure-u-md-1-2" lang="en">
+	<div class="lbox">
+		<h2>Usage</h2>
+		<dl>
+			<dt>Linux</dt>
+			<dd><code>xmodmap <a href="ar-lulua.xmodmap">ar-lulua.xmodmap</a></code></dd>
+		</dl>
+	</div>
+	</div>
+</div>
+
+</body>
+</html>