CST205Project/homepage.html at main · keshavg09/CST205Project · 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
<!-- Course: CST 205
    File: html file for the homepage of flask application where user can upload images and choose translation language
    Authors: Keshav Gupta, Aryana Beulna, Allyson Rivera, Betsy Ruiz
    Date: December 17, 2020 -->

    <!doctype html>
    <html lang="en">
     <head>
       {% block head %}
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
           <style>
           a:link {
           color: white;
           background-color: transparent;
           text-decoration: none;
           }

           a:visited {
           color: white;
           background-color: transparent;
           text-decoration: none;
           }
           </style>
         {% block styles %}
           {{ bootstrap.load_css() }}
         {% endblock %}

         <title>Your page title</title>
       {% endblock %}
     </head>
    <body>
     {% block content %}
       <div class="container">
           <h1>Image Translator</h1>
           <form action="/" method="POST" enctype="multipart/form-data">

               <div class="form-group">
                   <div class="custom-file">
                       <input type="file" class="custom-file-input" name = "image" id="image">
                       <label class="custom-file-label" for="image">Select Image....</label>
                   </div>
               </div>
               <button type="submit" class="btn btn-primary">Upload</button>
               <br></br>
               <!-- This button translates the image into Spanish  -->
               <button class="btn btn-primary"><a href="{{ url_for('translationPage', lang='es')}}">Tanslate to Spanish</a></button>
               <!-- This button translates the image into German.  -->
               <button class="btn btn-primary"><a href="{{ url_for('translationPage', lang='de')}}">Tanslate to German</a></button>
               <!-- This button translates the image into Hindi -->
               <button class="btn btn-primary"><a href="{{ url_for('translationPage', lang='hi')}}">Tanslate to Hindi</a></button>
           </form>
       </div>
     {% endblock %}
    </body>

    </html>