-
Notifications
You must be signed in to change notification settings - Fork 4
/
en.html
101 lines (99 loc) · 5.43 KB
/
en.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE HTML>
<meta charset="utf-8">
<title>Pseudo-localization Translater Demo</title>
<body>
<h1>Pseudo-localization Translater Demo By <a href="https://suntrise.github.io/">STR</a> v5.6h</h1>
<input type="checkbox" name="res" id="resch" style="display: none;">
<button onclick="notice.style.display='block'"><h2>What is Pseudo-localization?</h2></button>
<a href="javascript:window.open('https://github.com/suntrise/pseudo')">GitHub Home Page</a>
<a href="javascript:window.open('https://suntrise.github.io/pseudo')">Chinese Page</a>
<br>
<br>
<textarea style="width: 45%;" id="pstype" placeholder="Type here"></textarea>
<textarea style="width: 45%;" id="psshow" readonly="readonly"placeholder="Translation results"></textarea>
<br>
<button style="height: 60px;width: 300px;font-size: 25px;" onclick="psloca()"><b>Pseudo-localized! </b></button>
<button style="height: 60px;width: 120px;font-size: 20px;" onclick="pshis.style.display='block'"><b>History</b></button>
<button style="height: 60px;width: 200px;font-size: 20px;" onclick="pslib.style.display='block'"><b>Character library</b></button>
<div id="options">
<h3>Options: <input type="radio" name="enxab" id="enXA" checked>en-XA(abc→ǻƀĉ)
<input type="radio" name="enxab" id="enXB">en-XB(abc→cba)
</h3>
<div id="xaoptions">
<b>Prefix and Suffix: </b>
<select name="brackets" id="bracket" style="height:30px;font-size:20px">
<option value="0">Do not add prefix or suffix</h3></option>
<option value="1">[Brackets + add exclamations after the paragraph (MS-style pseudo-localization) !!!]</option>
<option value="2">[Brackets + add English base numerals after the paragraph (Android-style pseudo-localization) one two three]</option>
<option value="3">[Brackets + add Arabic numerals after the paragraph 12345]</option>
<option value="4">Custom</option>
</select>
<br>
<div id="brcustom" style="display: none;">
Prefix:<input type="text" name="" id="cuspre" style="width:50px;font-size:20px">
Suffix:<input type="text" name="" id="cussuf" style="width:50px;font-size:20px">
<br>
Repeat <input type="text" name="" id="cusexp" style="width:100px;font-size:20px"> after the paragraph (Added every <input type="text" name="" id="cusexpn" style="width:40px;font-size:20px" value="7"> characters)
</div>
<br>
<input type="checkbox" name="frontt" id="front">[Abc12]Add a pseudo Hash ID (Resource Identifier)(a string of letters + numbers with a certain number of digits)<br>
<div id="hashdiv" style="display: none;">
Number of digits:
<select name="hash" id="hashids" style="height:30px;font-size:20px">
<option value="3">3</option>
<option value="4">4</option>
<option value="5" selected>5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<input type="checkbox" name="vowel" id="dbvowel"> Repeat the vowel
<select id="vowelnum" style="height:30px;font-size:20px">
<option value="1" selected>1 (i.e. double writing)</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
times
<br>
<input type="checkbox" name="nums" id="numcir"> Replace the numbers 1-9 with circled numbers ①-⑨
</div>
</div>
<br>
<img style="position:fixed;bottom: 1%;right: 1%;" src="https://badges.toozhao.com/badges/01GGHCDJKDX06SY9T2BM6TJ8EJ/blue.svg" />
<div class="notice" id="notice">
<button style="position: absolute;top: 0%;right: 0%;height: auto;width: auto;border-radius: 0px;font-size: 25px;" onclick="notice.style.display='none'">X</button>
<br>
Pseudolocalization (or qps-ploc, qps-plocm, qps-ploca, en-XA, en-XB) is a way to simulate the localization process. And by simulating the localization process, it is possible to effectively investigate the problems that occur in the localization (such as characters that cannot be displayed normally, or incomplete segment display due to too long strings, etc.).
<br>
During pseudo-localization, English letters are replaced with accents and characters from other scripts.
(For example, the letter a is replaced by any one of αäáàāāǎǎăăåå selected at random. ), separators etc. are also added to increase the string length.
<br>
For Example:“Windows Photo Gallery” → “ [1iaT9][ Ẅĭпðøωś Þнôтŏ Ģάŀļєяÿ !!! !] ”
<br>
More information: <a href="javascript:window.open('https://docs.microsoft.com/en-us/globalization/methodology/pseudolocalization')">https://docs.microsoft.com/en-us/globalization/methodology/pseudolocalization</a>
<br><br>
More features will be updated later, thank you for your support!
</div>
<div class="notice" id="pshis">
<button style="position: absolute;top: 0%;right: 0%;height: auto;width: auto;border-radius: 0px;font-size: 25px;" onclick="pshis.style.display='none'">X</button>
<button style="position: absolute;top: 0%;left: 0%;height: auto;width: auto;border-radius: 0px;font-size: 25px;" onclick="hisclear()">Clear</button>
<br>
<div id="pshiss"></div>
</div>
<div class="notice" id="pslib">
<button style="position: absolute;top: 0%;right: 0%;height: auto;width: auto;border-radius: 0px;font-size: 25px;" onclick="pslib.style.display='none'">X</button>
Character library:<br>
<div id="pslibs"></div>
</div>
</body>
<link rel="stylesheet" type="text/css" href="pslo.css">
<script type="text/javascript" src="pslo.js"></script>