emoji/index.html at master · multiism/emoji · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Emoji Picker/Designer/Generator</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<meta name="theme-color" content="#f1da36" />
		<style>
			body {
				margin: 0;
				font-family: sans-serif;
				font-size: 24px;
				text-align: center;
				max-width: 800px;
				margin: auto;
			}
			#emojis {
				padding: 15px;
			}
			footer {
				text-align: center;
				/*background: hsla(152, 100%, 67%, 1);*/
				color: black;
				padding: 50px;
			}
			footer ul {
				line-height: 2em;
				list-style: none;
			}
			a {
				color: inherit;
			}
		</style>
	</head>
	<body>
		<div id="emojis"></div>
		<p>
			So far this is an emoji generator and renderer,
			with a fairly limited space of expressions.
			<b>Click on an emoji to edit it.</b>
			(The editing UI just uses <a href="https://github.com/dataarts/dat.gui">dat.gui</a> for now;
			it's far from what I would design custom for this project.)
		</p>
		<p>
			The goal of this project is a semantically branching emoji picker.
			Rather than scrolling through a long list looking for an emoji you want,
			you should be able to directly navigate the space of expressive possibilities and
			drill down to the emoji you want,
			even if it's never been used before.
		</p>
		<p>
			More info is <a href="https://github.com/multiism/emoji">on GitHub</a>, along with the source code.
		</p>
		<footer>
			<ul>
				<li>
					<a href="http://multiism.ml/">Multiism.ml</a>
				</li>
			</ul>
		</footer>
		<script src="lib/dat.gui.min.js"></script>
		<script src="build/app-bundle.js"></script>
	</body>
</html>