index.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="refresh" content="30"> 9 <title>Translatizer - translate the video of your choice in any language for free</title> 10 </head> 11 <body> 12 <div class="grid-container"> 13 <img src="{{ url_for('static', filename='Translatizer_logo.png') }}" alt="Site Logo"> 14 <div> 15 <p>{{ messages['tagline'] }}</p> 16 </div> 17 <div> 18 <form action="/" method="post"> 19 <label for="url">Video URL:</label> 20 <input type="text" name="url" id="url"> 21 <label for="language">{{ messages['action_caption'] }}</label> 22 <select name="target_language" id="language"> 23 {% for entry in languages %} 24 <option value="{{ entry.code }}">{{ entry.language_name }}</option> 25 {% endfor %} 26 </select> 27 <button type="submit">Submit</button> 28 </form> 29 </div> 30 31 <div> 32 <table> 33 <thead> 34 <tr> 35 <th>{{ messages['list_title'] }}</th> 36 </tr> 37 </thead> 38 <tbody> 39 {% for entry in requests %} 40 <tr> 41 42 <td><img src="{{ entry.thumbnail_url }}" alt="Thumbnail" width="100"></td> <!-- Adjust width as needed --> 43 <td>{% if entry.status == "Pending" %} 44 <span>{{ entry['ready'] }}</span> 45 <a href="{{ url_for('cancel', entry_id=entry.item) }}">{{ messages['delete'] }}</a> 46 47 {% elif entry.status == "Processing" %} 48 <img src="{{ url_for('static', filename='gears.gif') }}" alt="Processing"><span>{{ entry['ready'] }}</span> 49 <a href="{{ url_for('cancel', entry_id=entry.item) }}">{{ messages['delete'] }}</a> 50 {% elif entry.status == "Complete" %} 51 <a href="{{ url_for('view', entry_id=entry.item) }}">{{ messages['watch'] }}</a> | 52 <a href="{{ url_for('download', entry_id=entry.item) }}">{{ messages['download'] }}</a> | 53 <a href="{{ url_for('delete', entry_id=entry.item) }}">{{ messages['delete'] }}</a> 54 {% else %} 55 <span>{{ entry.status }}</span> 56 {% endif %}</td> 57 </tr> 58 {% endfor %} 59 </tbody> 60 </table> 61 </div> 62 </div> 63 </body> 64 </html>