51 lines
1.5 KiB
HTML
51 lines
1.5 KiB
HTML
{% extends "layout.html" %}
|
|
{% block body %}
|
|
<div class="row-fluid">
|
|
<ul class="nav nav-pills" id="language-options">
|
|
<li id="lifren" class="active">
|
|
<a href="#language-options">French English</a>
|
|
</li>
|
|
<li id="lienfr">
|
|
<a href="#language-options">English French</a>
|
|
</li>
|
|
<li id="liiten">
|
|
<a href="#language-options">Italian English</a>
|
|
</li>
|
|
<li id="lienit">
|
|
<a href="#language-options">English Italian</a>
|
|
</li>
|
|
<li id="liende">
|
|
<a href="#language-options">English German</a>
|
|
</li>
|
|
<li id="lideen">
|
|
<a href="#language-options">German English</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="row-fluid">
|
|
<div class="span10">
|
|
<h3 id="instructions">Put your text below:</h3>
|
|
<textarea id="input-text" cols="20" rows="30"></textarea>
|
|
</br>
|
|
<div >
|
|
<p id="translated-text"></p>
|
|
</div>
|
|
<button class="btn btn-info btn-large" id="submit-text">Translate it for me!</button>
|
|
<button class="btn-info btn" id="change-text" >I want to translate something else...</button>
|
|
<button class="btn-info btn" id="change-language-translate">Translate it again, in different language!</button>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="span2">
|
|
<h4>Tips and info:</h4>
|
|
<p id="communicates" class="alert alert-info"></p>
|
|
<h3 id="translation-label">Translation:</h3>
|
|
<div id="current-translation" class="alert alert-success"></div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|