11<!doctype html>
2- < html lang ="ja ">
2+ < html lang ="en ">
33 < head >
44 < meta charset ="UTF-8 " />
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6- < title > SSH Link Generator </ title >
6+ < title > OpenCloudShell </ title >
77 < script crossorigin src ="https://unpkg.com/react@18/umd/react.development.js "> </ script >
88 < script crossorigin src ="https://unpkg.com/react-dom@18/umd/react-dom.development.js "> </ script >
99 < script src ="https://unpkg.com/@babel/standalone/babel.min.js "> </ script >
200200 return (
201201 < div className = "container" >
202202 < div className = "card" >
203- < h1 > SSH Link Generator </ h1 >
204- < p className = "hint" > endpoint / port / destination / key を自由入力して、リンクを生成できます。 </ p >
203+ < h1 > OpenCloudShell </ h1 >
204+ < p className = "hint" > Generate a secure SSH launch link with your endpoint, connection settings, and optional credentials. </ p >
205205
206206 < div className = "grid" >
207207 < label >
@@ -240,7 +240,7 @@ <h1>SSH Link Generator</h1>
240240 type = "password"
241241 value = { password }
242242 onChange = { ( e ) => setPassword ( e . target . value ) }
243- placeholder = "接続パスワード(任意) "
243+ placeholder = "Optional login password "
244244 />
245245 </ label >
246246
@@ -249,14 +249,14 @@ <h1>SSH Link Generator</h1>
249249 < textarea
250250 value = { key }
251251 onChange = { ( e ) => setKey ( e . target . value ) }
252- placeholder = "秘密鍵の文字列(任意) "
252+ placeholder = "Optional private key content "
253253 />
254254 </ label >
255255 </ div >
256256
257257 < div className = "actions" >
258258 < button type = "button" onClick = { handleCopy } >
259- { copied ? "コピー済み " : "URLをコピー " }
259+ { copied ? "Copied " : "Copy URL " }
260260 </ button >
261261
262262 < a
@@ -268,13 +268,13 @@ <h1>SSH Link Generator</h1>
268268 if ( ! generatedUrl ) e . preventDefault ( ) ;
269269 } }
270270 >
271- 新しいタブで開く
271+ Open in New Tab
272272 </ a >
273273 </ div >
274274
275275 < div className = "result" >
276- < p > 生成されたリンク </ p >
277- < div className = "url" > { generatedUrl || "endpointを入力してください " } </ div >
276+ < p > Generated Link </ p >
277+ < div className = "url" > { generatedUrl || "Enter an endpoint to generate a link. " } </ div >
278278 </ div >
279279 </ div >
280280 </ div >
0 commit comments