-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
109 lines (91 loc) · 6.31 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Themoji - talk using Emojis</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">Themoji</h1>
<h2 class="project-tagline">talk using Emojis - worldwide and in every language</h2>
<a href="https://themoji.herokuapp.com" class="btn" target="_blank">Download iPhone app</a>
<a href="#" class="btn" target="_blank">Open Web App</a>
<a href="https://github.com/Themoji/ios" class="btn" target="_blank">View on GitHub</a>
</section>
<section class="main-content">
<h2>
<a id="themoji" class="anchor" href="#themoji" aria-hidden="true"><span class="octicon octicon-link"></span></a>Themoji</h2>
<h3>
<a id="background" class="anchor" href="#background" aria-hidden="true"><span class="octicon octicon-link"></span></a>Background</h3>
<style type="text/css">
table, tr, td { border: hidden; }
</style>
<table>
<tr>
<td>
<blockquote>
<p>We were in Thailand in a local restaurant, they couldn't speak English, so we pointed at the English/Thai title on the menu. We got our food without rice, but didn't have anything to point to - we thought about how we can communicate that.</p>
<p>This is when it hit us: We didn't have an internet connection to just google for rice. But what do we all have locally? Emojis <img class="emoji" title=":arrow_right:" alt=":arrow_right:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/27a1.png" height="20" width="20" align="absmiddle"> <img class="emoji" title=":rice:" alt=":rice:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f35a.png" height="20" width="20" align="absmiddle"></p>
</blockquote>
</td>
<td width="280">
<img src="ThemojiIdea.jpg" />
</td>
</tr>
</table>
<h3>
<a id="implementation" class="anchor" href="#implementation" aria-hidden="true"><span class="octicon octicon-link"></span></a>Implementation</h3>
<p>Themoji is a super simple application, you search for an emoji and it will be displayed full-screen on your iPhone. You can then show this to your waitress, bartender or other locals.</p>
<h3>
<a id="example-uses" class="anchor" href="#example-uses" aria-hidden="true"><span class="octicon octicon-link"></span></a>Example uses</h3>
<h4>
<a id="communicating-while-traveling" class="anchor" href="#communicating-while-traveling" aria-hidden="true"><span class="octicon octicon-link"></span></a>Communicating while traveling</h4>
<ul>
<li>Order another beer: <img class="emoji" title=":beer:" alt=":beer:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f37a.png" height="20" width="20" align="absmiddle"> (or any other food and drink)</li>
<li>Ask for the way to
<ul>
<li>Train Station <img class="emoji" title=":steam_locomotive:" alt=":steam_locomotive:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f682.png" height="20" width="20" align="absmiddle">
</li>
<li>Airport <img class="emoji" title=":airplane:" alt=":airplane:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/2708.png" height="20" width="20" align="absmiddle">
</li>
<li>Hospital <img class="emoji" title=":hospital:" alt=":hospital:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f3e5.png" height="20" width="20" align="absmiddle">
</li>
<li>Attractions in the city <img class="emoji" title=":ferris_wheel:" alt=":ferris_wheel:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f3a1.png" height="20" width="20" align="absmiddle"> </li>
</ul>
</li>
<li>Ask for <img class="emoji" title=":scissors:" alt=":scissors:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/2702.png" height="20" width="20" align="absmiddle"> or a <img class="emoji" title=":pencil2:" alt=":pencil2:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/270f.png" height="20" width="20" align="absmiddle"> </li>
<li>Get some batteries <img class="emoji" title=":battery:" alt=":battery:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f50b.png" height="20" width="20" align="absmiddle"> </li>
</ul>
<h4>
<a id="fun-stuff-for-the-young-kids" class="anchor" href="#fun-stuff-for-the-young-kids" aria-hidden="true"><span class="octicon octicon-link"></span></a>Fun stuff for the young kids</h4>
<p>Your iPhone becomes an emoji basically. You can take pictures with you and any emoji next to you: </p>
<ul>
<li>on the beach with <img class="emoji" title=":sunglasses:" alt=":sunglasses:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f60e.png" height="20" width="20" align="absmiddle">
</li>
<li>sleepy on the airplane <img class="emoji" title=":sleeping:" alt=":sleeping:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f634.png" height="20" width="20" align="absmiddle">
</li>
<li>eating burgers <img class="emoji" title=":hamburger:" alt=":hamburger:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f354.png" height="20" width="20" align="absmiddle"> </li>
</ul>
<p>Have any more ideas? Please let me know! <a href="mailto:[email protected]">[email protected]</a></p>
<footer class="site-footer">
<span class="site-footer-owner">Themoji</span>
<span class="site-footer-credits">This app was developed by <a href="https://twitter.com/krausefx">@KrauseFx</a> and <a href="https://twitter.com/sebmasterkde">@sebmasterkde</a></span>
</footer>
</section>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-18658848-11");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>