Google-Translate-API-Demo/index.html at master · Chicago/Google-Translate-API-Demo · 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
<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Our Work | Design Office</title>
  <meta name="description" content="The home page for digital services design work.">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

</head>

<main id="main-content" class="usa-grid usa-section usa-content usa-layout-docs">

  <!-- dropdown menu for selecting language to translate to. Value field corresponds to the two-letter Google language code. -->
  <form>
    <select id="targetLanguage">
      <option value="EN" selected="selected">English</option>
      <option value="ES">Spanish</option>
      <option value="PL">Polish</option>
      <option value="AR">Arabic</option>
      <option value="ZH">Mandarin</option>
      <option value="TL">Tagalog</option>
    </select>

    <input type="button" id="translateButton" value="Translate" />
  </form>

  <div class="usa-layout-docs-main_content">
    <!-- text to be translated -->
    <p id="translateText">The Design Office works to make city services more accessible and inclusive for Chicago residents. We bring user-centered design methods to teams working to improve the lives of Chicago residents both inside and outside of the city government, and we engage with residents to create better technology experiences for everyone.</p>

  </div>

</main>

<script src="script.js"></script>
</html>