説明文を英語に統一。入力内容をUserStorageに保存。ウィンドウサイズの調整機能。偽UIの追加。

index.html

@@ -185,7 +185,7 @@
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                         <div class="row2 row2-25">
-                                            <input name="name3" class="text-light" value="キャラ名">
+                                            <input name="name3" class="text-light" value="Name">
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                         <div class="row2 row2-25">
@@ -197,19 +197,19 @@
                                 <div id="right" class="col-9 p-0 m-0">
                                     <div class="h-100 p-0" id="rightTexts">
                                         <div class="row2 row2-25">
-                                            <input name="text1" class="text-light" value="（１行目のテキスト）">
+                                            <input name="text1" class="text-light" value="(1st Text)">
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                         <div class="row2 row2-25">
-                                            <input name="text2" class="text-light" value="（２行目のテキスト）">
+                                            <input name="text2" class="text-light" value="(2nd Text)">
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                         <div class="row2 row2-25">
-                                            <input name="text3" class="text-light" value="（３行目のテキスト）">
+                                            <input name="text3" class="text-light" value="(3rd Text)">
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                         <div class="row2 row2-25">
-                                            <input name="text4" class="text-light" value="（４行目のテキスト）">
+                                            <input name="text4" class="text-light" value="(4th Text)">
                                             <div class="shadow-text d-none text-light"></div>
                                         </div>
                                     </div>
@@ -246,7 +246,7 @@
                         <div class="vr"></div>
                         <button id="render" type="button" class="btn btn-success">Render</button>
                     </div>
-                    <p><u>画像は全てキャッシュで処理されサーバーには一切送信されません。</u></p>
+                    <p><u>All images are processed on your browser. No data are sent to any servers.</u></p>
                     <h6>Message Window</h6>
                     <div class="input-group">
                         <span class="input-group-text">WindowSize</span>
@@ -285,9 +285,9 @@
                     </div>
                     <div class="input-group">
                         <button id="textShadowToggleA" type="button" class="btn btn-primary">Text-Stroke
-                            (TypeA)</button>
+                            (Shadow)</button>
                         <button id="textShadowToggleB" type="button" class="btn btn-primary opacity-50">Text-Stroke
-                            (TypeB)</button>
+                            (Stroke)</button>
                         <div class="vr"></div>
                         <button id="userInterfaceToggle" type="button"
                             class="btn btn-primary opacity-50">Fake-UI</button>