Add: Welcome guide

2019-09-12 23:25:27 +09:00
parent a4e3031796
commit bf69d23379
10 changed files with 106 additions and 23 deletions
--- a/app/view/make/index.sample.html
+++ b/app/view/make/index.sample.html
@@ -28,9 +28,7 @@
 		var ver = "@@versionLetter@@";
 		var gitHash = "@@gitHash@@"
 		//betaを入れるとバージョンチェックしない
-		//GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 		//var ver="beta";
-		//WinstoreではバージョンCK・言語・Misskeyトークンの機能が排除
 		var acct_id = 0;
 		var tlid = 0;
 	</script>
@@ -38,11 +36,46 @@
 	<canvas id="canvas" style="top:-100px; position:fixed;width:32px;height:32px" width="32" height="32"></canvas>
 	<div id="tl">
 		<!--TL-->
+		<!--スターター-->
+		<div id="start">
+			<div id="start-content"><h3 class="center">@@demoBottomBtns@@</h3>
+				@@lookAtBottom@@
+				<div id="demobottom">
+						<button class="btn waves-effect"
+						style="width: 300px;height: 2.5rem;line-height: 0;margin: 0; background-color: var(--accentbtn);">
+						<i class="material-icons"
+							style="position: relative; top: 5px; font-size: 1.5rem; text-align: center; margin-right: 10px;">edit</i>@@toot@@
+					</button>
+				<div class="leftside reverse" id="demogroup">
+					<div class="btnsgroup" style="margin-left: 5px;">
+						<a href="#" class="nex waves-effect">
+							<i class="material-icons nex big-icon" title="@@acctMan@@(Ctrl+Shift+M)">account_circle</i>
+						</a>
+						<a href="#" class="nex waves-effect">
+							<i class="material-icons nex" title="@@setting@@(Ctrl+Shift+S)">settings</i>
+						</a>
+						<a class="nex waves-effect">
+							<i class="material-icons" title="@@nanoDes@@TheDesk Nano">remove_from_queue</i>
+						</a>
+						<aside class="nex waves-effect" id="list-tgl">
+							<i class="material-icons" title="@@menu@@">apps</i>
+						</a>
+					</div>
+				</div>
+				</div><br>
+				<i class="material-icons nex big-icon">account_circle</i>: @@acctMan@@<br>　　@@acctManDesc@@<hr>
+				<i class="material-icons nex">settings</i>: @@setting@@<br>　　@@settingDesc@@<hr>
+				<i class="material-icons nex">remove_from_queue</i>: TheDesk Nano @@nanoDes@@<br>　　@@nanoDescPlus@@<hr>
+				<i class="material-icons nex">apps</i>: @@menu@@<br>　　@@menuDesc@@<br>
+				<br>
+				<button class="btn waves-effect" onclick="closeStart()" style="width: 300px;">@@close@@</button>
+			</div>
+		</div>
 		<!--ドラッグハンドラ-->
 		<div id="drag">
-			<div id="drag-content" data-trans="drag_here">@@draghere@@
+			<div id="drag-content">@@draghere@@
 				<br>
-				<button class="btn waves-effect" onclick="closedrop()" data-trans="close">@@close@@</button>
+				<button class="btn waves-effect" onclick="closedrop()">@@close@@</button>
 			</div>
 		</div>
 	</div>
@@ -1010,8 +1043,8 @@
 						<i class="material-icons" title="@@nanoDes@@TheDesk Nano"
 							data-trans-title="nano_desp">remove_from_queue</i>
 					</a>
-					<a onclick="menu()" class="nex waves-effect" id="list-tgl">
-						<i class="material-icons" title="@@list@@">apps</i>
+					<a onclick="menu()" class="nex waves-effect">
+						<i class="material-icons" title="@@menu@@">apps</i>
 					</a>
 					<span id="fukidashi">@@hereAddColumns@@</span>
 				</div>
--- a/app/view/make/language/bg/index.json
+++ b/app/view/make/language/bg/index.json
@@ -168,5 +168,11 @@
    "directory": "Directory",
    "active": "Recently active",
    "newcomer": "New arrivals",
-    "local_only": "Local only"
+    "local_only": "Local only",
+    "demoBottomBtns": "Welcome guide",
+    "lookAtBottom": "Look at the bottom of this window. Here is some tips about it.",
+    "acctManDesc": "Add more accounts and logout them.",
+    "settingDesc": "Many and many preferences here. You will couldn't check it all!",
+    "nanoDescPlus": "Mini window client(experimental)",
+    "listDesc": "All daily TheDesk and Mastodon tuning like <b>add and sort columns</b>, <b>list and filter check</b>."
 }
--- a/app/view/make/language/cs/index.json
+++ b/app/view/make/language/cs/index.json
@@ -168,5 +168,11 @@
    "directory": "Directory",
    "active": "Recently active",
    "newcomer": "New arrivals",
-    "local_only": "Local only"
+    "local_only": "Local only",
+    "demoBottomBtns": "Welcome guide",
+    "lookAtBottom": "Look at the bottom of this window. Here is some tips about it.",
+    "acctManDesc": "Add more accounts and logout them.",
+    "settingDesc": "Many and many preferences here. You will couldn't check it all!",
+    "nanoDescPlus": "Mini window client(experimental)",
+    "listDesc": "All daily TheDesk and Mastodon tuning like <b>add and sort columns</b>, <b>list and filter check</b>."
 }
--- a/app/view/make/language/de/index.json
+++ b/app/view/make/language/de/index.json
@@ -168,5 +168,11 @@
    "directory": "Directory",
    "active": "Recently active",
    "newcomer": "New arrivals",
-    "local_only": "Local only"
+    "local_only": "Local only",
+    "demoBottomBtns": "Welcome guide",
+    "lookAtBottom": "Look at the bottom of this window. Here is some tips about it.",
+    "acctManDesc": "Add more accounts and logout them.",
+    "settingDesc": "Many and many preferences here. You will couldn't check it all!",
+    "nanoDescPlus": "Mini window client(experimental)",
+    "listDesc": "All daily TheDesk and Mastodon tuning like <b>add and sort columns</b>, <b>list and filter check</b>."
 }
--- a/app/view/make/language/en/index.json
+++ b/app/view/make/language/en/index.json
@@ -8,7 +8,6 @@
    "nsfwDes":"Mark media as sensitive",
    "cwDes":"Hide text behind warning",
    "selfile":"Attach..",
-
    "insertEmoji":"Emojis",
    "NPSpotify":"NowPlaying(Spotify)",
    "NPiTunes":"NowPlaying(macOS)",
@@ -169,5 +168,11 @@
    "directory": "Directory",
    "active": "Recently active",
    "newcomer": "New arrivals",
-    "local_only": "Local only"
+    "local_only": "Local only",
+    "demoBottomBtns": "Welcome guide",
+    "lookAtBottom": "Look at the bottom of this window. Here is some tips about it.",
+    "acctManDesc": "Add more accounts and logout them.",
+    "settingDesc": "Many and many preferences here. You will couldn't check it all!",
+    "nanoDescPlus": "Mini window client(experimental)",
+    "listDesc": "All daily TheDesk and Mastodon tuning like <b>add and sort columns</b>, <b>list and filter check</b>."
 }
--- a/app/view/make/language/ja/index.json
+++ b/app/view/make/language/ja/index.json
@@ -168,5 +168,12 @@
    "directory": "ディレクトリ",
    "active": "最新活動順",
    "newcomer": "新規順",
-    "local_only": "ローカルのみ"
+    "local_only": "ローカルのみ",
+    "menu": "メニュー",
+    "demoBottomBtns": "チュートリアル",
+    "lookAtBottom": "画面下のアイコン群を見てください。簡単な説明をします。次のようなものがあると思います。",
+    "acctManDesc": "アカウントに関する全てのことはここでできます。例えば複数アカウントの管理やログアウトなどです。各アカウントに独自のカラーを設定できます。",
+    "settingDesc": "数えきれないほどの設定項目がここにあります。(フィルターの管理などMastodon本体の設定はここにはありません)",
+    "nanoDescPlus": "小さなMastodonクライアントです。(実験的)",
+    "menuDesc": "<u>カラム追加や並び変え</u>、<u>リストやフィルター</u>、<u>検索</u>などがコンパクトにまとまっています。全てはここから始まると言っても過言ではありません。"
 }