LangyApp.github.io/index.html at master · LangyApp/LangyApp.github.io · 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
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!-- Made with 8==D by porteños -->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">

        <title>Langy</title>
        <meta name="description" content="Langy is a tool that simplifies input source languages on OSX.">

        <meta property="og:site_name" content="Langy"/>
        <meta property="og:title" content="Langy" />
        <meta property="og:description" content="Langy is a tool that simplifies input source languages on OSX." />
        <meta property="og:url" content="http://langyapp.github.io/" />
        <meta property="og:image" content="http://langyapp.github.io/img/logo.png" />

        <meta name="twitter:card" content="summary" />
        <meta name="twitter:title" content="Langy" />
        <meta name="twitter:description" content="Langy is a tool that simplifies input source languages on OSX." />
        <meta name="twitter:url" content="http://langyapp.github.io/" />
        <meta name="twitter:image" content="http://langyapp.github.io/img/logo.png" />

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div class="wrapper">
            <header>
                <img src="img/logo.png" alt="Langy logo" width="90" height="87">
                &nbsp;
                <h1>Langy</h1>
            </header>
            <h2>Langy is a tool that simplifies input source languages on OSX.<br>Forget about changing the language from <strong>Spanish</strong> chat to <span class="hide-small"><strong>Russian</strong> markdown to your </span> <strong>Greek</strong> studies.</h2>
            <p><small>If you're having problems with the demo, please select English as your input source language.</small></p>
        </div>

        <div class="apps">
            <div class="code">
                <img src="img/flags/ru.png" class="flag" alt="English US" width="51">
                <img src="img/apps/code.png" class="app" alt="Code editor" width="581">
                <textarea name="codeText" id="codeText" data-lang="ru" placeholder="Type your code">
Слова благодарности
===================

Канула в историю Национальная Сорочинская ярмарка 2014. Оставила за собой очень непростой след. След в душах и сердцах тех, кто готовил ее и проводил. След в памяти тех, кто принимал в ней участие или приезжал поярмарковать. След в истории, как первая ярмарка, которую запрещали, уничтожали, обещали взорвать или забросать «коктейлями Молотова».

-------------------

#### Пройдет время, будут подведены итоги, проанализированы достижения и неудачи, сделаны выводы.

Мы, как организаторы, обещаем, что нами будут **учтены все недостатки**, все замечания к этой ярмарке. И что, сразу после анализа ярмарки этого года, мы начнем подготовку к Национальной Сорочинской ярмарке - 2015, которая, обещаем, будет на высшем уровне!</textarea>
            </div>
            <div class="chat">
                <img src="img/flags/ar.png" class="flag" alt="Spanish AR" width="51">
                <img src="img/apps/chat.png" class="app" alt="Chat" width="507">
                <input type="text" data-lang="es" placeholder="Write your message">
                <div class="window">
                    <ul class="messages">
                        <li class="other">Hola che, como va?</li>
                    </ul>
                </div>
            </div>
            <div class="text">
                <img src="img/flags/gr.png" class="flag" alt="Japanese" width="51">
                <img src="img/apps/text.png" class="app" alt="Rich text editor" width="581">
                <textarea name="textEditor" data-lang="gr" placeholder="">
ἄνδρα μοι ἔννεπε, μοῦσα, πολύτροπον, ὃς μάλα πολλὰ
πλάγχθη, ἐπεὶ Τροίης ἱερὸν πτολίεθρον ἔπερσεν:
πολλῶν δ᾽ ἀνθρώπων ἴδεν ἄστεα καὶ νόον ἔγνω,
πολλὰ δ᾽ ὅ γ᾽ ἐν πόντῳ πάθεν ἄλγεα ὃν κατὰ θυμόν,
5ἀρνύμενος ἥν τε ψυχὴν καὶ νόστον ἑταίρων.
ἀλλ᾽ οὐδ᾽ ὣς ἑτάρους ἐρρύσατο, ἱέμενός περ:
αὐτῶν γὰρ σφετέρῃσιν ἀτασθαλίῃσιν ὄλοντο,
νήπιοι, οἳ κατὰ βοῦς Ὑπερίονος Ἠελίοιο
ἤσθιον: αὐτὰρ ὁ τοῖσιν ἀφείλετο νόστιμον ἦμαρ.
10τῶν ἁμόθεν γε, θεά, θύγατερ Διός, εἰπὲ καὶ ἡμῖν.</textarea>
            </div>
        </div>

        <div class="wrapper">
            <h3>How does it work?</h3>
            <p>Set up the language for specific apps and each time<br>you focus on that it'll be ready to type.</p>
            <!-- <p>Let us show you, write in any of these windows and see how <br>the keyboard’s language changes depending the app.</p> -->


            <br>
            <p class="text-center">
                <a id="button-download" href="https://github.com/LangyApp/Langy/releases/download/1.0.0/Langy.zip" class="button big" target="_blank">Download, it's free!</a>
                <small>Osx 10.7+</small>
                <br>
                <a id="button-github" href="https://github.com/LangyApp/Langy" class="button gray" target="_blank">View on GitHub!</a>
                <br>
            </p>
            <br>

            <hr>

            <br>
            <h3>Core Features</h3>
            <p>There are 3 ways to set up the languages for each app.</p>
            <br>
            <br>
        </div>

        <div class="wrapper lg text-center">

            <div class="col-3">
                <img src="img/features/default.png" width="160" height="160" alt="Default language">
                <p>Default<br>language</p>
            </div>
            <div class="col-3">
                <img src="img/features/app_specific.png" width="160" height="160" alt="App specific language">
                <p>App specific<br>language</p>
            </div>
            <div class="col-3">
                <img src="img/features/remember_last.png" width="160" height="160" alt="Remember last used">
                <p>Remember<br>last used</p>
            </div>
            <div class="clearfix"></div>
        </div>

        <div class="wrapper">
            <br>
            <br>
            <hr>
            <br>

            <h3>Help us do more stuff</h3>
            <p>Langy is a free app we made to learn. We enjoy doing this and will like to do more stuff.<br>Donate, hire us or get in touch to support our work.</p>

            <div class="authors">
                <div class="nico">
                    <img src="img/nico1.jpg" alt="Nicolás Santangelo" width="100" height="100">
                    <small>Coded by</small>
                    <h4>Nicolás Santangelo</h4>
                    <p>
                        <a id="santa-github" href="http://github.com/NicoSantangelo" target="_blank">GitHub</a>
                        <a id="santa-twitter" href="http://twitter.com/NicoSantangelo" target="_blank">Twitter</a>
                    </p>
                </div>
                <div class="nico">
                    <img src="img/nico2.jpg" alt="Nicolás Rougier" width="100" height="100">
                    <small>Designed by</small>
                    <h4>Nicolás Rougier</h4>
                    <p>
                        <a id="rou-github" href="http://github.com/Jinik" target="_blank">GitHub</a>
                        <a id="rou-twitter" href="http://twitter.com/Jiniknr" target="_blank">Twitter</a>
                    </p>
                </div>
                <div class="clearfix"></div>
            </div>
            <p class="text-center">
                <a id="button-donate" href="donate.html" class="button">Donate</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a id="button-email" href="mailto:langyapp+site@gmail.com" class="button">Let´s talk</a>
            </p>
            <br>
            <br>
            <br>
            <br>
            <br>
            <p>
                <small>Picture <a href="https://www.flickr.com/photos/stuckincustoms/7406351938" target="_blank">Trey Ratcliff</a></small>
            </p>
        </div>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-58667104-1');ga('send','pageview');
        </script>
    </body>
</html>