-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (70 loc) · 4.77 KB
/
index.html
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
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<title>Google Translate</title>
<meta name="google" content="notranslate" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link
rel="icon"
href="//ssl.gstatic.com/translate/favicon.ico"
sizes="64x64"
/>
<style nonce="MPvng05qm3v5OKQzUh3bXQ">
\n body {\n font-family: \'Arial\', sans-serif;\n margin: 0;\n }\n a:link,\n a:visited,\n a:active {\n color: #1a73e8; /* blue 600 */\n text-decoration: none;\n }\n .header {\n background-color: #fff;\n border-bottom: 1px solid #dadce0; /* grey 300 */\n box-sizing: border-box;\n color: #5f6368; /* grey 700 */\n font-size: 18px;\n line-height: 21px;\n padding: 14px 16px;\n }\n .logo-image {\n background-image: url(\'https://ssl.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_68x28px.svg\');\n background-repeat: no-repeat;\n height: 48px;\n width: 68px;\n position: absolute;\n }\n .logo-text {\n margin-left: 72px;\n margin-right: 76px;\n margin-top: 2px;\n }\n \n body {\n background-color: #f1f3f4; /* grey 100 */\n }\n .languages-container {\n background-color: #fff;\n border-bottom: 1px solid #dadce0; /* grey 300 */\n box-sizing: border-box;\n color: #3c4043; /* grey 800 */\n font-size: 14px;\n height: 48px;\n padding: 14px 16px;\n }\n .sl-and-tl {\n display: inline-block;\n }\n .swap-container {\n float: right;\n }\n html[dir="rtl"] .swap-container {\n float: left;\n }\n .input-container {\n background-color: #fff;\n box-shadow:\n 0px -1px 5px rgba(128, 134, 139, 0.09),\n 0px 3px 5px rgba(128, 134, 139, 0.06),\n 0px 1px 2px rgba(60, 64, 67, 0.3),\n 0px 1px 3px rgba(60, 64, 67, 0.15);\n }\n .input-field {\n border: 0;\n color: #3c4043; /* grey 800 */\n font-size: 18px;\n line-height: 24px;\n padding: 18px 16px;\n width: 100%;\n }\n .translate-button-container {\n padding: 16px;\n text-align: right;\n }\n html[dir="rtl"] .translate-button-container {\n text-align: left;\n }\n .translate-button {\n background: #1a73e8; /* blue 600 */\n border-radius: 4px;\n color: #fff;\n font-size: 14px;\n line-height: 20px;\n padding: 8px 16px;\n }\n .result-container {\n background: #1a73e8; /* blue 600 */\n box-shadow:\n 0px -1px 5px rgba(128, 134, 139, 0.09),\n 0px 3px 5px rgba(128, 134, 139, 0.06),\n 0px 1px 2px rgba(60, 64, 67, 0.3),\n 0px 1px 3px rgba(60, 64, 67, 0.15);\n color: #fff;\n font-size: 18px;\n line-height: 24px;\n margin-bottom: 50px;\n padding: 16px 16px 40px 16px;\n }\n .links-container a {\n color: #1967d2; /* blue 700 */\n }\n .links-container ul {\n font-size: 12px;\n line-height: 16px;\n list-style-type: none;\n margin: 16px;\n padding: 0;\n }\n .links-container ul li {\n margin-bottom: 16px;\n }\n
</style>
</head>
<body>
<div class="header">
<div class="logo-image"></div>
<div class="logo-text">Translate</div>
</div>
<div class="languages-container">
<div class="sl-and-tl">
<a href="./m?sl=en&tl=tr&mui=sl&hl=en-US">English</a>
\xe2\x86\x92
<a href="./m?sl=en&tl=tr&mui=tl&hl=en-US">Turkish</a>
</div>
<div class="swap-container">
<a href="./m?sl=tr&tl=en&hl=en-US">Swap</a>
</div>
</div>
<div class="input-container">
<form action="/m">
<input type="hidden" name="sl" value="en" /><input
type="hidden"
name="tl"
value="tr"
/><input type="hidden" name="hl" value="en-US" /><input
type="text"
aria-label="Source text"
name="q"
class="input-field"
maxlength="2048"
value=""
/>
<div class="translate-button-container">
<input type="submit" value="Translate" class="translate-button" />
</div>
</form>
</div>
<div class="result-container"></div>
<div class="links-container">
<ul>
<li><a href="https://www.google.com/m?hl=en-US">Google home</a></li>
<li>
<a
href="https://www.google.com/tools/feedback/survey/xhtml?productId=95112&hl=en-US"
>Send feedback</a
>
</li>
<li>
<a href="https://www.google.com/intl/en-US/policies"
>Privacy and terms</a
>
</li>
<li><a href="./full">Switch to full site</a></li>
</ul>
</div>
</body>
</html>
s