TheDesk Miria (17.0.1) beta4

.travis.yml

@@ -1,27 +1,11 @@
-language: objective-c
+os: windows
-cache:
+language: node_js
-  directories:
+node_js:
-    - node_modules
+- '9.9.0'
-env:
+script: node -v
-  - NODE_VERSION="9.9.0"
-before_install:
-  # nvm をインストールする。Travis の OS X 環境には nvm はデフォルトで入っていない
-  - git clone https://github.com/creationix/nvm.git /tmp/.nvm
-  - source /tmp/.nvm/nvm.sh
-  # 指定バージョンの Node をインストールする
-  - nvm install $NODE_VERSION
-  # 指定バージョンの Node を有効にする
-  - nvm use --delete-prefix $NODE_VERSION
-  - node --version
-script:
-  - node --version
 before_deploy:
-  - brew update
-  - brew install wine
-  - wine --version
-  - brew install makensis
-  - npm install electron-builder -g
   - cd app
+  - npm install electron-builder -g
   - npm install
   - electron-builder --win --ia32
   - mv ../build/TheDesk-setup.exe ../TheDesk-setup-ia32.exe
@@ -29,24 +13,18 @@ before_deploy:
   - electron-builder --win --x64
   - mv ../build/TheDesk-setup.exe ../TheDesk-setup.exe
   - mv ../build/TheDesk*.exe ../TheDesk.exe
-  - electron-builder --linux --x64
-  - mv ../build/thedesk*.snap ../TheDesk.snap
-  - electron-builder --mac --x64
-  - mv ../build/TheDesk*.dmg ../TheDesk.dmg
   - cd ../
+  - ls
+after_deploy: ls
 deploy:
+  skip_cleanup: true
   provider: releases
-  # GitHub にリリースするための API KEY を暗号化した値
   api_key:
     secure: jndR02p5KRTtcJk18b3YsXL2cC+yzEf1AOqXdpWciF8f3lO5oY01jlxd17xdHIcK7VywSsLVZpLToSdqAoIEhJ5OxEQ/FmA3FlmbwwD6ou13gLa4VGIvsBHveCmKGjVu0Z++atIy76tZYU1SOWFWv4B0ZhnVz2ca2VZynvLgw3YNsPJH7rHO966GXgRkGYJAJ4UvLg3sj/iztVh2FSfbUj5IGO1e/JHJO63wAo1MSQtRjkutVgl/djnBLC6vbL4YHkM3Ynpkx/YQEcxwrmeY0Ra8D5yYDq4MNIDMmZahWC+k4u2eA2Cj2ifBFNxbZvTN75vLwRBp6DsTNHsiqkXrSPDBdNeet31RbwTQ6LtsK8jqmL4S/59dmLcj7uCU2WxyBLPbJdbdZWlqW2ZQvfQY8QVAYy7S3MiHQWQN0oP5wqXk89jcgR42ig/zsqFNPpXHM4mExR7l/gDLPg0j9c3XEF6sWtk3FmJN1i4+B+9kn09b6UKlV7EFPKp8XcFNrz4ZcE9/I8lKwsqLVG2jAXIk7Z9LwDRcAmK5eG348X5zwFtOY6raKIvRw2cn92bPnEI+55v8A4WANS2647GFTgxHj30D0d/sOZmJ5BS34zpdWTgE0AlKg7sOqkncjqoW5J5zCh5Ow7b3KXvEvlAts44mAag8tZTectxMP4iguXvTnv4=
-  # Releases ページにアップロードするファイル
+  file: 
-  file:
     - TheDesk.exe
     - TheDesk-setup.exe
     - TheDesk-ia32.exe
     - TheDesk-setup-ia32.exe
-    - TheDesk.snap
-    - TheDesk.dmg
-  skip_cleanup: true
   on:
-    repo: cutls/TheDesk
+    repo: cutls/TheDesk

README.md

@@ -2,6 +2,7 @@
 
 [![Build Status](https://travis-ci.org/cutls/TheDesk.svg?branch=master)](https://travis-ci.org/cutls/TheDesk)
 [![Crowdin](https://d322cqt584bo4o.cloudfront.net/thedesk/localized.svg)](https://translate.thedesk.top/project/thedesk)  
+[![Server-up time](https://status.cutls.com/badge/?site=thedesk.top)](https://status.cutls.com/)  
 Mastodon/Misskey client for PC(Windows/Linux/macOS)  
 オープンソースSNSマストドン/MisskeyのWindows/Linuxクライアント  
 Download:[TheDesk](https://thedesk.top)  

app/css/userdata.css

@@ -1,7 +1,7 @@
 /*アイコンをクリックした時とかにでてくるユーザーデータ*/
 #his-data {
   background-repeat: no-repeat;
-  background-image: url('/img/loading.svg');
+  background-image: url('../../loading.svg');
   overflow-y: hidden;
 }
 #his-name{

app/js/login/login.js

@@ -40,15 +40,28 @@ function ck() {
 		}else{	
 		}
 	}
-	
+	var multi = localStorage.getItem("multi");
-	if (at) {
+	if (!multi) {
+		var obj = [];
+		var json = JSON.stringify(obj);
+		localStorage.setItem("multi", json);
+	} else {
+		var obj = JSON.parse(multi);
+	}
+	Object.keys(obj).forEach(function(key) {
+		var acct=obj[key];
+		if(acct.domain){
+			refresh(key,true)
+		}
+	});
+	console.log(obj);
+	if (obj[0].domain) {
 		$("#tl").show();
 		ticker();
-		parseColumn();
 		multiSelector();
 	} else {
 		$("#tl").show();
-		multiSelector();
+		$("#post-box").hide();
 	}
 }
 ck();
@@ -230,7 +243,7 @@ function getdataAdv(domain, at) {
 		var avatar=json["avatar"];
 		//missingがmissingなやつ
 		if(avatar=="/avatars/original/missing.png"){
-			avatar="./img/missing.svg";
+			avatar="../../img/missing.svg";
 		}
 		if(json["source"]["privacy"]){
 			var priv=json["source"]["privacy"];
@@ -261,7 +274,7 @@ function getdataAdv(domain, at) {
 	});
 }
 //ユーザーデータ更新
-function refresh(target) {
+function refresh(target,loadskip) {
 	var multi = localStorage.getItem("multi");
 	var obj = JSON.parse(multi);
 	if(obj[target].mode=="misskey"){
@@ -313,8 +326,9 @@ function refresh(target) {
 		obj[target] = ref;
 		var json = JSON.stringify(obj);
 		localStorage.setItem("multi", json);
-
+		if(!loadskip){
-		load();
+			load();
+		}
 	});
 }
 //MarkdownやBBCodeの対応、文字数制限をチェック
@@ -451,7 +465,8 @@ function multiSelector() {
 		var list = key * 1 + 1;
 		if (key == last) {
 			sel = "selected";
-			var domain = localStorage.getItem("domain_" + key);
+			var domain = acct.domain;
+			localStorage.setItem("domain_" + key, domain);
 			if(idata[domain+"_letters"]){
 				$("#textarea").attr("data-length", idata[domain+"_letters"])
 			}else{
@@ -465,13 +480,20 @@ function multiSelector() {
 			if(idata[domain+"_glitch"]){
 				$("#local-button").removeClass("hide")
 			}
-			var profimg=localStorage.getItem("prof_"+key);
+			var profimg = acct.prof;
+			localStorage.setItem("prof_" + key, profimg);
 			console.log(profimg);
 			if(!profimg){
-				profimg="./img/missing.svg";
+				profimg="../../img/missing.svg";
 			}
 			$("#acct-sel-prof").attr("src",profimg);
-			$("#toot-post-btn").text(lang.lang_toot+"("+domain+")");
+			console.log(domain);
+			if(domain){
+				var cc="("+domain+")";
+			}else{
+				var cc="";
+			}
+			$("#toot-post-btn").text(lang.lang_toot+cc);
 			if(acct.background && acct.background!="def" && acct.text && acct.text!="def"){
 				$("#toot-post-btn").removeClass("indigo");
 				$("#toot-post-btn").css("background-color","#"+acct.background);
@@ -501,6 +523,7 @@ function multiSelector() {
 		$("#add-acct-sel").append('<option value="noauth">'+lang.lang_login_noauth+'</option><option value="webview">Twitter</option>');
 	}
 	$('select').material_select('update');
+	parseColumn();
 }
 
 //バージョンエンコ

app/js/login/manager.js

@@ -82,7 +82,7 @@ function data(domain) {
 	$("#ins-user").text("Loading...");
 	$("#ins-ver").text("Loading...");
 	$("#ins-name").text("Loading...");
-	$("#ins-prof").attr('src', "./img/loading.svg");
+	$("#ins-prof").attr('src', "../../img/loading.svg");
 	var start = "https://instances.social/api/1.0/instances/show?name=" + domain;
 	fetch(start, {
 		method: 'GET',
@@ -175,6 +175,7 @@ function multiDel(target) {
 		console.log(obj);
 		var json = JSON.stringify(obj);
 		localStorage.setItem("multi", json);
+		load();
 		//カラムデータコンフリクト
 		var col = localStorage.getItem("column");
 		var oldcols = JSON.parse(col);
@@ -199,7 +200,7 @@ function multiDel(target) {
 		});
 		var json = JSON.stringify(newcols);
 		localStorage.setItem("column", json);
-		load();
+		
 	}
 }
 function multiDel2(target) {
@@ -500,7 +501,7 @@ function getdata(domain, at) {
 		var avatar=json["avatar"];
 		//missingがmissingなやつ
 		if(avatar=="/avatars/original/missing.png"){
-			avatar="./img/missing.svg";
+			avatar="../../img/missing.svg";
 		}
 		if(json["source"]){
 			var priv=json["source"]["privacy"];
@@ -659,7 +660,7 @@ function multisel() {
 			var profimg=localStorage.getItem("prof_"+key);
 			var domain=localStorage.getItem("domain_"+key);
 			if(!profimg){
-				profimg="./img/missing.svg";
+				profimg="../../img/missing.svg";
 			}
 		} else {
 			sel = "";

app/js/post/bb-md.js

@@ -4,7 +4,7 @@ function mdCheck(){
 	var acct_id = $("#post-acct-sel").val();
 	var profimg=localStorage.getItem("prof_"+acct_id);
 	if(!profimg){
-		profimg="./img/missing.svg";
+		profimg="../../img/missing.svg";
 	}
 	$("#acct-sel-prof").attr("src",profimg);
 		if(localStorage.getItem("post_" + acct_id)){

app/js/post/use-txtbox.js

@@ -13,7 +13,7 @@ function re(id,at,acct_id,mode){
 	$("#textarea").focus();
 	var profimg=localStorage.getItem("prof_"+acct_id);
 	if(!profimg){
-		profimg="./img/missing.svg";
+		profimg="../../img/missing.svg";
 	}
 	$("#acct-sel-prof").attr("src",profimg);
 	vis(mode);

app/js/tl/parse.js

@@ -824,7 +824,7 @@ function userparse(obj, auth, acct_id, tlid, popup) {
 	if(toot.avatar){
 		var avatar=toot.avatar;
 	}else{
-		var avatar="./img/missing.svg";
+		var avatar="../../img/missing.svg";
 	}
 	
 		templete = templete +

app/js/ui/img.js

@@ -3,7 +3,7 @@
 function imgv(id, key, acct_id) {
 	$("#imgprog").text(0);
 	$('#imgmodal').hide();
-	$('#imgmodal').attr('src', './img/loading.svg');
+	$('#imgmodal').attr('src', '../../img/loading.svg');
 	var murl = $("#" + id + "-image-" + key).attr("data-url");
 	var type = $("#" + id + "-image-" + key).attr("data-type");
 	$("#imagemodal").attr("data-id",id);
@@ -128,7 +128,7 @@ function imgCont(type) {
 	}
 	var murl = $("#" + id + "-image-" + key).attr("data-url");
 	if(murl){
-	$('#imgmodal').attr('src', './img/loading.svg');
+	$('#imgmodal').attr('src', '../../img/loading.svg');
 	var type = $("#" + id + "-image-" + key).attr("data-type");
 	$(document).ready(function() {
 		if (type == "image") {

app/js/ui/layout.js

@@ -59,7 +59,6 @@ function parseColumn() {
 			domain: 0,
 			type: 'local'
 		}];
-		localStorage.setItem("card_0","true");
 		var json = JSON.stringify(obj);
 		localStorage.setItem("column", json);
 	} else {

app/js/userdata/showOnTL.js

@@ -410,8 +410,8 @@ function reset(){
 	$(".column-first").addClass("active-back");
 	$("#his-name").text("Loading");
 	$("#his-acct").text("");
-	$("#his-prof").attr("src", "./img/loading.svg");
+	$("#his-prof").attr("src", "../../img/loading.svg");
-	$('#his-data').css('background-image', 'url(./img/loading.svg)');
+	$('#his-data').css('background-image', 'url(../../img/loading.svg)');
 	$("#his-sta").text("");
 	$("#his-follow").text("");
 	$("#his-follower").text("");

app/view/en/acct.html

@@ -20,6 +20,13 @@ body,html{overflow-y: scroll;}
 .card .colorsel div.exc{width:40px;height:20px;}
 </style>
 <meta charset="utf-8">
+<!--
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+-->
 </head>
 <body id="mainView">
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -76,7 +83,7 @@ Some instance data by <a href="https://instances.social" target="_blank">instanc
 <h5 id="ins-title"></h5>
 Administered by:<a id="ins-admin"></a><br>
 <span id="ins-desc"></span><br>
-<img src="./img/loading.svg" id="ins-prof" width="200"><br>
+<img src="../../img/loading.svg" id="ins-prof" width="200"><br>
 <br>
 Domain:<span id="ins-name"></span><br>
 Federated servers:<span id="ins-connect"></span><br>

app/view/en/index.html

@@ -13,6 +13,13 @@
 	<link href='../../css/sort.css' rel='stylesheet' type='text/css'>
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet">
 	<meta charset="utf-8">
+	<!--
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	-->
 </head>
 <body>
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -25,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Miria (17.0.1)-beta2";
+var ver="Miria (17.0.1) beta4";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -332,7 +339,7 @@ var tlid=0;
 			<div id="his-data-show">
 			<div class="his-float" id="his-float-data">
 			<div id="his-basic-prof">
-			<img src="./img/loading.svg" id="his-prof">
+			<img src="../../img/loading.svg" id="his-prof">
 			<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
 			<br>@
 			<span id="his-acct"></span><br>

app/view/en/setting.html

@@ -2,6 +2,13 @@
 <html lang="en">
 <head>
 	<title>Settings - TheDesk</title>
+	<!--
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	-->
 	<meta content="width=device-width,initial-scale=1.0" name="viewport">
 	<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
 	<link href="../../css/themes.css" type="text/css" rel="stylesheet">
@@ -23,7 +30,7 @@
 	</div>
 	<div class="collapsible-body">
 		<h5>Languages</h5>
-		<a onclick="changelang('ja')" class="pointer">日本語</a>/<a onclick="changelang('en')" class="pointer">English</a>
+		<a onclick="changelang('ja')" class="pointer">日本語</a>/<a onclick="changelang('en')" class="pointer">English</a>/<a onclick="changelang('ps')" class="pointer">Crowdin In-context translation(beta)</a>
 		<h5>Import and export of preferences</h5>
 		<button onclick="exportSettings()" class="btn waves-effect lime darken-3" style="width:100%; max-width:200px;">Export</button>
 		<button onclick="importSettings()" class="btn waves-effect cyan darken-3" style="width:100%; max-width:200px;">Import</button>

app/view/en/update.html

@@ -6,6 +6,13 @@
 <link href="../../css/master.css" type="text/css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
 <meta charset="utf-8">
+<!--
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+-->
 </head>
 <body>
 <style>

app/view/ja/acct.html

@@ -20,6 +20,13 @@ body,html{overflow-y: scroll;}
 .card .colorsel div.exc{width:40px;height:20px;}
 </style>
 <meta charset="utf-8">
+<!--
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+-->
 </head>
 <body id="mainView">
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -76,7 +83,7 @@ Some instance data by <a href="https://instances.social" target="_blank">instanc
 <h5 id="ins-title"></h5>
 Administered by:<a id="ins-admin"></a><br>
 <span id="ins-desc"></span><br>
-<img src="./img/loading.svg" id="ins-prof" width="200"><br>
+<img src="../../img/loading.svg" id="ins-prof" width="200"><br>
 <br>
 ドメイン名:<span id="ins-name"></span><br>
 接続サーバー数:<span id="ins-connect"></span>個<br>

app/view/ja/index.html

@@ -13,6 +13,13 @@
 	<link href='../../css/sort.css' rel='stylesheet' type='text/css'>
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet">
 	<meta charset="utf-8">
+	<!--
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	-->
 </head>
 <body>
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -25,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Miria (17.0.1)-beta2";
+var ver="Miria (17.0.1) beta4";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -332,7 +339,7 @@ var tlid=0;
 			<div id="his-data-show">
 			<div class="his-float" id="his-float-data">
 			<div id="his-basic-prof">
-			<img src="./img/loading.svg" id="his-prof">
+			<img src="../../img/loading.svg" id="his-prof">
 			<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
 			<br>@
 			<span id="his-acct"></span><br>

app/view/ja/setting.html

@@ -2,6 +2,13 @@
 <html lang="ja">
 <head>
 	<title>Settings - TheDesk</title>
+	<!--
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	-->
 	<meta content="width=device-width,initial-scale=1.0" name="viewport">
 	<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
 	<link href="../../css/themes.css" type="text/css" rel="stylesheet">
@@ -23,7 +30,7 @@
 	</div>
 	<div class="collapsible-body">
 		<h5>言語</h5>
-		<a onclick="changelang('ja')" class="pointer">日本語</a>/<a onclick="changelang('en')" class="pointer">English</a>
+		<a onclick="changelang('ja')" class="pointer">日本語</a>/<a onclick="changelang('en')" class="pointer">English</a>/<a onclick="changelang('ps')" class="pointer">Crowdin In-context translation(beta)</a>
 		<h5>設定のインポートとエクスポート</h5>
 		<button onclick="exportSettings()" class="btn waves-effect lime darken-3" style="width:100%; max-width:200px;">エクスポート</button>
 		<button onclick="importSettings()" class="btn waves-effect cyan darken-3" style="width:100%; max-width:200px;">インポート</button>

app/view/ja/update.html

@@ -6,6 +6,13 @@
 <link href="../../css/master.css" type="text/css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
 <meta charset="utf-8">
+<!--
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+-->
 </head>
 <body>
 <style>

app/view/make/acct.sample.html

@@ -20,6 +20,13 @@ body,html{overflow-y: scroll;}
 .card .colorsel div.exc{width:40px;height:20px;}
 </style>
 <meta charset="utf-8">
+{{comment-start}}
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+{{comment-end}}
 </head>
 <body id="mainView">
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -76,7 +83,7 @@ Some instance data by <a href="https://instances.social" target="_blank">instanc
 <h5 id="ins-title"></h5>
 Administered by:<a id="ins-admin"></a><br>
 <span id="ins-desc"></span><br>
-<img src="./img/loading.svg" id="ins-prof" width="200"><br>
+<img src="../../img/loading.svg" id="ins-prof" width="200"><br>
 <br>
 {{domain}}:<span id="ins-name"></span><br>
 {{connect}}:<span id="ins-connect"></span>{{ko}}<br>

app/view/make/index.sample.html

@@ -13,6 +13,13 @@
 	<link href='../../css/sort.css' rel='stylesheet' type='text/css'>
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet">
 	<meta charset="utf-8">
+	{{comment-start}}
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	{{comment-end}}
 </head>
 <body>
 <script type="text/javascript" src="../../js/common/jquery.js"></script>
@@ -332,7 +339,7 @@ var tlid=0;
 			<div id="his-data-show">
 			<div class="his-float" id="his-float-data">
 			<div id="his-basic-prof">
-			<img src="./img/loading.svg" id="his-prof">
+			<img src="../../img/loading.svg" id="his-prof">
 			<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
 			<br>@
 			<span id="his-acct"></span><br>

app/view/make/language/acct.ps.json

@@ -0,0 +1,21 @@
+{
+    "list": "crwdns365:0crwdne365:0",
+    "back": "crwdns366:0crwdne366:0",
+    "add": "crwdns367:0crwdne367:0",
+    "codesetupwarn": "crwdns368:0crwdne368:0",
+    "codesetup": "crwdns369:0crwdne369:0",
+    "mainacct": "crwdns370:0crwdne370:0",
+    "selacct": "crwdns371:0crwdne371:0",
+    "codepastewarn": "crwdns372:0crwdne372:0",
+    "codepaste": "crwdns373:0crwdne373:0",
+    "domain": "crwdns374:0crwdne374:0",
+    "connect": "crwdns375:0crwdne375:0",
+    "toots": "crwdns376:0crwdne376:0",
+    "users": "crwdns377:0crwdne377:0",
+    "users2": "crwdns378:0crwdne378:0",
+    "safety": "crwdns379:0crwdne379:0",
+    "ver": "crwdns380:0crwdne380:0",
+    "ko": "crwdns381:0crwdne381:0",
+    "thisismisskey": "crwdns382:0crwdne382:0",
+    "misskeylogin": "crwdns383:0crwdne383:0"
+}

app/view/make/language/index.ps.json

@@ -0,0 +1,149 @@
+{
+    "draghere": "crwdns384:0crwdne384:0",
+    "close": "crwdns385:0crwdne385:0",
+    "showSelectProf": "crwdns386:0crwdne386:0",
+    "closethisbox": "crwdns387:0crwdne387:0",
+    "toot": "crwdns388:0crwdne388:0",
+    "nsfwDes": "crwdns389:0crwdne389:0",
+    "cwDes": "crwdns390:0crwdne390:0",
+    "selfile": "crwdns391:0crwdne391:0",
+    "adobephoto": "crwdns392:0crwdne392:0",
+    "insertEmoji": "crwdns393:0crwdne393:0",
+    "NPSpotify": "crwdns1880:0crwdne1880:0",
+    "NPiTunes": "crwdns1882:0crwdne1882:0",
+    "schedule": "crwdns1884:0crwdne1884:0",
+    "postat": "crwdns1886:0crwdne1886:0",
+    "scheduleWarn": "crwdns1888:0crwdne1888:0",
+    "clearToot": "crwdns395:0crwdne395:0",
+    "replyMode": "crwdns396:0crwdne396:0",
+    "no": "crwdns397:0crwdne397:0",
+    "yes": "crwdns398:0crwdne398:0",
+    "temp": "crwdns399:0crwdne399:0",
+    "nothing": "crwdns400:0crwdne400:0",
+    "vis": "crwdns401:0crwdne401:0",
+    "cwtext": "crwdns402:0crwdne402:0",
+    "selectVis": "crwdns403:0crwdne403:0",
+    "publicJP": "crwdns404:0crwdne404:0",
+    "unlistedJP": "crwdns405:0crwdne405:0",
+    "privateJP": "crwdns406:0crwdne406:0",
+    "localJP": "crwdns407:0crwdne407:0",
+    "sectoot": "crwdns1890:0crwdne1890:0",
+    "directJP": "crwdns408:0crwdne408:0",
+    "emojiWarn": "crwdns409:0crwdne409:0",
+    "emojiInsertWarn": "crwdns410:0crwdne410:0",
+    "refreshEmoji": "crwdns411:0crwdne411:0",
+    "closeThisBox": "crwdns412:0crwdne412:0",
+    "showThisEmoji": "crwdns413:0crwdne413:0",
+    "customEmoji": "crwdns414:0crwdne414:0",
+    "peopleEmoji": "crwdns415:0crwdne415:0",
+    "natureEmoji": "crwdns416:0crwdne416:0",
+    "foodEmoji": "crwdns417:0crwdne417:0",
+    "activityEmoji": "crwdns418:0crwdne418:0",
+    "placeEmoji": "crwdns419:0crwdne419:0",
+    "thingsEmoji": "crwdns420:0crwdne420:0",
+    "symbolEmoji": "crwdns421:0crwdne421:0",
+    "flagsEmoji": "crwdns422:0crwdne422:0",
+    "contextBefore": "crwdns423:0crwdne423:0",
+    "thisToot": "crwdns424:0crwdne424:0",
+    "contextAfter": "crwdns425:0crwdne425:0",
+    "beforeLTL": "crwdns426:0crwdne426:0",
+    "beforeUTL": "crwdns427:0crwdne427:0",
+    "favedPeople": "crwdns428:0crwdne428:0",
+    "btedPeople": "crwdns429:0crwdne429:0",
+    "useOtherAcct1": "crwdns430:0crwdne430:0",
+    "useOtherAcct2": "crwdns431:0crwdne431:0",
+    "reply": "crwdns432:0crwdne432:0",
+    "bt": "crwdns433:0crwdne433:0",
+    "favRegist": "crwdns434:0crwdne434:0",
+    "openBrowser": "crwdns435:0crwdne435:0",
+    "screenshot": "crwdns436:0crwdne436:0",
+    "copyURL": "crwdns437:0crwdne437:0",
+    "embed": "crwdns438:0crwdne438:0",
+    "toots": "crwdns439:0crwdne439:0",
+    "follow": "crwdns440:0crwdne440:0",
+    "follower": "crwdns441:0crwdne441:0",
+    "timeline": "crwdns442:0crwdne442:0",
+    "operateOtherAcct": "crwdns443:0crwdne443:0",
+    "list": "crwdns444:0crwdne444:0",
+    "makeNew": "crwdns445:0crwdne445:0",
+    "blocks": "crwdns446:0crwdne446:0",
+    "mutes": "crwdns447:0crwdne447:0",
+    "block": "crwdns448:0crwdne448:0",
+    "mute": "crwdns449:0crwdne449:0",
+    "domainBlock": "crwdns450:0crwdne450:0",
+    "editProf": "crwdns451:0crwdne451:0",
+    "change": "crwdns1892:0crwdne1892:0",
+    "followReq": "crwdns452:0crwdne452:0",
+    "likeHimOrHer": "crwdns453:0crwdne453:0",
+    "endorse": "crwdns454:0crwdne454:0",
+    "openinbrowser": "crwdns455:0crwdne455:0",
+    "frc": "crwdns456:0crwdne456:0",
+    "more": "crwdns457:0crwdne457:0",
+    "revoverJP": "crwdns458:0crwdne458:0",
+    "warnUseOtherAcct": "crwdns459:0crwdne459:0",
+    "revoverJPde": "crwdns460:0crwdne460:0",
+    "or": "crwdns461:0crwdne461:0",
+    "openProf": "crwdns462:0crwdne462:0",
+    "warnListRegist": "crwdns463:0crwdne463:0",
+    "blockDomain": "crwdns464:0crwdne464:0",
+    "name": "crwdns465:0crwdne465:0",
+    "note": "crwdns466:0crwdne466:0",
+    "editProfImg": "crwdns467:0crwdne467:0",
+    "editHeader": "crwdns468:0crwdne468:0",
+    "likeUserDes": "crwdns469:0crwdne469:0",
+    "get": "crwdns470:0crwdne470:0",
+    "historyBack": "crwdns471:0crwdne471:0",
+    "empUser": "crwdns472:0crwdne472:0",
+    "supportme": "crwdns473:0crwdne473:0",
+    "TheDeskDes": "crwdns474:0crwdne474:0",
+    "EntySupport": "crwdns475:0crwdne475:0",
+    "AWLSupport": "crwdns476:0crwdne476:0",
+    "SendAmazonGift1": "crwdns477:0crwdne477:0",
+    "SendAmazonGift2": "crwdns478:0crwdne478:0",
+    "sendSushi": "crwdns479:0crwdne479:0",
+    "local": "crwdns480:0crwdne480:0",
+    "localMedia": "crwdns481:0crwdne481:0",
+    "home": "crwdns482:0crwdne482:0",
+    "fed": "crwdns483:0crwdne483:0",
+    "fedMedia": "crwdns484:0crwdne484:0",
+    "dm": "crwdns485:0crwdne485:0",
+    "integratedTLDes": "crwdns486:0crwdne486:0",
+    "localPlusDes": "crwdns487:0crwdne487:0",
+    "notf": "crwdns488:0crwdne488:0",
+    "showThisTL": "crwdns489:0crwdne489:0",
+    "webviewWarn": "crwdns490:0crwdne490:0",
+    "add": "crwdns491:0crwdne491:0",
+    "search": "crwdns492:0crwdne492:0",
+    "sortSet": "crwdns493:0crwdne493:0",
+    "selectAcct": "crwdns494:0crwdne494:0",
+    "listLocale": "crwdns495:0crwdne495:0",
+    "filterWord": "crwdns496:0crwdne496:0",
+    "degree": "crwdns497:0crwdne497:0",
+    "conver": "crwdns498:0crwdne498:0",
+    "option": "crwdns499:0crwdne499:0",
+    "matchWord": "crwdns500:0crwdne500:0",
+    "warnMatchWord": "crwdns501:0crwdne501:0",
+    "except": "crwdns502:0crwdne502:0",
+    "exceptWorn": "crwdns503:0crwdne503:0",
+    "avalableBefore": "crwdns504:0crwdne504:0",
+    "warnAvBefore": "crwdns505:0crwdne505:0",
+    "warnAvBefore2": "crwdns506:0crwdne506:0",
+    "days": "crwdns507:0crwdne507:0",
+    "hours": "crwdns508:0crwdne508:0",
+    "mins": "crwdns509:0crwdne509:0",
+    "warnOnIntegratedTL": "crwdns510:0crwdne510:0",
+    "helloTheDesk": "crwdns511:0crwdne511:0",
+    "addColumn": "crwdns512:0crwdne512:0",
+    "sortColumns": "crwdns513:0crwdne513:0",
+    "acctMan": "crwdns514:0crwdne514:0",
+    "filter": "crwdns515:0crwdne515:0",
+    "setting": "crwdns516:0crwdne516:0",
+    "reverse": "crwdns517:0crwdne517:0",
+    "f5": "crwdns518:0crwdne518:0",
+    "nanoDes": "crwdns519:0crwdne519:0",
+    "verTips": "crwdns520:0crwdne520:0",
+    "clockTips": "crwdns521:0crwdne521:0",
+    "ramTips": "crwdns522:0crwdne522:0",
+    "changeTips": "crwdns523:0crwdne523:0",
+    "help": "crwdns1894:0crwdne1894:0"
+}

app/view/make/language/setting.ps.json

@@ -0,0 +1,155 @@
+{
+    "setting": "crwdns524:0crwdne524:0",
+    "set": "crwdns525:0crwdne525:0",
+    "yes": "crwdns526:0crwdne526:0",
+    "no": "crwdns527:0crwdne527:0",
+    "change": "crwdns528:0crwdne528:0",
+    "select": "crwdns1896:0crwdne1896:0",
+    "env": "crwdns529:0crwdne529:0",
+    "setlang": "crwdns530:0crwdne530:0",
+    "backup": "crwdns531:0crwdne531:0",
+    "import": "crwdns532:0crwdne532:0",
+    "export": "crwdns533:0crwdne533:0",
+    "theme": "crwdns534:0crwdne534:0",
+    "popup": "crwdns1898:0crwdne1898:0",
+    "popupwarn": "crwdns536:0crwdne536:0",
+    "s": "crwdns537:0crwdne537:0",
+    "nativenotf": "crwdns538:0crwdne538:0",
+    "nnwarn": "crwdns539:0crwdne539:0",
+    "nntest": "crwdns540:0crwdne540:0",
+    "minwidth": "crwdns541:0crwdne541:0",
+    "minwidthwarn": "crwdns542:0crwdne542:0",
+    "above": "crwdns543:0crwdne543:0",
+    "font": "crwdns544:0crwdne544:0",
+    "fontwarn": "crwdns1900:0crwdne1900:0",
+    "fontsize": "crwdns546:0crwdne546:0",
+    "savefolder": "crwdns547:0crwdne547:0",
+    "savefolderwarn": "crwdns548:0crwdne548:0",
+    "absolute": "crwdns549:0crwdne549:0",
+    "timeline": "crwdns550:0crwdne550:0",
+    "timemode": "crwdns551:0crwdne551:0",
+    "relativetime": "crwdns552:0crwdne552:0",
+    "absolutetime": "crwdns553:0crwdne553:0",
+    "mixtime": "crwdns554:0crwdne554:0",
+    "relativesel": "crwdns555:0crwdne555:0",
+    "absolutesel": "crwdns1902:0crwdne1902:0",
+    "doublesel": "crwdns557:0crwdne557:0",
+    "mixsel": "crwdns558:0crwdne558:0",
+    "locale": "crwdns1904:0crwdne1904:0",
+    "localewarn": "crwdns1906:0crwdne1906:0",
+    "nswf": "crwdns561:0crwdne561:0",
+    "nsfwwarn": "crwdns562:0crwdne562:0",
+    "cw": "crwdns563:0crwdne563:0",
+    "replyct": "crwdns564:0crwdne564:0",
+    "replyct_hidden": "crwdns565:0crwdne565:0",
+    "replyct_full": "crwdns566:0crwdne566:0",
+    "gif": "crwdns567:0crwdne567:0",
+    "box": "crwdns568:0crwdne568:0",
+    "boxyes": "crwdns569:0crwdne569:0",
+    "boxabs": "crwdns570:0crwdne570:0",
+    "boxno": "crwdns571:0crwdne571:0",
+    "tag": "crwdns572:0crwdne572:0",
+    "tagfed": "crwdns573:0crwdne573:0",
+    "taglocal": "crwdns574:0crwdne574:0",
+    "via": "crwdns575:0crwdne575:0",
+    "mouseover": "crwdns576:0crwdne576:0",
+    "mouseoverwarn": "crwdns577:0crwdne577:0",
+    "mv": "crwdns578:0crwdne578:0",
+    "mvclick": "crwdns579:0crwdne579:0",
+    "notfmarker": "crwdns580:0crwdne580:0",
+    "autofold": "crwdns581:0crwdne581:0",
+    "autofoldwarn": "crwdns582:0crwdne582:0",
+    "lines": "crwdns583:0crwdne583:0",
+    "letters": "crwdns584:0crwdne584:0",
+    "or": "crwdns585:0crwdne585:0",
+    "imgheight": "crwdns586:0crwdne586:0",
+    "ticker": "crwdns1908:0crwdne1908:0",
+    "tickerwarn": "crwdns1910:0crwdne1910:0",
+    "post": "crwdns587:0crwdne587:0",
+    "autocw": "crwdns588:0crwdne588:0",
+    "autocwwarn": "crwdns589:0crwdne589:0",
+    "defaultcw": "crwdns590:0crwdne590:0",
+    "cws": "crwdns591:0crwdne591:0",
+    "defaultvis": "crwdns592:0crwdne592:0",
+    "public": "crwdns593:0crwdne593:0",
+    "unlisted": "crwdns594:0crwdne594:0",
+    "private": "crwdns595:0crwdne595:0",
+    "direct": "crwdns596:0crwdne596:0",
+    "memory": "crwdns1912:0crwdne1912:0",
+    "useapi": "crwdns1914:0crwdne1914:0",
+    "postimg": "crwdns599:0crwdne599:0",
+    "showurl": "crwdns600:0crwdne600:0",
+    "nourl": "crwdns601:0crwdne601:0",
+    "disabled": "crwdns602:0crwdne602:0",
+    "quote": "crwdns603:0crwdne603:0",
+    "simple": "crwdns604:0crwdne604:0",
+    "mention": "crwdns605:0crwdne605:0",
+    "full": "crwdns606:0crwdne606:0",
+    "main": "crwdns607:0crwdne607:0",
+    "mainwarn": "crwdns608:0crwdne608:0",
+    "lastacct": "crwdns609:0crwdne609:0",
+    "usemainacct": "crwdns610:0crwdne610:0",
+    "secondary": "crwdns1916:0crwdne1916:0",
+    "secwarn": "crwdns1918:0crwdne1918:0",
+    "nothing": "crwdns1920:0crwdne1920:0",
+    "localonly": "crwdns1922:0crwdne1922:0",
+    "keysc": "crwdns611:0crwdne611:0",
+    "iks": "crwdns612:0crwdne612:0",
+    "okswarn": "crwdns613:0crwdne613:0",
+    "muteemp": "crwdns614:0crwdne614:0",
+    "climute": "crwdns615:0crwdne615:0",
+    "cliemp": "crwdns616:0crwdne616:0",
+    "cliwarn": "crwdns617:0crwdne617:0",
+    "enter": "crwdns618:0crwdne618:0",
+    "wordmute": "crwdns619:0crwdne619:0",
+    "wordemp": "crwdns620:0crwdne620:0",
+    "useremp": "crwdns621:0crwdne621:0",
+    "useerempwarn": "crwdns622:0crwdne622:0",
+    "empcolorwarn": "crwdns623:0crwdne623:0",
+    "spotify": "crwdns624:0crwdne624:0",
+    "spotifynote1": "crwdns625:0crwdne625:0",
+    "spotifynote2": "crwdns626:0crwdne626:0",
+    "link": "crwdns627:0crwdne627:0",
+    "linkwarn": "crwdns628:0crwdne628:0",
+    "connect": "crwdns629:0crwdne629:0",
+    "disconnect": "crwdns630:0crwdne630:0",
+    "templeteedit": "crwdns631:0crwdne631:0",
+    "templeteeditwarn": "crwdns632:0crwdne632:0",
+    "templete1": "crwdns633:0{song}crwdnd633:0{album}crwdnd633:0{artist}crwdnd633:0{url}crwdne633:0",
+    "templete2": "crwdns634:0{url}crwdnd634:0{composer}crwdnd634:0{hz}crwdnd634:0{bitRate}crwdnd634:0{genre}crwdne634:0",
+    "postartwork": "crwdns635:0crwdne635:0",
+    "tts": "crwdns636:0crwdne636:0",
+    "speed": "crwdns637:0crwdne637:0",
+    "speedwarn": "crwdns638:0crwdne638:0",
+    "pitch": "crwdns639:0crwdne639:0",
+    "pitchwarn": "crwdns640:0crwdne640:0",
+    "vol": "crwdns641:0crwdne641:0",
+    "volwarn": "crwdns642:0crwdne642:0",
+    "test": "crwdns643:0crwdne643:0",
+    "sample": "crwdns644:0crwdne644:0",
+    "playstop": "crwdns645:0crwdne645:0",
+    "back": "crwdns646:0crwdne646:0",
+    "keyscs": "crwdns647:0crwdne647:0",
+    "keyscr": "crwdns648:0crwdne648:0",
+    "keynew": "crwdns649:0crwdne649:0",
+    "keytoggle": "crwdns650:0crwdne650:0",
+    "keypost": "crwdns651:0crwdne651:0",
+    "keysecpost": "crwdns1924:0crwdne1924:0",
+    "keyunread": "crwdns652:0crwdne652:0",
+    "keyesc": "crwdns653:0crwdne653:0",
+    "keyf5": "crwdns654:0crwdne654:0",
+    "keyclear": "crwdns655:0crwdne655:0",
+    "keyacctman": "crwdns656:0crwdne656:0",
+    "keyshowprof": "crwdns657:0crwdne657:0",
+    "keyrow": "crwdns658:0crwdne658:0",
+    "keyzoom": "crwdns659:0crwdne659:0",
+    "reset": "crwdns660:0crwdne660:0",
+    "resetconfirm": "crwdns661:0crwdne661:0",
+    "about": "crwdns662:0crwdne662:0",
+    "hp": "crwdns663:0crwdne663:0",
+    "support": "crwdns664:0crwdne664:0",
+    "help": "crwdns665:0crwdne665:0",
+    "sushi": "crwdns666:0crwdne666:0",
+    "checkup": "crwdns667:0crwdne667:0",
+    "ossJP": "crwdns668:0crwdne668:0"
+}

app/view/make/language/update.ps.json

@@ -0,0 +1,15 @@
+{
+    "updatehere": "crwdns669:0crwdne669:0",
+    "download": "crwdns670:0crwdne670:0",
+    "portable": "crwdns1950:0crwdne1950:0",
+    "winzip": "crwdns672:0crwdne672:0",
+    "unrewrite": "crwdns673:0crwdne673:0",
+    "sureupd": "crwdns674:0crwdne674:0",
+    "skipupd": "crwdns675:0crwdne675:0",
+    "nexttl": "crwdns676:0crwdne676:0",
+    "nextver": "crwdns677:0crwdne677:0",
+    "problem1": "crwdns678:0crwdne678:0",
+    "problem2": "crwdns679:0crwdne679:0",
+    "continue": "crwdns680:0crwdne680:0",
+    "dlnow": "crwdns681:0crwdne681:0"
+}

app/view/make/setting.sample.html

@@ -2,6 +2,13 @@
 <html lang="{{lang}}">
 <head>
 	<title>Settings - TheDesk</title>
+	{{comment-start}}
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	{{comment-end}}
 	<meta content="width=device-width,initial-scale=1.0" name="viewport">
 	<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
 	<link href="../../css/themes.css" type="text/css" rel="stylesheet">

app/view/make/update.sample.html

@@ -6,6 +6,13 @@
 <link href="../../css/master.css" type="text/css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
 <meta charset="utf-8">
+{{comment-start}}
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+{{comment-end}}
 </head>
 <body>
 <style>

app/view/ps/acct.html

@@ -0,0 +1,100 @@
+<!doctype html>
+<html lang="ps">
+<head>
+<title>Account Manager - TheDesk</title>
+<meta content="width=device-width,initial-scale=1.0" name="viewport">
+<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
+<link href="../../css/themes.css" type="text/css" rel="stylesheet">
+<link href="../../css/master.css" type="text/css" rel="stylesheet">
+<link href='../../css/font-awesome.css' rel='stylesheet' type='text/css'>
+<link href='../../css/tl.css' rel='stylesheet' type='text/css'>
+<link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
+<style>.acct{display:flex; justify-content:space-around;}
+.card{width:400px; background-color: #9e9e9e; margin:10px; }
+body,html{overflow-y: scroll;}
+#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start}
+.lts{font-size:150%}
+.colorsel{ display:flex; }
+.card .colorsel div:not(.exc){width:20px;height:20px;}
+.card .colorsel div.exc{width:40px;height:20px;}
+</style>
+<meta charset="utf-8">
+
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+
+</head>
+<body id="mainView">
+<script type="text/javascript" src="../../js/common/jquery.js"></script>
+<script type="text/javascript" src="../../js/platform/first.js"></script>
+<script type="text/javascript" src="../../js/common/materialize.js"></script>
+<script type="text/javascript" src="../../js/lang/lang.ps.js"></script>
+<script>
+      var misskeytoken=false;
+</script>
+<script type="text/javascript" src="../../js/ui/tips.js"></script>
+<script type="text/javascript" src="../../js/common/time.js"></script>
+<script type="text/javascript" src="../../js/common/modal.js"></script>
+<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">crwdns366:0crwdne366:0</a><br>
+<h5>crwdns365:0crwdne365:0</h5>
+<div id="acct-list"></div>
+<div class="divider"></div>
+<h5>crwdns367:0crwdne367:0</h5><br>
+<div id="add">
+<div class="row">
+      <div class="col s6">
+            <input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp">
+            <div id="ins-suggest"></div>
+            crwdns368:0crwdne368:0<br>
+            <input type="checkbox" class="filled-in" id="linux" />
+                  <label for="linux">crwdns369:0crwdne369:0</label><br>
+            <input type="checkbox" class="filled-in" id="misskey" />
+                  <label for="misskey">crwdns382:0crwdne382:0</label><br>
+            <button class="btn waves-effect" onclick="instance()">Login</button><br>
+      </div>
+      <div class="col s6">
+            <span style="font-family:Open Sans;">Supports</span>
+            <div id="support" class="collection transparent"></div>
+      </div>
+</div></div>
+<div id="auth" style="display:none">
+      crwdns372:0crwdne372:0<br>
+      <input type="text" id="code" placeholder="crwdns373:0crwdne373:0">
+      <button class="btn waves-effect" onclick="code()">Auth</button><br>
+      </div>
+      <div id="misskeylogin" style="display:none">
+                  <h5>AppSecret</h5>
+                  crwdns383:0crwdne383:0<br>
+                  <input type="hidden" id="misskey-url">
+                  <input type="text" id="misskey-key" placeholder="crwdns373:0crwdne373:0">
+                  <button class="btn waves-effect" onclick="misskeyLogin()">Auth</button><br>
+            </div>
+<h5>crwdns370:0crwdne370:0</h5>
+<div class="input-field" style="width:300px"><span data-trans="your_acct">crwdns371:0crwdne371:0</span>
+      <br>
+      <select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
+      <label></label>
+</div>
+Some instance data by <a href="https://instances.social" target="_blank">instances.social API</a><br>
+<h5 id="ins-title"></h5>
+Administered by:<a id="ins-admin"></a><br>
+<span id="ins-desc"></span><br>
+<img src="../../img/loading.svg" id="ins-prof" width="200"><br>
+<br>
+crwdns374:0crwdne374:0:<span id="ins-name"></span><br>
+crwdns375:0crwdne375:0:<span id="ins-connect"></span>crwdns381:0crwdne381:0<br>
+crwdns376:0crwdne376:0:<span id="ins-toot"></span>crwdns381:0crwdne381:0<br>
+crwdns377:0crwdne377:0:<span id="ins-user"></span>crwdns377:0crwdne377:0<br>
+crwdns379:0crwdne379:0:<span id="ins-per"></span>%<br>
+crwdns380:0crwdne380:0:<span id="ins-ver"></span>@<span id="ins-upd"></span><br>
+<script type="text/javascript" src="../../js/ui/theme.js"></script>
+<script type="text/javascript" src="../../js/platform/end.js"></script>
+<script type="text/javascript" src="../../js/common/sha256.js"></script>
+<script type="text/javascript" src="../../js/login/tkn.js"></script>
+<script type="text/javascript" src="../../js/login/instance.js"></script>
+<script type="text/javascript" src="../../js/login/manager.js"></script>
+<script type="text/javascript" src="../../js/tl/date.js"></script>

app/view/ps/index.html

@@ -0,0 +1,844 @@
+<!doctype html>
+<html lang="ps">
+<head>
+	<title>TheDesk</title>
+	<meta content="width=device-width,initial-scale=1.0" name="viewport">
+	<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
+	<link href='../../css/font-awesome.css' rel='stylesheet' type='text/css'>
+	<link href="../../css/themes.css" type="text/css" rel="stylesheet">
+	<link href='../../css/tl.css' rel='stylesheet' type='text/css'>
+	<link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
+	<link href='../../css/post.css' rel='stylesheet' type='text/css'>
+	<link href="../../css/master.css" type="text/css" rel="stylesheet">
+	<link href='../../css/sort.css' rel='stylesheet' type='text/css'>
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet">
+	<meta charset="utf-8">
+	
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	
+</head>
+<body>
+<script type="text/javascript" src="../../js/common/jquery.js"></script>
+<script type="text/javascript" src="../../js/platform/first.js"></script>
+<script type="text/javascript" src="../../js/common/materialize.js"></script>
+<script type="text/javascript" src="../../js/lang/lang.ps.js"></script>
+<script type="text/javascript" src="../../js/common/time.js"></script>
+<script type="text/javascript" src="../../js/common/version.js"></script>
+<script type="text/javascript" src="../../js/common/keyshortcut.js"></script>
+<script type="text/javascript" src="../../js/common/modal.js"></script>
+<script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
+<script>
+var ver="Miria (17.0.1) beta4";
+//betaを入れるとバージョンチェックしない
+//GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
+//var ver="beta";
+//WinstoreではバージョンCK・言語・Misskeyトークンの機能が排除
+var winstore=false;
+var acct_id=0;
+var tlid=0;
+  verck(ver,winstore);
+ </script>
+<textarea id="copy" style="top:-100px; position:fixed;"></textarea>
+<div id="tl">
+<!--TL-->
+<!--ドラッグハンドラ-->
+<div id="drag">
+<div id="drag-content" data-trans="drag_here">crwdns384:0crwdne384:0
+<br>
+<button class="btn waves-effect" onclick="closedrop()" data-trans="close">crwdns385:0crwdne385:0</button>
+</div>
+</div>
+</div>
+<div id="post-box" class="z-depth-3">
+<!--トゥートボックス-->
+<div class="row" style="margin-bottom:0;">
+</span>
+<div class="" style="float:left;">
+<a onclick="profShow()" style="vertical-align:-2.5rem;" class="pointer mize">
+	<img src="../../img/missing.svg" id="acct-sel-prof" title="crwdns386:0crwdne386:0(Ctrl+Shift+P)" data-trans-title="post_box_prof" width="24px">
+</a>
+</div>
+<div class="input-field mize" style="float:left; width:calc(100% - 24px)">
+<select id="post-acct-sel" class="acct-sel" onchange="mdCheck()"></select>
+</div>
+<span class="cancel">
+		<i class="material-icons waves-effect" onclick="hide()" title="crwdns412:0crwdne412:0(X)" data-trans-title="post_box_close">cancel</i>
+	</span>
+<!--Markdown-->
+<div class="row" style="margin-bottom:0">
+<div class="markdown mize hide">
+<div class="col s12">
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('b')" title="太字(Ctrl+B)テキストボックス内を選択してから押すと囲みます。">format_bold</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('i')" title="斜字(Ctrl+I)テキストボックス内を選択してから押すと囲みます。">format_italic</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('u')" title="下線(Ctrl+U)テキストボックス内を選択してから押すと囲みます。">format_underlined</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('s')" title="取り消し(Ctrl+S)テキストボックス内を選択してから押すと囲みます。">strikethrough_s</i>
+<i class="material-icons pointer setting waves-effect" onclick="markdown('>','no','yes')" title="引用">format_quote</i>
+<i class="material-icons pointer setting waves-effect" onclick="markdown('#','no','yes')" title="見出し">short_text</i>
+<i class="material-icons pointer setting waves-effect" onclick="markdown('`','yes','no')" title="コード挿入　テキストボックス内を選択してから押すと囲みます。">code</i>
+<i class="material-icons pointer setting waves-effect" onclick="markdown('- ','yes','yes')" title="箇条書きリスト">format_list_bulleted</i>
+<i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')" title="番号付きリスト">format_list_numbered</i>
+<i class="pointer setting fa fa-subscript waves-effect" onclick="markdown('__','yes','no','before')" title="下付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i>
+<i class="pointer setting fa fa-superscript waves-effect" onclick="markdown('_','yes','no','before')" title="上付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')" title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')" title="点滅　テキストボックス内を選択してから押すと囲みます。">flare</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('flip=vertical')" title="上下反転　テキストボックス内を選択してから押すと囲みます。">swap_vert</i>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('flip=horizontal')" title="左右反転　テキストボックス内を選択してから押すと囲みます。">swap_horiz</i>
+<span class="sml gray pointer waves-effect">
+<a onclick="mdToggle()">Markdownエディタを隠す</a>
+</span>
+<br>
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('size')" title="文字サイズ変更　テキストボックス内を選択してから押すと囲みます。">format_size</i>
+<input id="size" style="width: calc(50% - 20px); margin: 0; height: 24px;" value="12">px 
+<i class="material-icons pointer setting waves-effect" onclick="tagsel('colorhex')" title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i>
+<input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color">
+<br>
+<i class="material-icons pointer setting waves-effect" onclick="markdownLink()" title="リンク挿入">link</i>
+<input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクテキスト">&nbsp;
+<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクアドレス">
+<br>
+<i class="material-icons pointer setting waves-effect" onclick="markdownImage()" title="インライン画像挿入">image</i>
+<input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="代替テキスト">&nbsp;
+<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="画像アドレス">
+</div>
+</div>
+<div class="input-field col s12" id="preview-field" style="margin-top: 0;">
+<div id="md-preview">
+</div>
+<span class="sml gray pointer">
+<a onclick="previewEdit()">Edit</a>
+</span>
+</div>
+<div class="input-field col s12" id="toot-field" style="margin-top: 10px;">
+
+<textarea id="textarea" class="materialize-textarea unmize" style="margin-bottom:0;" data-length="500"></textarea>
+<label for="textarea" data-trans="toot">crwdns388:0crwdne388:0</label>
+<br>
+<span class="sml gray pointer markdown mize" id="preview-btn">
+<a onclick="preview()">Preview</a>
+</span>
+<span class="sml gray pointer anti-markdown mize">
+<a onclick="mdToggle()">Markdownエディタを表示</a>
+</span>
+<span id="suggest"></span>
+</div>
+<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
+		<i class="waves-effect gray material-icons" id="nsfw" title="crwdns389:0crwdne389:0" onclick="nsfw()">visibility_off</i>
+		<i class="waves-effect gray material-icons purple-text dropdown-button" data-activates='dropdown1' id="vis-icon">public</i>
+		<a class="waves-effect gray" id="cw" onclick="cw()" title="crwdns390:0crwdne390:0">CW</a>
+		<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray" onclick="fileselect()" title="crwdns391:0crwdne391:0">photo_library</i></span></span>
+		<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn" title="crwdns393:0crwdne393:0">tag_faces</i>
+		<i class="waves-effect gray material-icons dropdown-button" data-activates='dropdown2'>more_vert</i>
+		<i class="material-icons nex gray waves-effect" title="crwdns395:0crwdne395:0(Ctrl+Shit+C)" data-trans-title="post_box_clear" id="clear">clear</i>
+</div>
+<div class="col s12 mize" style="margin-bottom:5px; padding:0;">
+	<div id="taglist"></div>
+<span id="preview" class="mize"></span>
+<span class=" sml mize"><span data-trans="reply">crwdns396:0crwdne396:0</span>:
+<span id="rec">crwdns397:0crwdne397:0</span>/<span data-trans="file">crwdns399:0crwdne399:0</span>:
+<span id="mec">crwdns400:0crwdne400:0</span>/<span data-trans="vis">crwdns401:0crwdne401:0</span>:
+<span id="vis">public</span>
+</span>
+<br>
+<input type="text" id="cw-text" placeholder="crwdns402:0crwdne402:0" class="mize" style="margin:0">
+<div id="sch-box">crwdns1886:0crwdne1886:0<br><span class="sml">crwdns1888:0crwdne1888:0</span><br>
+	<input type="datetime-local" id="sch-date" placeholder="crwdns1884:0crwdne1884:0" class="datepicker" style="margin:0">
+</div>
+</div>
+</div>
+<!-- 公開範囲 Dropdown Structure -->
+<ul id='dropdown1' class='dropdown-content'>
+<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">crwdns403:0crwdne403:0</li>
+<li>
+	<a onclick="vis('public')">crwdns404:0crwdne404:0(Public)</a>
+</li>
+<li>
+	<a onclick="vis('unlisted')">crwdns405:0crwdne405:0(Unlisted)</a>
+</li>
+<li>
+	<a onclick="vis('private')" id="private-button">crwdns406:0crwdne406:0(Private)</a>
+</li>
+<li id="limited-button" class="hide">
+	<a onclick="vis('limited')">限定公開(Limited)</a>
+</li>
+<li id="local-button" class="hide">
+	<a onclick="vis('local')">crwdns407:0crwdne407:0(Local)</a>
+</li>
+<li>
+	<a onclick="vis('direct')" class="disabled direct">crwdns408:0crwdne408:0(Direct)</a>
+</li>
+</ul>
+<!-- その他 Dropdown Structure -->
+<ul id='dropdown2' class='dropdown-content'>
+	<li>
+		<a onclick="adobe()">crwdns392:0crwdne392:0</a>
+	</li>
+	<li>
+		<a onclick="nowplaying('spotify');">crwdns1880:0crwdne1880:0</a>
+	</li>
+	<li>
+		<a onclick="nowplaying('itunes');">crwdns1882:0crwdne1882:0</a>
+	</li>
+	<li>
+		<a onclick="schedule();">crwdns1884:0crwdne1884:0</a>
+	</li>
+	</ul>
+<!--hidden area-->
+<input type="hidden" id="reply">
+<input type="hidden" id="media">
+<!--END hidden area-->
+</div>
+<div id="toot-btn-field">
+	<button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()" id="toot-post-btn">crwdns388:0crwdne388:0</button>
+	<button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()" id="toot-sec-btn"><i class="material-icons" id="toot-sec-icon" title="crwdns1890:0crwdne1890:0">lock_open</i></button>
+</div>
+</div>
+<!--絵文字ピッカー-->
+<div id="emoji" class="hide shared z-depth-4">
+	<span class="gray sml">crwdns409:0crwdne409:0
+		<a onclick="emojiGet('true')" class="pointer">crwdns411:0crwdne411:0</a>
+		<i class="material-icons waves-effect" onclick="emoji()" title="crwdns412:0crwdne412:0" data-trans-title="post_box_close">cancel</i>
+	<br>
+	</span>
+	<div id="emoji-list" class="" style="">
+	</div>
+	<div class="emoji-control center">
+		<button class="btn waves-effect blue" style="width:30%; padding:0;" onclick="emojiList('before')" id="emoji-before">
+		<i class="material-icons">navigate_before</i>
+		</button>
+		<span id="emoji-count"></span>/
+		<span id="emoji-sum"></span>
+		<button class="btn waves-effect blue" style="width:30%; padding:0;" onclick="emojiList('next')" id="emoji-next">
+		<i class="material-icons">navigate_next</i>
+		</button>
+		</div>
+		<div id="default-emoji">
+		<span id="now-emoji"></span>crwdns413:0crwdne413:0<br><span class="gray sml">crwdns410:0crwdne410:0</span>
+		<br>
+		<a onclick="customEmoji()" class="pointer waves-effect" title="crwdns414:0crwdne414:0">
+		<i class="material-icons">add</i>
+		</a>
+		<a onclick="defaultEmoji('people')" class="pointer waves-effect" title="crwdns415:0crwdne415:0">
+		<i class="material-icons">people</i>
+		</a>
+		<a onclick="defaultEmoji('nature')" class="pointer waves-effect" title="crwdns416:0crwdne416:0">
+		<i class="material-icons">local_florist</i>
+		</a>
+		<a onclick="defaultEmoji('food')" class="pointer waves-effect" title="crwdns417:0crwdne417:0">
+		<i class="material-icons">restaurant</i>
+		</a>
+		<a onclick="defaultEmoji('activity')" class="pointer waves-effect" title="crwdns418:0crwdne418:0">
+		<i class="material-icons">directions_run</i>
+		</a>
+		<a onclick="defaultEmoji('place')" class="pointer waves-effect" title="crwdns419:0crwdne419:0">
+		<i class="material-icons">directions_car</i>
+		</a>
+		<a onclick="defaultEmoji('object')" class="pointer waves-effect" title="crwdns420:0crwdne420:0">
+		<i class="material-icons">attach_file</i>
+		</a>
+		<a onclick="defaultEmoji('symbol')" class="pointer waves-effect" title="crwdns421:0crwdne421:0">
+		<i class="material-icons">gesture</i>
+		</a>
+		<a onclick="defaultEmoji('flag')" class="pointer waves-effect" title="crwdns422:0crwdne422:0">
+		<i class="material-icons">flag</i>
+		</a>
+		<a onclick="faicon()" class="pointer waves-effect" title="faicon" id="faicon-btn">
+		<i class="fa fa-fort-awesome"></i>
+		</a>
+	</div>
+</div>
+<!-- Modal Structure Tootdata-->
+<div id="tootmodal" class="modal modal-fixed-footer">
+	<div class="modal-content">
+	<ul class="collapsible" data-collapsible="accordion" id="det-col">
+	<li>
+		<div class="collapsible-header">
+		<i class="material-icons">arrow_upward</i>crwdns423:0crwdne423:0
+		</div>
+		<div class="collapsible-body toot-reset" id="toot-reply">
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header" id="activator">
+		<i class="material-icons">more_horiz</i>crwdns424:0crwdne424:0
+		</div>
+		<div class="collapsible-body" >
+			<div class="toot-reset" id="toot-this"></div>
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+		<i class="material-icons">arrow_downward</i>crwdns425:0crwdne425:0
+		</div>
+		<div class="collapsible-body toot-reset" id="toot-after">
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+		<i class="material-icons">people_outline</i>crwdns426:0crwdne426:0
+		</div>
+		<div class="collapsible-body toot-reset" id="toot-before">
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+		<i class="material-icons">person_outline</i>crwdns427:0crwdne427:0
+		</div>
+		<div class="collapsible-body toot-reset" id="user-before">
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+		<i class="material-icons">star</i>crwdns428:0crwdne428:0
+		</div>
+		<div class="collapsible-body toot-reset" id="toot-fav">
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+		<i class="text-darken-3 fa fa-retweet"></i>crwdns429:0crwdne429:0
+		</div>
+		<div class="collapsible-body toot-reset" id="toot-rt">
+		</div>
+	</li>
+	</ul>
+	crwdns430:0crwdne430:0(<i class="fa fa-retweet"></i>/<i class="fa fa-star"></i>crwdns431:0crwdne431:0)<br>
+	<div class="row">
+		<div class="col s4">
+				<select id="status-acct-sel" class="acct-sel"></select>
+		</div>
+		<div class="col s2">
+			<button class="dropdown-button btn waves-effect" style="width:100%;" onclick="staEx('reply')"><i class="fa fa-share left"></i>crwdns432:0crwdne432:0</button>
+		</div>
+		<div class="col s2">
+			<button class="dropdown-button btn waves-effect indigo" style="width:100%;" onclick="staEx('rt')"><i class="fa fa-retweet left"></i>crwdns433:0crwdne433:0</button>
+		</div>
+		<div class="col s3">
+			<button class="dropdown-button btn waves-effect orange" style="width:100%;" onclick="staEx('fav')"><i class="fa fa-star left"></i>crwdns434:0crwdne434:0</button>
+		</div>
+	</div>
+	<div id="toot-tools">
+	</div>
+	<div id="toot-after">
+	</div>
+	</div>
+	<div class="modal-footer">
+	<a href="#!" class="waves-effect waves-green btn-flat" onclick="brws()">crwdns435:0crwdne435:0</a>
+	<a href="#!" class="waves-effect waves-green btn-flat" onclick="shot()">crwdns436:0crwdne436:0</a>
+	<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy()">crwdns437:0crwdne437:0</a>
+	<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy('emb')">crwdns438:0crwdne438:0</a>
+	<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">crwdns385:0crwdne385:0</a>
+	</div>
+	</div>
+	<!-- Modal Structure Userdata -->
+	<div id="his-data" class="modal bottom-sheet modal-fixed-footer" style="max-height:750px; height:90%;">
+			<div id="his-data-content" class="modal-content" style="padding-bottom: 0;overflow-y:hidden;">
+			<div id="his-data-show">
+			<div class="his-float" id="his-float-data">
+			<div id="his-basic-prof">
+			<img src="../../img/loading.svg" id="his-prof">
+			<span id="his-name">Loading...</span><span class="gray" id="his-bot"></span>
+			<br>@
+			<span id="his-acct"></span><br>
+			<span class="gray" id="his-relation"></span>
+			<br>
+			<span class="cbadge">
+			<span id="his-sta"></span>crwdns439:0crwdne439:0
+			</span>
+			<span class="cbadge">crwdns440:0crwdne440:0:
+			<span id="his-follow"></span>
+			</span>
+			<span class="cbadge">crwdns441:0crwdne441:0:
+			<span id="his-follower"></span>
+			</span><br>
+			<span class="cbadge" style="max-width:150px; width:150px; ">Since:
+			<span id="his-since"></span>
+			</span>
+			</div>
+			<div id="his-des"></div><br>
+			<div id="his-plus-action">
+					<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" onclick="empUser()">crwdns472:0crwdne472:0</a>
+					<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" id="his-end-btn" onclick="pinUser()">crwdns454:0crwdne454:0</a><br>
+					<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" onclick="profbrws()">crwdns455:0crwdne455:0</a><br>
+			</div><br>
+			<div id="his-matching-list">
+					crwdns469:0crwdne469:0<br>
+					Powered by <a href="https://vinayaka.distsn.org/" target="_blank">Mastodon User Matching</a><br>
+					<div id="his-matching-list-contents" class="cont-series"></div>
+				<button class="btn waves-effect " onclick="showMat()" style="width:100%;">crwdns470:0crwdne470:0</button>
+			</div>
+			</div>
+			<div class="his-float" id="his-float-timeline">
+			<div id="my-data-nav">
+			<ul class="custom-tabs transparent">
+				<li class="custom-tab col my-data-width active-back column-first">
+					<a go="#his-tl" title="crwdns442:0crwdne442:0"><i class="material-icons">timeline</i></a>
+				</li>
+				<li class="custom-tab col my-data-width">
+					<a go="#his-follow-list" title="crwdns440:0crwdne440:0"><i class="material-icons">people</i>→</a>
+				</li>
+				<li class="custom-tab col my-data-width">
+					<a go="#his-follower-list" title="crwdns441:0crwdne441:0"><i class="material-icons">people</i>←</a>
+				</li>
+				<li class="custom-tab col my-data-width only-his-data">
+					<a go="#his-action" title="crwdns443:0crwdne443:0"><i class="material-icons">account_box</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-his-data">
+					<a go="#his-list" title="crwdns444:0crwdne444:0"><i class="material-icons">list</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-fav-list" title="crwdns434:0crwdne434:0"><i class="material-icons">star</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">block</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+						<a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">voice_over_off</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-domain-list" title="crwdns450:0crwdne450:0"><i class="material-icons">language</i><i class="material-icons">block</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-prof-list" title="crwdns451:0crwdne451:0"><i class="material-icons">create</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-request-list" title="crwdns452:0crwdne452:0"><i class="material-icons">how_to_reg</i></a>
+				</li>
+				<li class="custom-tab col my-data-width only-my-data">
+					<a go="#his-follow-recom-list" title="crwdns456:0crwdne456:0"><i class="material-icons">recent_actors</i></a>
+				</li>
+			</ul>
+			</div>
+			<div id="his-tl" class="tab-content">
+			<div id="his-tl-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="utl('--now','more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-follow-list" class="tab-content">
+			<div id="his-follow-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="flw('--now','more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-follower-list" class="tab-content">
+			<div id="his-follower-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="fer('--now','more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-action" class="tab-content">
+				crwdns430:0crwdne430:0crwdns458:0crwdne458:0crwdns440:0crwdne440:0(crwdns459:0crwdne459:0)<br>
+				<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>crwdns460:0crwdne460:0
+				<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">crwdns440:0crwdne440:0</a><br>
+				crwdns461:0crwdne461:0<br>
+				<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">crwdns462:0crwdne462:0</a><br>
+			</div>
+			<div id="his-list" class="tab-content">
+				<div id="his-lists-a">crwdns463:0crwdne463:0</div>
+				
+				<div id="his-lists-b"></div>
+			</div>
+			<div id="his-fav-list" class="tab-content">
+			<div id="his-fav-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-blocking-list" class="tab-content">
+			<div id="his-blocking-list-contents"class="cont-series" >
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-muting-list" class="tab-content">
+			<div id="his-muting-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-domain-list" class="tab-content">
+			<div id="his-domain-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showDom('more')">crwdns457:0crwdne457:0</button>crwdns464:0crwdne464:0
+			<br>
+			<input type="text" placeholder="example.com" id="domainblock">
+			<button class="btn waves-effect" onclick="addDomainblock()">crwdns491:0crwdne491:0</button>
+			<br>
+			</div>
+			<div id="his-prof-list" class="tab-content">crwdns465:0crwdne465:0
+			<br>
+			<input type="text" placeholder="crwdns465:0crwdne465:0" id="his-name-val" style="max-width:250px;">
+			<br>crwdns466:0crwdne466:0
+			<br>
+			<div class="input-field col s12">
+			<textarea placeholder="crwdns466:0crwdne466:0" id="his-des-val" class="materialize-textarea"></textarea>
+			<label for="his-des-val">crwdns466:0crwdne466:0</label>
+			</div>
+			<button class="btn waves-effect" style="width:100%; padding:0;" onclick="profedit()">crwdns1892:0crwdne1892:0</button>
+			<br>crwdns467:0crwdne467:0:
+			<span id="prof-change">
+				<input type="file" onchange="imgChange(this,'avatar')">
+			</span>
+			<br>crwdns468:0crwdne468:0:
+			<span id="header-change">
+				<input type="file" onchange="imgChange(this,'header')">
+			</span>
+			</div>
+			<div id="his-request-list" class="tab-content">
+			<div id="his-request-list-contents" class="cont-series">
+			</div>
+			<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">crwdns457:0crwdne457:0</button>
+			</div>
+			<div id="his-follow-recom-list" class="tab-content">
+				<div id="his-follow-recom-contents" class="cont-series">
+			</div>
+			</div>
+			</div>
+			</div>
+			</div>
+			<div class="modal-footer">
+			<button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">crwdns471:0crwdne471:0</button>
+			<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-follow-btn" onclick="follow()">crwdns440:0crwdne440:0</a>
+			<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-mute-btn" onclick="mute()">crwdns449:0crwdne449:0</a>
+			<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-block-btn" onclick="block()">crwdns448:0crwdne448:0</a>
+			<a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">crwdns385:0crwdne385:0</a>
+			</div>
+			</div>
+	<!-- Modal Structure Image-->
+	<div id="imagemodal" class="modal modal-fixed-footer" style="min-width:550px">
+	<div class="modal-content">
+	<div id="imagewrap">
+	<img src="" id="imgmodal">
+	</div>
+	
+	<br>
+	</div>
+	<div class="modal-footer">
+	DL:<span id="imgprog"></span>%
+	<a class="waves-effect white-text" onclick="zoom(2)">
+		<i class="material-icons">zoom_in</i>
+	</a>
+	<a class="waves-effect white-text" onclick="zoom(0.5)">
+		<i class="material-icons">zoom_out</i>
+	</a>
+	<button class="btn waves-effect purple" onclick="dlImg()">
+		<i class="material-icons">file_download</i>
+	</button>
+	<button class="btn waves-effect brown" onclick="detFromImg()">crwdns424:0crwdne424:0</button>
+	<button class="btn waves-effect orange" onclick="imgCont('prev')" id="image-prev">
+		<i class="material-icons">keyboard_arrow_left</i>
+	</button>
+	<button class="btn waves-effect orange" onclick="imgCont('next')" id="image-next">
+		<i class="material-icons">keyboard_arrow_right</i>
+	</button>
+	<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">
+		<i class="material-icons">close</i>
+	</a>
+	</div>
+	</div>
+	<!-- Modal Structure Video-->
+	<div id="videomodal" class="modal modal-fixed-footer">
+	<div class="modal-content">
+	<video src="" id="video" style="max-width:100%; max-height:100%;" controls >
+	</div>
+	<div class="modal-footer">
+	<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">crwdns385:0crwdne385:0</a>
+	</div>
+	</div>
+	<!-- Modal Structure Release Note-->
+	<div id="releasenote" class="modal modal-fixed-footer">
+		<div class="modal-content">
+		<h3>TheDesk</h3>
+		<a href="https://thedesk.top" target="_blank">HP</a><br>
+		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
+		<br>
+			<div id="release-Miria_17-0-1" class="release-do" style="display:none; ">
+					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
+					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
+					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
+					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
+					<h5>Release Note Miria (17.0.1)</h5>
+					バグ修正<br>
+					(Mastodon 2.7)<b>時間指定投稿が利用できます。</b><br>
+					(Mastodon 2.7)<b>「インスタンス」を「サーバー」に変更</b><br>
+					
+			</div>
+			<br><br>
+			<h3>crwdns473:0crwdne473:0</h3>
+			crwdns474:0crwdne474:0<br>
+			<a class="btn-share btn waves-effect waves-light purple lighten-2" href="https://enty.jp/Cutls" target="_blank">
+  				crwdns475:0crwdne475:0
+			</a>
+			<a class="btn-share btn waves-effect waves-light red lighten-2" href="https://osushi.love/Cutls_P" target="_blank">
+  				crwdns479:0crwdne479:0
+			</a>
+			<a class="btn-share btn waves-effect waves-light blue" href="https://www.amazon.co.jp/registry/wishlist/2TV35ZHHJPDSB" target="_blank">
+				crwdns476:0crwdne476:0
+			</a>
+			<br>
+			crwdns477:0crwdne477:0<a href="mailto:mstdn@thedesk.top" target="_blank">mstdn@thedesk.top</a>crwdns478:0crwdne478:0<br>
+			Kyash<br>
+			<img src="../../img/kyash.png" width="100"><br>
+		</div>
+		<div class="modal-footer">
+			<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">crwdns385:0crwdne385:0</a>
+		</div>
+	</div>
+	<!--PiP-->
+	<div id="pip" class="hide pip-bottom pip-left">
+		<i class="material-icons pip-horiz pointer" onclick="pipHoriz()">chevron_right</i>　
+		<i class="material-icons pip-vert pointer" onclick="pipVert()">expand_less</i>　
+		<i class="material-icons pointer" onclick="endPip()">close</i>
+		<div id="pip-content">
+		</div>
+    </div>
+<!--カラム追加-->
+<div id="add-box" class="hide z-depth-4 notf-box">
+<div class="input-field"><span data-trans="your_acct">crwdns494:0crwdne494:0</span>
+<br>
+<select id="add-acct-sel" class="acct-sel" style="color:black" onchange="addselCk()"></select>
+<label></label>
+</div>
+<div class="input-field">
+<div id="auth">
+<select id="type-sel" style="color:black">
+	<option value="local" data-trans="local">crwdns480:0crwdne480:0</option>
+	<option value="local-media" data-trans="local-media">crwdns481:0crwdne481:0</option>
+	<option value="home" data-trans="home">crwdns482:0crwdne482:0</option>
+	<option value="pub" data-trans="public">crwdns483:0crwdne483:0</option>
+	<option value="pub-media" data-trans="public-media">crwdns484:0crwdne484:0</option>
+	<option value="dm" data-trans="dm">crwdns485:0crwdne485:0</option>
+	<option value="mix" data-trans="integrated">crwdns486:0crwdne486:0</option>
+	<option value="plus" data-trans="plus">crwdns487:0crwdne487:0</option>
+	<option value="notf" data-trans="notification">crwdns488:0crwdne488:0</option>
+</select>
+<label data-trans="show_tl">crwdns489:0crwdne489:0</label>
+</div>
+<div id="noauth" class="hide">crwdns489:0crwdne489:0
+	<input id="noauth-url" type="text" class="validate" style="width:calc( 70% - 40px);" placeholder="e.g:mstdn.jp">
+</div>
+<div id="webview-add" class="hide">crwdns490:0crwdne490:0
+</div>
+</div>
+<button class="btn waves-effect blue " style="width:calc( 100% - 10px);" onclick="addColumn()" data-trans-i="add">
+	<i class="material-icons left">add</i>crwdns491:0crwdne491:0
+</button>
+<br>
+<br>
+</div>
+<!--検索-->
+<div id="src-box" class="hide notf-box z-depth-4" style="width:500px">
+		<div class="input-field">
+		<select id="src-acct-sel" class="acct-sel" onchange="trend()"></select>
+</div><div class="input-field">
+<i class="material-icons prefix">search</i>
+<input id="src" type="text" class="validate" style="width:calc( 60% - 40px);">
+<label for="src" data-trans="src">crwdns492:0crwdne492:0</label>
+<button class="btn waves-effect indigo" style="width:calc( 40% - 40px);" onclick="src()" data-trans-i="src">
+	<i class="material-icons left">search</i>crwdns492:0crwdne492:0
+</button>
+<br>
+<br>
+</div>
+<div id="search">
+<div id="src-contents">
+</div>
+</div>
+</div>
+<!--並べ替え-->
+<div id="sort-box" class="hide">
+<ul id="sort"></ul>
+<div>
+<button onclick="sort()" class="btn waves-effect nex" style="width:100%; max-width:300px;" data-trans-i="sort">
+	<i class="material-icons left">sort</i>crwdns493:0crwdne493:0
+</button>
+<button onclick="sortToggle()" class="btn waves-effect nex" style="width:100%; max-width:300px;" data-trans-i="close">
+		<i class="material-icons left">close</i>crwdns385:0crwdne385:0
+</button>
+</div>
+</div>
+<!--リスト-->
+<div id="list-box" class="hide notf-box z-depth-4">
+	<div class="input-field" style="width:calc( 100% - 100px);float:left">
+		<select id="list-acct-sel" class="acct-sel"></select>
+		<label>crwdns494:0crwdne494:0</label>
+	</div>
+	<div style="float:left; padding-top:8px; padding-bottom:28px;">
+		<button class="btn waves-effect indigo" style="width:80px;" onclick="list()" data-trans-i="lists">
+			crwdns495:0crwdne495:0
+		</button>
+	</div>
+	<br><br>
+	<div id="lists"></div>
+	<div id="lists-user"></div>
+	<input type="text" style="width:150px" id="list-add" placeholder="crwdns465:0crwdne465:0">
+		<button class="btn waves-effect" style="width:120px;" onclick="makeNewList()">crwdns445:0crwdne445:0</button>
+</div>
+<!--フィルター-->
+<div id="filter-box" class="hide notf-box z-depth-4">
+	<div class="input-field" style="width:calc( 100% - 100px);float:left">
+		<select id="filter-acct-sel" class="acct-sel"></select>
+		<label>crwdns494:0crwdne494:0</label>
+	</div>
+	<div style="float:left; padding-top:8px; padding-bottom:28px;">
+		<button class="btn waves-effect indigo" style="width:80px;" onclick="filter()" data-trans-i="filters">
+			crwdns495:0crwdne495:0
+		</button>
+	</div>
+	<div id="filtered-words"></div>
+	<input type="hidden" id="filter-edit-id">
+	<input type="text" style="width:150px" id="filter-add-word" placeholder="crwdns496:0crwdne496:0"><br>
+	crwdns497:0crwdne497:0<br>
+	<input type="checkbox" class="filled-in" id="home_filter" value="home" />
+	  <label for="home_filter">crwdns482:0crwdne482:0</label>
+	<input type="checkbox" class="filled-in" id="local_filter" value="public" />
+	  <label for="local_filter">crwdns480:0crwdne480:0</label>
+	<input type="checkbox" class="filled-in" id="notf_filter" value="notifications" />
+	  <label for="notf_filter">crwdns488:0crwdne488:0</label>
+	<input type="checkbox" class="filled-in" id="conv_filter" value="thread" />
+	  <label for="conv_filter">crwdns498:0crwdne498:0</label><br>
+	  crwdns499:0crwdne499:0<br>
+	<input type="checkbox" class="filled-in" id="wholeword_filter" value="1" />
+	  <label for="wholeword_filter">crwdns500:0crwdne500:0</label><br>
+	<span class="sml">crwdns501:0crwdne501:0</span><br>
+	<input type="checkbox" class="filled-in" id="except_filter" value="1" />
+	  <label for="except_filter">crwdns502:0crwdne502:0</label><br>
+	<span class="sml">crwdns503:0crwdne503:0</span><br>
+	crwdns504:0crwdne504:0<span class="sml">crwdns505:0crwdne505:0<b>crwdns506:0crwdne506:0</b></span><br><br>
+	<input type="text" style="width:50px" id="days_filter" placeholder="d" value="0">crwdns507:0crwdne507:0
+	<input type="text" style="width:50px" id="hours_filter" placeholder="h" value="0">crwdns508:0crwdne508:0
+	<input type="text" style="width:50px" id="mins_filter" placeholder="m" value="0">crwdns509:0crwdne509:0
+	<button class="btn waves-effect" style="width:120px;" onclick="makeNewFilter()" id="add-filter-btn">crwdns491:0crwdne491:0</button><br>
+	<span class="sml">crwdns510:0crwdne510:0</span>
+</div>
+<div id="main">
+<!--TLのTL-->
+<div id="timeline-container">
+	crwdns511:0crwdne511:0
+</div>
+</div>
+</div>
+<!--bottom-->
+<div id="bottom" class="reverse">
+    <div class="leftside reverse">
+        <div id="dambox">
+                <input type="text" id="posttgl" placeholder="crwdns388:0crwdne388:0" style="height:2rem">
+        </div>
+        <div class="leftside reverse" id="group">
+            <div class="btnsgroup"><span class="grouptitle">Columns:</span>
+                <a onclick="addToggle()" class="nex waves-effect" data-trans-i="add" id="add-tgl">
+                    <i class="material-icons nex" title="crwdns512:0crwdne512:0" data-trans-title="column_add">add</i>
+                </a>
+                <a onclick="sortToggle()" class="nex waves-effect">
+                    <i class="material-icons nex big-icon" title="crwdns513:0crwdne513:0" data-trans-title="sort">sort</i>
+                </a>
+            </div>
+            <div class="btnsgroup"><span class="grouptitle">Accounts:</span>
+                <a href="acct.html" class="nex waves-effect">
+                    <i class="material-icons nex big-icon" title="crwdns514:0crwdne514:0(Ctrl+Shift+M)" data-trans-title="manager">account_circle</i>
+                </a>
+                <a onclick="srcToggle()" class="nex waves-effect" id="src-tgl">
+                    <i class="material-icons" title="crwdns492:0crwdne492:0" data-trans-title="src">search</i>
+                </a>
+                <a onclick="listToggle()" class="nex waves-effect" id="list-tgl">
+                    <i class="material-icons" title="crwdns444:0crwdne444:0" data-trans-title="list">view_headline</i>
+                </a>
+                <a onclick="filterToggle()" class="nex waves-effect" id="filter-tgl">
+                    <i class="material-icons" title="crwdns515:0crwdne515:0" data-trans-title="filter">filter_list</i>
+                </a>
+            </div>
+			<div class="btnsgroup"><span class="grouptitle">Preferences:</span>
+				<a onclick="bottomReverse()" class="nex waves-effect">
+                    <i class="material-icons nex" title="crwdns517:0crwdne517:0" data-trans-title="reverse">swap_horiz</i>
+                </a>
+                <a href="setting.html" class="nex waves-effect">
+                    <i class="material-icons nex" title="crwdns516:0crwdne516:0(Ctrl+Shift+S)" data-trans-title="setting">settings</i>
+                </a>
+                <a href="index.html" class="nex mize waves-effect">
+                    <i class="material-icons nex" title="crwdns518:0crwdne518:0(F5/⌘+R)" data-trans-title="reload">refresh</i>
+                </a>
+                <a onclick="nano()" class="nex waves-effect">
+                    <i class="material-icons" title="crwdns519:0crwdne519:0TheDesk Nano" data-trans-title="nano_desp">remove_from_queue</i>
+                </a>
+                <a onclick="window.open('https://astarte.thedesk.top');" class="setting nex waves-effect" target="_blank" id="ranking-btn" style="display:none;">
+                    <i class="material-icons nex" title="アスタルテランキング">timeline</i>
+				</a>
+				<a href="https://docs.thedesk.top" class="setting nex waves-effect" target="_blank">
+                    <i class="material-icons nex" title="crwdns1894:0crwdne1894:0">help_outline</i>
+				</a>
+            </div>
+        </div>
+    </div>
+    <div>
+		<div id="tips-menu">
+			<div class="btnsgroup" style="height:34px"><span class="grouptitle">Tips:</span>
+				<a onclick="tips('ver')" class="nex waves-effect">
+					<i class="material-icons nex" title="crwdns520:0crwdne520:0" data-trans-title="ver">info</i>
+				</a>
+				<a onclick="tips('clock')" class="nex waves-effect">
+					<i class="material-icons nex" title="crwdns521:0crwdne521:0" data-trans-title="clock">access_time</i>
+				</a>
+				<a onclick="tips('memory')" class="nex waves-effect">
+					<i class="material-icons nex" title="crwdns522:0crwdne522:0" data-trans-title="memory">memory</i>
+				</a>
+				<a onclick="tips('trend')" class="nex waves-effect imasonly" style="display:none;">
+						<i class="material-icons nex" title="アイマストドントレンド" data-trans-title="trendtip">whatshot</i>
+				</a>
+				<a onclick="tips('spotify')" class="nex waves-effect">
+					<i class="fa fa-spotify nex" title="Spotify" data-trans-title="spotifytips"></i>
+				</a>
+			</div>
+		</div>
+		<div id="tips" class="hide">
+			<a onclick="tipsToggle()" class="nex waves-effect" style="float:left">
+					<i class="material-icons nex" title="crwdns523:0crwdne523:0" data-trans-title="tips">bubble_chart</i>
+			</a>
+			<div id="tips-text" style="float:left; width:300px;"></div>
+		</div>
+    </div>
+</div>
+<!--左下メッセージ-->
+<div id="message">
+</div>
+<!--Radio Happy(Yui) Taku Inoue-->
+<audio src="" id="radio"></audio>
+<!--JS-->
+<script type="text/javascript" src="../../js/ui/tips.js"></script>
+<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?2.7"></script>
+<script type="text/javascript" src="../../js/common/about.js"></script>
+<script type="text/javascript" src="../../js/tl/parse.js"></script>
+<script type="text/javascript" src="../../js/tl/misskeyparse.js"></script>
+<script type="text/javascript" src="../../js/ui/scroll.js"></script>
+<script type="text/javascript" src="../../js/tl/tl.js"></script>
+<script type="text/javascript" src="../../js/tl/card.js"></script>
+<script type="text/javascript" src="../../js/tl/date.js"></script>
+<script type="text/javascript" src="../../js/tl/notification.js"></script>
+<script type="text/javascript" src="../../js/tl/datails.js"></script>
+<script type="text/javascript" src="../../js/tl/mix.js"></script>
+<script type="text/javascript" src="../../js/tl/src.js"></script>
+<script type="text/javascript" src="../../js/tl/filter.js"></script>
+<script type="text/javascript" src="../../js/tl/tag.js"></script>
+<script type="text/javascript" src="../../js/tl/list.js"></script>
+<script type="text/javascript" src="../../js/tl/speech.js"></script>
+<script type="text/javascript" src="../../js/ui/post-box.js"></script>
+<script type="text/javascript" src="../../js/ui/layout.js"></script>
+<script type="text/javascript" src="../../js/login/instance.js"></script>
+<script type="text/javascript" src="../../js/login/login.js"></script>
+<script type="text/javascript" src="../../js/ui/img.js"></script>
+<script type="text/javascript" src="../../js/ui/theme.js"></script>
+<script type="text/javascript" src="../../js/ui/pip.js"></script>
+<script type="text/javascript" src="../../js/ui/sort.js"></script>
+<script type="text/javascript" src="../../js/ui/spotify.js"></script>
+<script type="text/javascript" src="../../js/post/post.js"></script>
+<script type="text/javascript" src="../../js/post/use-txtbox.js"></script>
+<script type="text/javascript" src="../../js/post/secure.js"></script>
+<script type="text/javascript" src="../../js/post/img.js"></script>
+<script type="text/javascript" src="../../js/post/status.js"></script>
+<script type="text/javascript" src="../../js/post/misskeystatus.js"></script>
+<script type="text/javascript" src="../../js/post/emoji.js"></script>
+<script type="text/javascript" src="../../js/post/suggest.js"></script>
+<script type="text/javascript" src="../../js/post/bb-md.js"></script>
+<script type="text/javascript" src="../../js/userdata/showOnTL.js"></script>
+<script type="text/javascript" src="../../js/userdata/his-data.js"></script>
+<script type="text/javascript" src="../../js/userdata/prof-edit.js"></script>
+<script type="text/javascript" src="../../js/emoji/emojipack.js"></script>
+<script type="text/javascript" src="../../js/emoji/default-emoji.js"></script>
+<script type="text/javascript" src="../../js/platform/end.js"></script>

app/view/ps/setting.html

@@ -0,0 +1,441 @@
+<!doctype html>
+<html lang="ps">
+<head>
+	<title>Settings - TheDesk</title>
+	
+	<script type="text/javascript">
+		var _jipt = [];
+		_jipt.push(['project', 'thedesk']);
+	</script>
+	<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+	
+	<meta content="width=device-width,initial-scale=1.0" name="viewport">
+	<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
+	<link href="../../css/themes.css" type="text/css" rel="stylesheet">
+	<link href="../../css/master.css" type="text/css" rel="stylesheet">
+	<link href='../../css/font-awesome.css' rel='stylesheet' type='text/css'>
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
+	<meta charset="utf-8">
+</head>
+<body id="mainView" style="overflow-y:scroll">
+<script type="text/javascript" src="../../js/common/jquery.js"></script>
+<script type="text/javascript" src="../../js/platform/first.js"></script>
+<script type="text/javascript" src="../../js/common/materialize.js"></script>
+<script type="text/javascript" src="../../js/lang/lang.ps.js"></script>
+<h4>crwdns524:0crwdne524:0</h4>
+<ul class="collapsible" data-collapsible="accordion">
+	<li>
+	<div class="collapsible-header">
+			<i class="material-icons">desktop_windows</i>crwdns529:0crwdne529:0
+	</div>
+	<div class="collapsible-body">
+		<h5>crwdns530:0crwdne530:0</h5>
+		<a onclick="changelang('ja')" class="pointer">日本語</a>/<a onclick="changelang('en')" class="pointer">English</a>/<a onclick="changelang('ps')" class="pointer">Crowdin In-context translation(beta)</a>
+		<h5>crwdns531:0crwdne531:0</h5>
+		<button onclick="exportSettings()" class="btn waves-effect lime darken-3" style="width:100%; max-width:200px;">crwdns533:0crwdne533:0</button>
+		<button onclick="importSettings()" class="btn waves-effect cyan darken-3" style="width:100%; max-width:200px;">crwdns532:0crwdne532:0</button>
+		<h5>crwdns534:0crwdne534:0</h5>
+		<input class="with-gap" onchange="settings()" name="theme" type="radio" id="black" value="black" />
+		<label for="black">Black</label>
+		<input class="with-gap" onchange="settings()" name="theme" type="radio" id="white" value="white" />
+		<label for="white">White</label>
+		<input class="with-gap" onchange="settings()" name="theme" type="radio" id="indigo" value="indigo" />
+		<label for="indigo">Indigo<span class="imas hide">(エンドレスナイト)</span></label>
+		<input class="with-gap" onchange="settings()" name="theme" type="radio" id="brown" value="brown" />
+		<label for="brown">Brown<span class="imas hide">(ビタースイート・タイム)</span></label>
+		<input class="with-gap" onchange="settings()" name="theme" type="radio" id="green" value="green" />
+		<label for="green">Green<span class="imas hide">(ユースフルロマンス)</span></label>
+		<br>
+		<h5>crwdns1898:0crwdne1898:0</h5>crwdns536:0crwdne536:0
+		<br>
+		<input type="text" style="width:50px" id="popup">crwdns537:0crwdne537:0
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns538:0crwdne538:0</h5>
+		crwdns539:0crwdne539:0<br><a onclick="notftest()" class="pointer">crwdns540:0crwdne540:0</a>
+		<br>
+		<input class="with-gap" onchange="settings()" name="notf" type="radio" id="ntf_yes" value="yes" />
+		<label for="ntf_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="notf" type="radio" id="ntf_no" value="no" />
+		<label for="ntf_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns541:0crwdne541:0</h5>crwdns542:0crwdne542:0
+		<br>
+		<input type="text" style="width:50px" id="width">pxcrwdns543:0crwdne543:0
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns544:0crwdne544:0</h5>
+		crwdns1900:0crwdne1900:0<br>
+		<button class="btn waves-effect" style="width:100px;" onclick="font()">crwdns1896:0crwdne1896:0</button><br>
+		<div id="fonts" class="hide" style="overflow-y:scroll; width:300px; height:500px;">
+
+		</div>
+		<br>
+		<input type="text" style="width:150px" id="font">
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns546:0crwdne546:0</h5>
+		<span style="font-size:15px">15px(crwdns549:0crwdne549:0)</span>
+		<br>
+		<input type="text" style="width:50px" id="size">px 
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button><br>
+		<h5>crwdns547:0crwdne547:0</h5>
+		crwdns548:0crwdne548:0<br>
+		<button class="btn waves-effect" style="width:100px;" onclick="savefolder()">crwdns528:0crwdne528:0</button>
+		<br>
+	</div>
+	</li>
+	<li>
+	<div class="collapsible-header">
+			<i class="material-icons">reorder</i>crwdns550:0crwdne550:0
+	</div>
+	<div class="collapsible-body">
+		<h5>crwdns551:0crwdne551:0</h5>crwdns552:0crwdne552:0
+		<br>crwdns553:0crwdne553:0
+		<br>crwdns554:0crwdne554:0
+		<br>
+		<input class="with-gap" onchange="settings()" onchange="settings()" name="time" type="radio" id="relative" value="relative" />
+		<label for="relative">crwdns555:0crwdne555:0</label>
+		<input class="with-gap" onchange="settings()" name="time" type="radio" id="absolute" value="absolute" />
+		<label for="absolute">crwdns1902:0crwdne1902:0</label>
+		<input class="with-gap" onchange="settings()" name="time" type="radio" id="double" value="double" />
+		<label for="double">crwdns557:0crwdne557:0</label>
+		<input class="with-gap" onchange="settings()" name="time" type="radio" id="medium" value="medium" />
+		<label for="medium">crwdns558:0crwdne558:0</label>
+		<h5>crwdns1904:0crwdne1904:0</h5>crwdns1906:0crwdne1906:0
+		<br>
+		<input class="with-gap" onchange="settings()" name="ul" type="radio" id="ul_yes" value="yes" />
+		<label for="ul_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="ul" type="radio" id="ul_no" value="no" />
+		<label for="ul_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns561:0crwdne561:0</h5>crwdns562:0crwdne562:0
+		<br>
+		<input class="with-gap" onchange="settings()" name="nsfw" type="radio" id="n_yes" value="yes" />
+		<label for="n_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="nsfw" type="radio" id="n_no" value="no" />
+		<label for="n_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns563:0crwdne563:0</h5>
+		<input class="with-gap" onchange="settings()" name="cw" type="radio" id="c_yes" value="yes" />
+		<label for="c_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="cw" type="radio" id="c_no" value="no" />
+		<label for="c_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns564:0crwdne564:0</h5>
+		<input class="with-gap" onchange="settings()" name="rp" type="radio" id="rp_hidden" value="hidden" />
+		<label for="rp_hidden">crwdns565:0crwdne565:0</label>
+		<input class="with-gap" onchange="settings()" name="rp" type="radio" id="rp_all" value="all" />
+		<label for="rp_all">crwdns566:0crwdne566:0</label>
+		<br>
+		<h5>crwdns567:0crwdne567:0</h5>
+		<input class="with-gap" onchange="settings()" name="gif" type="radio" id="g_yes" value="yes" />
+		<label for="g_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="gif" type="radio" id="g_no" value="no" />
+		<label for="g_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns572:0crwdne572:0</h5>
+		<input class="with-gap" onchange="settings()" name="tag" type="radio" id="t_all" value="all" />
+		<label for="t_all">crwdns573:0crwdne573:0</label>
+		<input class="with-gap" onchange="settings()" name="tag" type="radio" id="t_local" value="local" />
+		<label for="t_local">crwdns574:0crwdne574:0</label>
+		<br>
+		<h5>crwdns575:0crwdne575:0</h5>
+		<input class="with-gap" onchange="settings()" name="via" type="radio" id="via_yes" value="yes" />
+		<label for="via_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="via" type="radio" id="via_hide" value="hide" />
+		<label for="via_hide">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns576:0crwdne576:0</h5>
+		crwdns577:0crwdne577:0<br>
+		<input class="with-gap" onchange="settings()" name="mov" type="radio" id="mov_yes" value="yes" />
+		<label for="mov_yes">crwdns578:0crwdne578:0</label>
+		<input class="with-gap" onchange="settings()" name="mov" type="radio" id="mov_click" value="click" />
+		<label for="mov_click">crwdns579:0crwdne579:0</label>
+		<input class="with-gap" onchange="settings()" name="mov" type="radio" id="mov_no" value="no" />
+		<label for="mov_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns580:0crwdne580:0</h5>
+		<input class="with-gap" onchange="settings()" name="notfm" type="radio" id="notfm_yes" value="yes" />
+		<label for="notfm_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="notfm" type="radio" id="notfm_no" value="no" />
+		<label for="notfm_no">crwdns527:0crwdne527:0</label>
+		<br>
+		<h5>crwdns581:0crwdne581:0</h5>
+		crwdns582:0crwdne582:0
+		<br>
+		<input type="text" style="width:50px" id="sentence">crwdns583:0crwdne583:0 crwdns543:0crwdne543:0 crwdns585:0crwdne585:0
+		<input type="text" style="width:50px" id="letters">crwdns584:0crwdne584:0 crwdns543:0crwdne543:0
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns586:0crwdne586:0
+        </h5>
+		<input type="text" style="width:50px" id="img-height">px
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns1908:0crwdne1908:0</h5>
+		crwdns1910:0crwdne1910:0<br>
+		<input class="with-gap" onchange="settings()" name="ticker" type="radio" id="ticker_yes" value="yes" />
+		<label for="ticker_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="ticker" type="radio" id="ticker_no" value="no" />
+		<label for="ticker_no">crwdns527:0crwdne527:0</label>
+		<br>
+	</div>
+	</li>
+	<li>
+	<div class="collapsible-header">
+			<i class="material-icons">send</i>crwdns587:0crwdne587:0
+	</div>
+	<div class="collapsible-body">
+		<h5>crwdns590:0crwdne590:0</h5>
+		<input type="text" style="width:150px" id="cw-text">
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns588:0crwdne588:0</h5>
+		crwdns589:0crwdne589:0
+		<br>
+		<input type="text" style="width:50px" id="cw_sentence">crwdns583:0crwdne583:0 crwdns543:0crwdne543:0 crwdns585:0crwdne585:0
+		<input type="text" style="width:50px" id="cw_letters">crwdns584:0crwdne584:0 crwdns543:0crwdne543:0
+		<button class="btn waves-effect" style="width:100px;" onclick="settings()">crwdns525:0crwdne525:0</button>
+		<br>
+		<h5>crwdns591:0crwdne591:0</h5>
+		<input class="with-gap" onchange="settings()" name="cws" type="radio" id="cws_yes" value="yes" />
+		<label for="cws_yes">crwdns526:0crwdne526:0</label>
+		<input class="with-gap" onchange="settings()" name="cws" type="radio" id="cws_no" value="no" />
+		<label for="cws_no">crwdns527:0crwdne527:0
+		</label>
+		<br>
+		<h5>crwdns592:0crwdne592:0</h5>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="public" value="public" />
+		<label for="public">crwdns593:0crwdne593:0</label>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="unlisted" value="unlisted" />
+		<label for="unlisted">crwdns594:0crwdne594:0</label>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="private" value="private" />
+		<label for="private">crwdns595:0crwdne595:0</label>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="direct" value="direct" />
+		<label for="direct">crwdns596:0crwdne596:0</label>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="memory" value="memory" />
+		<label for="memory">crwdns1912:0crwdne1912:0</label>
+		<input class="with-gap" onchange="settings()" name="vis" type="radio" id="server" value="server" />
+		<label for="server">crwdns1914:0crwdne1914:0</label>
+		<br>
+		<h5>crwdns599:0crwdne599:0</h5>
+		<input class="with-gap" onchange="settings()" name="img" type="radio" id="i_url" value="url" />
+		<label for="i_url">crwdns600:0crwdne600:0</label>
+		<input class="with-gap" onchange="settings()" name="img" type="radio" id="i_no-act" value="no-act" />
+		<label for="i_no-act">crwdns601:0crwdne601:0</label>
+		<br>
+		<input class="with-gap" onchange="settings()" name="img" type="radio" id="i_inline" value="inline" disabled />
+		<label for="i_inline">crwdns602:0crwdne602:0 
+			<!--画像を投稿し、インラインで表示(Markdownに対応したインスタンスのみ。マルチアカウント環境では非推奨。)-->
+		</label>
+		<br>
+		<h5>crwdns568:0crwdne568:0</h5>
+		<input class="with-gap" onchange="settings()" name="box" type="radio" id="bx_yes" value="yes" />
+		<label for="bx_yes">crwdns569:0crwdne569:0</label>
+		<input class="with-gap" onchange="settings()" name="box" type="radio" id="bx_no" value="no" />
+		<label for="bx_no">crwdns571:0crwdne571:0
+		</label>
+		<input class="with-gap" onchange="settings()" name="box" type="radio" id="bx_abs" value="absolute" />
+		<label for="bx_abs">crwdns570:0crwdne570:0</label>
+		<br>
+		<h5>crwdns603:0crwdne603:0</h5>
+		<input class="with-gap" onchange="settings()" name="quote" type="radio" id="q_simple" value="simple" />
+		<label for="q_simple">crwdns604:0crwdne604:0</label>
+		<input class="with-gap" onchange="settings()" name="quote" type="radio" id="q_mention" value="mention" />
+		<label for="q_mention">crwdns605:0crwdne605:0</label>
+		<input class="with-gap" onchange="settings()" name="quote" type="radio" id="q_full" value="full" />
+		<label for="q_full">crwdns606:0crwdne606:0
+		</label>
+		<br>
+		<h5>crwdns607:0crwdne607:0</h5>
+		crwdns608:0crwdne608:0<br>
+		<input class="with-gap" onchange="settings()" name="main" type="radio" id="mn_remain" value="remain" />
+		<label for="mn_remain">crwdns609:0crwdne609:0</label>
+		<input class="with-gap" onchange="settings()" name="main" type="radio" id="mn_main" value="main" />
+		<label for="mn_main">crwdns610:0crwdne610:0</label>
+		</label>
+		<h5>crwdns1916:0crwdne1916:0</h5>
+		crwdns1918:0crwdne1918:0<br>
+		<input class="with-gap" onchange="settings()" name="sec" type="radio" id="sec-nothing" value="nothing" />
+		<label for="sec-nothing">crwdns1920:0crwdne1920:0</label>
+		<input class="with-gap" onchange="settings()" name="sec" type="radio" id="sec-public" value="public" />
+		<label for="sec-public">crwdns593:0crwdne593:0</label>
+		<input class="with-gap" onchange="settings()" name="sec" type="radio" id="sec-unlisted" value="unlisted" />
+		<label for="sec-unlisted">crwdns594:0crwdne594:0</label>
+		<input class="with-gap" onchange="settings()" name="sec" type="radio" id="sec-private" value="private" />
+		<label for="sec-private">crwdns595:0crwdne595:0</label>
+		<input class="with-gap" onchange="settings()" name="sec" type="radio" id="sec-direct" value="direct" />
+		<label for="sec-direct">crwdns596:0crwdne596:0</label>
+		<input class="with-gap hide kirishima" onchange="settings()" name="sec" type="radio" id="sec-local" value="local" />
+		<label for="sec-local">crwdns1922:0crwdne1922:0</label><span class="hide kirishima">非対応インスタンスでは「未収載」になります。</span>
+		<br>
+	</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+				<i class="material-icons">keyboard</i>crwdns611:0crwdne611:0
+		</div>
+		<div class="collapsible-body">
+			<h5>crwdns612:0crwdne612:0</h5>
+			crwdns613:0crwdne613:0<br>
+			Ctrl+Shift+1:<input type="text" style="width:150px" id="oks-1">
+			<button onclick="oks(1)" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button><br><br>
+			Ctrl+Shift+2:<input type="text" style="width:150px" id="oks-2">
+			<button onclick="oks(2)" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button><br><br>
+			Ctrl+Shift+3:<input type="text" style="width:150px" id="oks-3">
+			<button onclick="oks(3)" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button><br><br>
+
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+				<i class="material-icons">bookmark</i>crwdns614:0crwdne614:0
+		</div>
+		<div class="collapsible-body">
+			<h5>crwdns615:0crwdne615:0</h5>
+			<div id="mute-cli"></div>
+			<h5>crwdns616:0crwdne616:0</h5>
+			crwdns617:0crwdne617:0
+			<h5>crwdns619:0crwdne619:0</h5>
+			crwdns618:0crwdne618:0<br>
+			<div class="chips" id="wordmute" style="background-color:gray;"></div>
+			<button onclick="wordmuteSave()" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button>
+			<h5>crwdns620:0crwdne620:0</h5>
+			crwdns618:0crwdne618:0<br>
+			<div class="chips" id="wordemp" style="background-color:gray;"></div>
+			<button onclick="wordempSave()" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button>
+			<h5>crwdns621:0crwdne621:0</h5>
+			crwdns622:0crwdne622:0
+			<span class="emphasized">　crwdns623:0crwdne623:0　</span>
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+			<i class="fa fa-spotify"></i>crwdns624:0crwdne624:0
+		</div>
+		<div class="collapsible-body">
+			<h5>{{npProvider}}</h5>
+			{{npPeoviderWarn}}<br>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="aimp" value="AIMP" />
+			<label for="aimp">AIMP</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="itunes" value="ITUNES" />
+			<label for="itunes">iTunes</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="npmm" value="MEDIAMONKEY" />
+			<label for="npmm">MediaMonkey</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="winamp" value="WINAMP" />
+			<label for="winamp">Winamp</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="wmp" value="WMP" />
+			<label for="wmp">WMP</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="wlm" value="WLM" />
+			<label for="wlm">WLM</label>
+			<input class="with-gap" onchange="npprovider()" name="npp" type="radio" id="cad" value="CAD" />
+			<label for="cad">CAD</label><br><br>
+			crwdns625:0crwdne625:0<i class="material-icons" style="font-size:24px;">music_note</i>crwdns626:0crwdne626:0<br>
+			<h5>crwdns627:0crwdne627:0</h5>
+			crwdns628:0crwdne628:0<br>
+			<div id="spotify-code-show" class="hide"><input type="text" id="spotify-code"><button onclick="spotifyAuth()" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button></div>
+			<a onclick="spotifyConnect()" class="btn waves-effect nex" style="width:100%; max-width:200px; background-color:#1ed760;" id="spotify-enable"><i class="fa fa-spotify left"></i>crwdns629:0crwdne629:0</a>
+			<a onclick="spotifyDisconnect()" class="btn waves-effect nex disabled" style="width:100%; max-width:200px; background-color:#1ed760;" id="spotify-disable"><i class="fa fa-spotify left"></i>crwdns630:0crwdne630:0</a>
+			<h5>crwdns631:0crwdne631:0</h5>
+			crwdns632:0crwdne632:0<br>
+			<textarea id="np-temp" class="materialize-textarea" data-length="500">#NowPlaying {song} / {album} / {artist}
+{url}</textarea><br>
+				crwdns633:0{song}crwdnd633:0{album}crwdnd633:0{artist}crwdnd633:0{url}crwdne633:0<br>
+				crwdns634:0{url}crwdnd634:0{composer}crwdnd634:0{hz}crwdnd634:0{bitRate}crwdnd634:0{genre}crwdne634:0<br>
+				{{templete3}}<br>
+				<span class="imas hide">CINDERELLA NowPlaying(imastodon.net限定)では作曲家{composer}/作詞家{lyricist}/BPM{bpm}が有効です。<br>
+                    CINDERELLA NowPlayingはimastodon.netにログインしているとき、トゥート欄に「//」を入力し、その後に曲名を入れることで可能です。</span><br>
+			<button onclick="spotifySave()" class="btn waves-effect" style="width:100px;">crwdns525:0crwdne525:0</button>
+			<h5>crwdns635:0crwdne635:0</h5>
+			<span class="imas hide">この設定はCINDERELLA NowPlaying(imastodon.net限定)にも適用されます。</span><br>
+			<input class="with-gap" onchange="spotifyFlagSave()" name="awk" type="radio" id="awk_yes" value="yes" />
+			<label for="awk_yes">crwdns526:0crwdne526:0</label>
+			<input class="with-gap" onchange="spotifyFlagSave()" name="awk" type="radio" id="awk_no" value="no" />
+			<label for="awk_no">crwdns527:0crwdne527:0</label>
+			<br>
+		</div>
+	</li>
+	<li>
+		<div class="collapsible-header">
+			<i class="material-icons">hearing</i>crwdns636:0crwdne636:0
+		</div>
+		<div class="collapsible-body">
+			<h5>crwdns637:0crwdne637:0</h5>
+			crwdns638:0crwdne638:0<br>
+			<p class="range-field"><input type="range" id="voicespeed" min="1" max="100" value="10" style="width:500px; max-width:100%"/></p>
+			<h5>crwdns639:0crwdne639:0</h5>
+			crwdns640:0crwdne640:0<br>
+			<p class="range-field"><input type="range" id="voicepitch" min="0" max="100" value="50" style="width:500px; max-width:100%"/></p>
+			<h5>crwdns641:0crwdne641:0</h5>
+			crwdns642:0crwdne642:0<br>
+			<p class="range-field"><input type="range" id="voicevol" min="0" max="100" value="100" style="width:500px; max-width:100%"/></p>
+			<h5>crwdns643:0crwdne643:0</h5>
+			<input type="text" style="width:350px" id="voicetxt" value="crwdns644:0crwdne644:0">
+			<button class="btn waves-effect blue" style="width:150px;" onclick="voicePlay()" id="testplay">crwdns645:0crwdne645:0</button><br>
+			<br>
+			<button class="btn waves-effect" style="width:100px;" onclick="voiceSettings()">crwdns525:0crwdne525:0</button>
+		</div>
+	</li>
+</ul>
+<br>
+<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;"><i class="material-icons left">undo</i>crwdns646:0crwdne646:0</a>
+<br>
+<br>crwdns647:0crwdne647:0
+<li>Ctrl+1-9:crwdns648:0crwdne648:0</li>
+<li>N:crwdns649:0crwdne649:0</li>
+<li>X:crwdns650:0crwdne650:0</li>
+<li>Ctrl+Enter:crwdns651:0crwdne651:0</li>
+<li>Ctrl+Enter+Shift:crwdns1924:0crwdne1924:0</li>
+<li>Ctrl+E:crwdns652:0crwdne652:0</li>
+<li>Esc:crwdns653:0crwdne653:0</li>
+<li>F5:crwdns654:0crwdne654:0</li>
+<li>Ctrl+Shift+C:crwdns655:0crwdne655:0</li>
+<li>Ctrl+Shift+S:crwdns524:0crwdne524:0</li>
+<li>Ctrl+Shift+M:crwdns656:0crwdne656:0</li>
+<li>Ctrl+Shift+N:NowPlaying(Spotify)</li>
+<li>Ctrl+Shift+P:crwdns657:0crwdne657:0</li>
+<li>←/→:crwdns658:0crwdne658:0</li>
+<li>crwdns659:0crwdne659:0</li>
+<div class="hide kirishima">
+以下Markdownに対応したインスタンスのみ。
+<br>
+<li>Ctrl+B/I/S/U:太字/斜字/取り消し/下線</li>
+<li>Shift+Enter:全角スペースを入れて改行</li>
+<li>Shift+Space:ゼロ幅スペース</li>
+以下アスタルテにログインしている場合のみ 
+<br>
+<li>Ctrl+R: 
+<a href="https://astarte.thedesk.top">アスタルテ暇人ランキング</a>を開く
+</li><br>
+</div>
+<button class="btn waves-effect red" style="width:100%; max-width:500px;" onclick="if(confirm('crwdns661:0crwdne661:0')){ localStorage.clear(); location.href='index.html'; }"><i class="material-icons left">delete</i>crwdns660:0crwdne660:0</button><br><br>
+<button class="btn waves-effect indigo" onclick="about()" style="width:100%; max-width:500px;"><i class="material-icons left">info</i>crwdns662:0crwdne662:0</button>
+<a href="https://thedesk.top" class="btn waves-effect deep-purple lighten-2" style="width:100%; max-width:500px;"><i class="material-icons left">web</i>crwdns663:0crwdne663:0</a>
+<a href="https://enty.jp/Cutls" class="btn waves-effect purple lighten-2" style="width:100%; max-width:500px;"><i class="material-icons left">trending_up</i>crwdns664:0crwdne664:0(Enty)</a>
+<a href="https://docs.thedesk.top" class="btn waves-effect blue darken-2" style="width:100%; max-width:500px;"><i class="material-icons left">list</i>crwdns665:0crwdne665:0/Docs(Constructing)</a>
+<a href="https://github.com/cutls/TheDesk" class="btn waves-effect black lighten-2" style="width:100%; max-width:500px;"><i class="fa fa-github left"></i>GitHub</a>
+<a href="index.html?mode=user&code=Cutls@kirishima.cloud" class="btn waves-effect blue lighten-2" style="width:100%; max-width:500px;"><img src="../../img/desk_full.svg" class="left" width="25" style="padding-top:5px;">Developer: Cutls@kirishima.cloud</a>
+<a class="btn waves-effect red lighten-2" href="https://osushi.love/Cutls_P" target="_blank" style="width:100%; max-width:500px;"><img src="../../img/sushi.svg" class="left" width="25" style="padding-top:5px;">crwdns666:0crwdne666:0</a>
+<br>
+Kyash<br>
+			<img src="../../img/kyash.png" width="100"><br>
+<a onclick="localStorage.removeItem('new-ver-skip'); location.href='index.html';" class="pointer">crwdns667:0crwdne667:0</a><br>
+<a href="oss.html">OSS Licensecrwdns668:0crwdne668:0</a><br>
+<span style="font-family:Open Sans;">Copyright &copy; TheDesk 2018 All Rights Reserved. 
+	Under <a href="https://github.com/cutls/TheDesk/blob/master/LICENSE">GNU General Public License v3.0</a> and <a href="https://github.com/cutls/TheDesk/blob/master/TOS.md">Terms of Use</a>
+	<br>Developer: Cutls P( 
+	<a href="index.html?mode=user&code=Cutls@kirishima.cloud">@Cutls@kirishima.cloud</a>)
+	<br>
+</span><br>
+TheDeskおよびCutls Pは<a href="https://donken.org/">被災地支援のためのマストドン研究会</a>をログイン機能提供等の形で応援しています。<br>
+タグタイムラインを開く:<a href="index.html?mode=tag&code=被災地支援のためのマストドン研究会">#被災地支援のためのマストドン研究会</a><br>
+<script type="text/javascript" src="../../js/common/about.js"></script>
+<script type="text/javascript" src="../../js/platform/end.js"></script>
+<script type="text/javascript" src="../../js/login/logout.js"></script>
+<script type="text/javascript" src="../../js/lang/lang.js"></script>
+<script type="text/javascript" src="../../js/ui/spotify.js"></script>
+<script type="text/javascript" src="../../js/tl/speech.js"></script>
+<script type="text/javascript" src="../../js/ui/settings.js"></script>
+<script type="text/javascript" src="../../js/ui/theme.js"></script>
+<script type="text/javascript" src="../../js/tl/date.js"></script>

app/view/ps/update.html

@@ -0,0 +1,185 @@
+<!doctype html>
+<html lang="en">
+<head>
+<title>Update - TheDesk</title>
+<link href="../../css/materialize.css" type="text/css" rel="stylesheet">
+<link href="../../css/master.css" type="text/css" rel="stylesheet">
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
+<meta charset="utf-8">
+
+<script type="text/javascript">
+	var _jipt = [];
+	_jipt.push(['project', 'thedesk']);
+</script>
+<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
+
+</head>
+<body>
+<style>
+body{
+    font-family:'Open Sans';
+    -webkit-app-region: drag;
+    cursor: move;
+    padding:10px;
+    text-align:right;
+}
+#start{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width:100vw;
+    height: calc(100vh - 2.5rem);
+    text-align:center;
+}
+#checkbox{
+    text-align:left;
+}
+a,button,input,label,i{
+    -webkit-app-region: no-drag;
+}
+#updskip{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.skipbtn{
+    display:block;
+    float:left;
+    width:200px;
+    height:200px;
+    border:1px solid;
+    margin-left:5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid;
+    overflow: hidden;
+}
+.skipbtn:hover{
+    background-color: #b3e5fc;
+    transition: all 0.3s ease-in-out;
+}
+#prog{
+    font-size:200%;
+}
+</style>
+<script type="text/javascript" src="../../js/common/jquery.js"></script>
+<script type="text/javascript" src="../../js/platform/first.js"></script>
+<script type="text/javascript" src="../../js/common/materialize.js"></script>
+<i class="material-icons pointer waves-effect" onclick="about();">info</i>
+<i class="material-icons pointer waves-effect" onclick="skipper();">clear</i>
+<!--a href="update.html">Reload</a-->
+<div id="start">
+    <div id="box" class="show">
+        <h2>TheDesk</h2>
+        <p>crwdns669:0crwdne669:0</p>
+        <span id="now"></span>→<b id="ver"></b><br>
+        <span id="det"></span><br>
+        <button id="update" class="waves-effect btn" onclick="update('true')" style="margin-left:15px;">crwdns670:0crwdne670:0</button>
+        <div id="checkbox">
+            Options:<br>
+            <input type="checkbox" class="filled-in" id="portable" value="true" />
+            <label for="portable">crwdns1950:0crwdne1950:0</label><br>
+            <input type="checkbox" class="filled-in" id="rewrite" value="true" />
+            <label for="rewrite">crwdns673:0crwdne673:0</label><br>
+        </div>
+        crwdns678:0crwdne678:0<br>crwdns679:0crwdne679:0
+    </div>
+    <div id="skipper" class="hide">
+        <h4>crwdns674:0crwdne674:0</h4>
+        crwdns675:0crwdne675:0<br>
+        <div id="updskip">
+                <a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>crwdns676:0crwdne676:0</div></a>
+                <a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>crwdns677:0crwdne677:0</div></a>
+        </div>
+        <a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">crwdns680:0crwdne680:0</a>
+    </div>
+    <div id="dlnow" class="hide">
+        <h4>crwdns681:0crwdne681:0</h4>
+        <h4 id="prog"></h4>
+    </div>
+</div>
+<script type="text/javascript" src="../../js/common/about.js"></script>
+  <script type="text/javascript" src="../../js/platform/end.js"></script>
+<script>
+function skipper(){
+    $("#dlnow").addClass("hide");
+    $("#box").toggleClass("show");
+    if($("#box").hasClass("hide") && $("#skipper").hasClass("hide")){
+        $("#skipper").removeClass("hide");
+        $("#skipper").addClass("show");
+    }else{
+        $("#box").toggleClass("hide");
+        $("#skipper").toggleClass("hide");
+        $("#skipper").toggleClass("show");
+    }
+}
+var electron = require("electron");
+var ipc = electron.ipcRenderer;
+verck();
+function update(sel){
+    $("#box").toggleClass("show");
+    $("#box").toggleClass("hide");
+    $("#dlnow").toggleClass("hide");
+    $("#dlnow").toggleClass("show");
+    $("#prog").text("");
+    if($('#rewrite:checked').val()=="true"){
+        var versioning=true;
+	}else{
+        var versioning=false;
+    }
+    if($('#portable:checked').val()=="true"){
+		var zip=true;
+	}else{
+        var zip=false;
+    }
+	ipc.send('download-btn', [sel,enc(localStorage.getItem("next-ver")),zip,versioning]);
+}
+	function quit(){
+				ipc.send('quit', 'go');
+    }
+ipc.on('prog', function (event, arg) {
+    console.log(arg);
+    $("body").css('background','linear-gradient(#fff 0%,#fff '+(1-arg)*100+'%, #d7ccc8 '+(1-arg)*100+'%, #d7ccc8 100%)');
+    $("#prog").text(Math.floor(arg*100)+"%");
+})
+ipc.on('mess', function (event, arg) {
+    console.log(arg);
+	$("#prog").text(arg);
+})
+function verck(){
+    var remote=electron.remote;
+	var platform=remote.process.platform;
+	if(platform!="win32"){
+		$('#portable').prop("disabled",true)
+	}
+	var start="https://thedesk.top/ver.json";
+	fetch(start, {
+		method: 'GET',
+		headers: {'content-type': 'application/json'},
+    }).then(function(response) {
+       return response.json();
+    }).catch(function(error) {
+        todo(error);
+		console.error(error);
+    }).then(function(json) {
+		    console.log(json);
+             $("#ver").text(json.desk);
+             localStorage.setItem("next-ver",json.desk);
+			 $("#det").html(json.detail);
+			 $("#now").text(localStorage.getItem("ver"));
+    });
+}
+function nextv(){
+    localStorage.setItem("new-ver-skip","true");
+    window.close();
+}
+function enc(ver){
+    var ver = ver.replace( /\s/g , "" );
+    var ver = ver.replace( /\(/g , "-" );
+    var ver = ver.replace( /\)/g , "" );
+    var ver = ver.replace( /\[/g , "_" );
+    var ver = ver.replace( /\]/g , "" );
+    return ver;
+}
+</script>

trial.travis.yml

@@ -1,11 +1,27 @@
-os: windows
+language: objective-c
-language: node_js
+cache:
-node_js:
+  directories:
-- '9.9.0'
+    - node_modules
-script: node -v
+env:
+  - NODE_VERSION="9.9.0"
+before_install:
+  # nvm をインストールする。Travis の OS X 環境には nvm はデフォルトで入っていない
+  - git clone https://github.com/creationix/nvm.git /tmp/.nvm
+  - source /tmp/.nvm/nvm.sh
+  # 指定バージョンの Node をインストールする
+  - nvm install $NODE_VERSION
+  # 指定バージョンの Node を有効にする
+  - nvm use --delete-prefix $NODE_VERSION
+  - node --version
+script:
+  - node --version
 before_deploy:
-  - cd app
+  - brew update
+  - brew install wine
+  - wine --version
+  - brew install makensis
   - npm install electron-builder -g
+  - cd app
   - npm install
   - electron-builder --win --ia32
   - mv ../build/TheDesk-setup.exe ../TheDesk-setup-ia32.exe
@@ -13,18 +29,24 @@ before_deploy:
   - electron-builder --win --x64
   - mv ../build/TheDesk-setup.exe ../TheDesk-setup.exe
   - mv ../build/TheDesk*.exe ../TheDesk.exe
+  - electron-builder --linux --x64
+  - mv ../build/thedesk*.snap ../TheDesk.snap
+  - electron-builder --mac --x64
+  - mv ../build/TheDesk*.dmg ../TheDesk.dmg
   - cd ../
-  - ls
-after_deploy: ls
 deploy:
-  skip_cleanup: true
   provider: releases
+  # GitHub にリリースするための API KEY を暗号化した値
   api_key:
     secure: jndR02p5KRTtcJk18b3YsXL2cC+yzEf1AOqXdpWciF8f3lO5oY01jlxd17xdHIcK7VywSsLVZpLToSdqAoIEhJ5OxEQ/FmA3FlmbwwD6ou13gLa4VGIvsBHveCmKGjVu0Z++atIy76tZYU1SOWFWv4B0ZhnVz2ca2VZynvLgw3YNsPJH7rHO966GXgRkGYJAJ4UvLg3sj/iztVh2FSfbUj5IGO1e/JHJO63wAo1MSQtRjkutVgl/djnBLC6vbL4YHkM3Ynpkx/YQEcxwrmeY0Ra8D5yYDq4MNIDMmZahWC+k4u2eA2Cj2ifBFNxbZvTN75vLwRBp6DsTNHsiqkXrSPDBdNeet31RbwTQ6LtsK8jqmL4S/59dmLcj7uCU2WxyBLPbJdbdZWlqW2ZQvfQY8QVAYy7S3MiHQWQN0oP5wqXk89jcgR42ig/zsqFNPpXHM4mExR7l/gDLPg0j9c3XEF6sWtk3FmJN1i4+B+9kn09b6UKlV7EFPKp8XcFNrz4ZcE9/I8lKwsqLVG2jAXIk7Z9LwDRcAmK5eG348X5zwFtOY6raKIvRw2cn92bPnEI+55v8A4WANS2647GFTgxHj30D0d/sOZmJ5BS34zpdWTgE0AlKg7sOqkncjqoW5J5zCh5Ow7b3KXvEvlAts44mAag8tZTectxMP4iguXvTnv4=
-  file: 
+  # Releases ページにアップロードするファイル
+  file:
     - TheDesk.exe
     - TheDesk-setup.exe
     - TheDesk-ia32.exe
     - TheDesk-setup-ia32.exe
+    - TheDesk.snap
+    - TheDesk.dmg
+  skip_cleanup: true
   on:
-    repo: cutls/TheDesk
+    repo: cutls/TheDesk