summaryrefslogtreecommitdiffstats
path: root/lanre_py/templates/layout.html
blob: 449c675b892bfabf4b1cb93ac4abf4e8d87d1f62 (plain)
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
<!doctype html>
<title>Lanre</title>
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='bootstrap.css') }}">

<script type=text/javascript>
  $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
  $LANGUAGE = "fren";
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<style type="text/css">
      body {
        padding-top: 40px;
        padding-bottom: 40px;
      }
    </style>

<div class="container">
 
    <div class="hero-unit">
      <div class="row-fluid">
        <div class="span4">
          <img src="{{ url_for('static', filename='lanre.png') }}"/>
          
        </div>
        <div class="span8">
          <h2>Designed for your pleasure of reading foreign texts</h2>
          <button class="btn btn-large btn-info" id="help-me">Help me start</button>
        </div>
        
      </div>
      
    </div>
       

  <div class="row-fluid">
    <div class="alert alert-info" id="help-block"> 
      <h1>What is it about?</h1>
      <p>Thanks to this app you can read text in foreign language without searching all those words you don't understand in dictionaries. Which breaks your concentration on reading. Now you can just hover on word and read its meaning on the right. It's so easy and effortless. But there is something more, you can click words to add them to "words you want to review later" and they'll be sent to you if you only provide your email address.</p>
      <h1>How can I use it?</h1>
      <p>You can select some text, paste it in to box below and translate it. Then you'll be able to get meanings of the words by hovering on them. And then learn them by revising.</p>
      <h1>How do I start?</h1>
      <p>Put some text below, choose language and click translate button.</p>
      <h1>How it could be developed?</h1>
      <p>More languages, better translations and usage of dictionary api. It could be more user friendly, probably? Give me your feedback :)</p>
      <h1>How can I give feedback?</h1>
      <p>Write to author of this app, address is: justyna.ilczuk[at]gmail.com Feel free to write about your feelings and to suggest me improvements. </p>
      <button class="btn btn-large btn-info pull-center" id="thanks-for-help">Thanks for help</button>
    </br>
    </br>
    </div>
    <div class="span8">
      {% for message in get_flashed_messages() %}
      <div class=flash>{{ message }}</div>
        {% endfor %}
        
    </div>

  </div>
  
<div class="row-fluid">
    {% block body %}{% endblock %}
</div>
<div class="row-fluid">
 <div class=" well-small">
  <button class="btn btn-info" id="show-me-my-words">I added words. Now what?</button>
  </br>

  <div id="show-words" class="well-large well">
    <div class="alert alert-info" id="my-words">
    </div>

    <textarea  cols="10" rows="1" placeholder="me@email.com" id="email"></textarea>
  <button class="btn btn-info btn-large" id="send-words">Send them to me!</button>  
    
  </div>
  </div>
  </div>
  
  
</div>
  
<script type="text/javascript" src="{{ url_for('static', filename='scripts.js') }}"></script>