2018-07-30 02:35:29 +09:00
<!doctype html>
2019-05-07 00:42:06 +09:00
< html lang = "en" style = "overflow:scroll" >
2019-04-11 12:52:38 +09:00
2018-07-30 02:35:29 +09:00
< head >
< title > Settings - TheDesk< / title >
2019-02-05 11:33:32 +09:00
<!--
< script type = "text/javascript" >
var _jipt = [];
_jipt.push(['project', 'thedesk']);
< / script >
< script type = "text/javascript" src = "https://cdn.crowdin.com/jipt/jipt.js" > < / script >
-->
2018-07-30 02:35:29 +09:00
< meta content = "width=device-width,initial-scale=1.0" name = "viewport" >
2018-09-12 01:49:41 +09:00
< link href = "../../css/materialize.css" type = "text/css" rel = "stylesheet" >
< link href = "../../css/themes.css" type = "text/css" rel = "stylesheet" >
2019-03-08 03:19:26 +09:00
< link href = "../../css/pickr.css" type = "text/css" rel = "stylesheet" >
2018-09-12 01:49:41 +09:00
< link href = "../../css/master.css" type = "text/css" rel = "stylesheet" >
< link href = '../../css/font-awesome.css' rel = 'stylesheet' type = 'text/css' >
2018-07-30 02:35:29 +09:00
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel = "stylesheet" >
< meta charset = "utf-8" >
2019-04-11 12:52:38 +09:00
< style >
input {
max-height: 50px !important
}
.pcr-result {
height: 1rem !important;
}
< / style >
2018-07-30 02:35:29 +09:00
< / head >
2019-04-11 12:52:38 +09:00
2018-07-30 02:35:29 +09:00
< body id = "mainView" style = "overflow-y:scroll" >
2019-04-11 12:52:38 +09:00
< 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 >
2019-05-07 00:42:06 +09:00
< script type = "text/javascript" src = "../../js/lang/lang.en.js" > < / script >
2019-04-11 12:52:38 +09:00
< script src = "https://unpkg.com/json5@^2.0.0/dist/index.min.js" > < / script >
< script src = "../../node_modules/vue/dist/vue.min.js" > < / script >
< script type = "text/javascript" src = "setting.vue.js" > < / script >
2019-03-08 03:19:26 +09:00
2019-05-07 00:42:06 +09:00
< h4 > Preferences< / h4 >
2019-04-11 12:52:38 +09:00
< ul class = "collapsible" data-collapsible = "accordion" >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > desktop_windows< / i > System Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h5 > Languages< / h5 >
2019-04-11 12:52:38 +09:00
To translate with Crowdin, you have to login Crowdin and restart TheDesk when login is finished.< br >
2019-05-07 00:42:06 +09:00
< a onclick = "changelang('ja')" class = "pointer" style = "margin-right:5px;" > 日本語< / a > < a onclick = "changelang('en')" class = "pointer" style = "margin-right:5px;" > English< / a > < a onclick = "changelang('ps')" class = "pointer" style = "margin-right:5px;" > Crowdin translate system(beta)< / a >
< h5 > Import and export of preferences< / h5 >
2019-04-11 12:52:38 +09:00
< button onclick = "exportSettings()" class = "btn waves-effect lime darken-3"
2019-05-07 00:42:06 +09:00
style="width:100%; max-width:200px;">Export< / button >
2019-04-11 12:52:38 +09:00
< button onclick = "importSettings()" class = "btn waves-effect cyan darken-3"
2019-05-07 00:42:06 +09:00
style="width:100%; max-width:200px;">Import< / button >
2019-04-11 12:52:38 +09:00
< div id = "envView" >
< template v-for = "(item, i) in config" >
< h5 > {{item.text.head}}< / h5 >
2019-04-15 00:45:04 +09:00
< template v-if = "item.text.desc" >
< templete v-html = "item.text.desc" > < / templete > < br >
2019-04-11 12:52:38 +09:00
< / template >
< template v-if = "item.id=='notf'" > < a onclick = "notftest()"
2019-05-07 00:42:06 +09:00
class="pointer">Notification test< / a > < br > < / template >
2019-04-11 12:52:38 +09:00
< template v-if = "item.checkbox" >
< template v-for = "(check, j) in item.text.checkbox" >
< input class = "with-gap" v-on:click = "complete(i,check.value)" v-model = "item.setValue"
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
< label v-bind:for = "item.id+check.value" > {{check.text}}< / label >
< / template >
< / template >
< template v-else >
< template v-if = "item.doubleText" >
< template v-for = "(textbox, j) in item.data" >
< input type = "text" v-model = "textbox.setValue" type = "radio" v-bind:id = "textbox.id"
v-bind:style="{ width: textbox.width+'px'}" />{{textbox.text.after}}
< / template >
< / template >
< template v-else >
< input type = "text" v-model = "item.setValue" type = "radio" v-bind:id = "item.id"
v-bind:style="{ width: item.width+'px'}" />{{item.text.after}}
< / template >
< button class = "btn waves-effect" style = "width:100px;"
2019-05-07 00:42:06 +09:00
v-on:click="complete(i)">Change< / button >
2019-04-11 12:52:38 +09:00
< / template > < br >
2019-03-15 20:12:11 +09:00
< / template >
2019-04-11 12:52:38 +09:00
< / div >
2019-05-07 00:42:06 +09:00
< h5 > Font< / h5 >
Select your favorite font to 'Select'(Windows/ macOS only)< br >
< button class = "btn waves-effect" style = "width:100px;" onclick = "font()" > Select< / button > < br >
2019-04-11 12:52:38 +09:00
< div id = "fonts" class = "hide" style = "overflow-y:scroll; width:300px; height:500px;" > < / div >
< br >
< input type = "text" style = "width:150px" id = "font" >
2019-05-07 00:42:06 +09:00
< button class = "btn waves-effect" style = "width:100px;" onclick = "settings()" > Save< / button >
2019-04-11 12:52:38 +09:00
< br >
2019-05-07 00:42:06 +09:00
< h5 > Folder to save< / h5 >
TheDesk uses this value when it try to save pictures or take screenshots.< br >
< button class = "btn waves-effect" style = "width:100px;" onclick = "savefolder()" > Change< / button >
2019-04-11 12:52:38 +09:00
< br >
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > color_lens< / i > Themes
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h4 > Select theme< / h4 >
2019-04-11 12:52:38 +09:00
< 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 >
< input class = "with-gap" onchange = "settings()" name = "theme" type = "radio" id = "custom" value = "custom" / >
< label for = "custom" > Custom< / label >
< div style = "width:300px" id = "sel-selector" >
< select id = "custom-sel-sel" class = "custom-sel" onchange = "customSel()" > < / select >
< / div >
2019-05-07 00:42:06 +09:00
< h4 > Edit and add custom themes< / h4 >
< div style = "width:300px" id = "edit-selector" data-add = "Add new" >
2019-04-11 12:52:38 +09:00
< select id = "custom-edit-sel" class = "custom-sel" onchange = "custom()" >
2019-05-07 00:42:06 +09:00
< option value = "add_new" > Add new< / option >
2019-04-11 12:52:38 +09:00
< / select >
< / div >
2019-05-07 00:42:06 +09:00
< h5 > Name< / h5 >
< input type = "text" style = "width:300px" id = "custom_name" placeholder = "Name..." >
< h5 > About this theme< / h5 >
2019-04-11 12:52:38 +09:00
< div class = "input-field" > < textarea style = "width:300px" id = "custom_desc" class = "materialize-textarea"
2019-05-07 00:42:06 +09:00
placeholder="About this theme...">< / textarea > < / div >
< h5 > Color scheme< / h5 >
2019-04-16 01:38:29 +09:00
< input class = "with-gap" name = "direction" type = "radio" id = "dark" value = "dark" checked = "true" / >
2019-04-11 12:52:38 +09:00
< label for = "dark" > Dark< / label >
2019-04-16 01:38:29 +09:00
< input class = "with-gap" name = "direction" type = "radio" id = "light" value = "light" / >
2019-04-11 12:52:38 +09:00
< label for = "light" > Light< / label >
< div id = "pickers" >
< div >
2019-05-07 00:42:06 +09:00
< h5 > Primary< / h5 > Background of components
2019-04-11 12:52:38 +09:00
< div id = "color-picker0-wrap" >
< div class = "color-picker" id = "color-picker0" > < / div >
< / div >
< input type = "hidden" id = "color-picker0_value" >
< / div >
< div >
2019-05-07 00:42:06 +09:00
< h5 > Secondary< / h5 > Background color
2019-04-11 12:52:38 +09:00
< div id = "color-picker1-wrap" >
< div class = "color-picker" id = "color-picker1" > < / div >
< / div >
< input type = "hidden" id = "color-picker1_value" >
< / div >
< div >
2019-05-07 00:42:06 +09:00
< h5 > Texts< / h5 > Text color
2019-04-11 12:52:38 +09:00
< div id = "color-picker2-wrap" >
< div class = "color-picker" id = "color-picker2" > < / div >
< / div >
< input type = "hidden" id = "color-picker2_value" >
< / div >
< div >
2019-05-07 00:42:06 +09:00
< h5 > Accent< / h5 > Background of boosts
2019-04-15 00:45:04 +09:00
< div id = "color-picker3-wrap" >
< div class = "color-picker" id = "color-picker3" > < / div >
< / div >
< input type = "hidden" id = "color-picker3_value" >
2019-04-11 12:52:38 +09:00
< / div >
< / div >
2019-05-07 00:42:06 +09:00
< button class = "btn-large waves-effect" onclick = "customComp()" > Change< / button > < button
class="btn waves-effect red disabled" id="delTheme" onclick="deleteIt()">Delete< / button > < br > < br >
2019-04-11 12:52:38 +09:00
< input type = "text" style = "width:300px" id = "custom_json" class = "materialize-textarea"
placeholder="JSON style" readonly>< br >
2019-05-07 00:42:06 +09:00
Share this code with other TheDesk. Do not share this code with MiAS.
< h4 > Import of custom themes< / h4 >
Get more themes on < a href = "https://assets.msky.cafe/" target = "_blank" > MiAS< / a > < br >
2019-04-11 12:52:38 +09:00
< input type = "text" style = "width:300px" id = "custom_import" class = "materialize-textarea"
placeholder="JSON/JSON5 style">
2019-05-07 00:42:06 +09:00
< button class = "btn waves-effect" onclick = "customImp()" > Import< / button > < br >
2019-04-11 12:52:38 +09:00
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > reorder< / i > Timeline Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
< div id = "tlView" >
< template v-for = "(item, i) in config" >
< h5 > {{item.text.head}}< / h5 >
2019-04-15 00:45:04 +09:00
< template v-if = "item.text.desc" >
< templete v-html = "item.text.desc" > < / templete > < br >
2019-04-11 12:52:38 +09:00
< / template >
< template v-if = "item.checkbox" >
< template v-for = "(check, j) in item.text.checkbox" >
< input class = "with-gap" v-on:click = "complete(i,check.value)" v-model = "item.setValue"
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
2019-03-15 20:12:11 +09:00
< label v-bind:for = "item.id+check.value" > {{check.text}}< / label >
< / template >
2019-04-11 12:52:38 +09:00
< / template >
< template v-else >
< template v-if = "item.doubleText" >
< template v-for = "(textbox, j) in item.data" >
< input type = "text" v-model = "textbox.setValue" type = "radio" v-bind:id = "textbox.id"
v-bind:style="{ width: textbox.width+'px'}" />{{textbox.text.after}}
< / template >
< / template >
< template v-else >
< input type = "text" v-model = "item.setValue" type = "radio" v-bind:id = "item.id"
v-bind:style="{ width: item.width+'px'}" />{{item.text.after}}
< / template >
< button class = "btn waves-effect" style = "width:100px;"
2019-05-07 00:42:06 +09:00
v-on:click="complete(i)">Change< / button >
2019-04-11 12:52:38 +09:00
< / template > < br >
2019-03-15 20:12:11 +09:00
< / template >
2019-04-11 12:52:38 +09:00
< / div >
2019-05-07 00:42:06 +09:00
< h5 > Custom sound< / h5 >
2019-04-15 00:45:04 +09:00
< button class = "btn waves-effect" style = "width:120px;" onclick = "customSound(1)" > Custom 1< / button > < span id = "c1-file" > < / span > < br >
< button class = "btn waves-effect" style = "width:120px;" onclick = "customSound(2)" > Custom 2< / button > < span id = "c2-file" > < / span > < br >
< button class = "btn waves-effect" style = "width:120px;" onclick = "customSound(3)" > Custom 3< / button > < span id = "c3-file" > < / span > < br >
< button class = "btn waves-effect" style = "width:120px;" onclick = "customSound(4)" > Custom 4< / button > < span id = "c4-file" > < / span > < br >
2019-04-11 12:52:38 +09:00
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > send< / i > Posting Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
< div id = "postView" >
< template v-for = "(item, i) in config" >
< h5 > {{item.text.head}}< / h5 >
2019-04-15 00:45:04 +09:00
< template v-if = "item.text.desc" >
< templete v-html = "item.text.desc" > < / templete > < br >
2019-04-11 12:52:38 +09:00
< / template >
< template v-if = "item.checkbox" >
< template v-for = "(check, j) in item.text.checkbox" >
< template v-if = "!check.kirishima || (check.kirishima && kirishima)" >
< input class = "with-gap" v-on:click = "complete(i,check.value)" v-model = "item.setValue"
type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
< label v-bind:for = "item.id+check.value" > {{check.text}}< / label >
< span v-if = "check.kirishimaText" > {{check.kirishimaText}}< / span >
< / template >
< / template >
< / template >
< template v-else >
< template v-if = "item.doubleText" >
< template v-for = "(textbox, j) in item.data" >
< input type = "text" v-model = "textbox.setValue" type = "radio" v-bind:id = "textbox.id"
v-bind:style="{ width: textbox.width+'px'}" />{{textbox.text.after}}
< / template >
< / template >
< template v-else >
< input type = "text" v-model = "item.setValue" type = "radio" v-bind:id = "item.id"
v-bind:style="{ width: item.width+'px'}" />{{item.text.after}}
< / template >
< button class = "btn waves-effect" style = "width:100px;"
2019-05-07 00:42:06 +09:00
v-on:click="complete(i)">Change< / button >
2019-04-11 12:52:38 +09:00
< / template > < br >
2019-03-15 20:12:11 +09:00
< / template >
2019-04-11 12:52:38 +09:00
< / div >
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > keyboard< / i > Keyboard shortcut Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h5 > Easy inserter< / h5 >
You can insert any letters and emojis with only 3 keys< br >
2019-04-11 12:52:38 +09:00
Ctrl+Shift+1:< input type = "text" style = "width:150px" id = "oks-1" >
2019-05-07 00:42:06 +09:00
< button onclick = "oks(1)" class = "btn waves-effect" style = "width:100px;" > Save< / button > < br > < br >
2019-04-11 12:52:38 +09:00
Ctrl+Shift+2:< input type = "text" style = "width:150px" id = "oks-2" >
2019-05-07 00:42:06 +09:00
< button onclick = "oks(2)" class = "btn waves-effect" style = "width:100px;" > Save< / button > < br > < br >
2019-04-11 12:52:38 +09:00
Ctrl+Shift+3:< input type = "text" style = "width:150px" id = "oks-3" >
2019-05-07 00:42:06 +09:00
< button onclick = "oks(3)" class = "btn waves-effect" style = "width:100px;" > Save< / button > < br > < br >
2018-07-30 02:35:29 +09:00
2019-04-11 12:52:38 +09:00
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > bookmark< / i > Mute & Emphasis Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h5 > Client Mute< / h5 >
2019-04-11 12:52:38 +09:00
< div id = "mute-cli" > < / div >
2019-05-07 00:42:06 +09:00
< h5 > Client Emphasis< / h5 >
Click client name on toots to toggle mute and emphasis.
< h5 > Words Mute< / h5 >
Enter to set< br >
2019-04-11 12:52:38 +09:00
< div class = "chips" id = "wordmute" style = "background-color:gray;" > < / div >
2019-05-07 00:42:06 +09:00
< button onclick = "wordmuteSave()" class = "btn waves-effect" style = "width:100px;" > Save< / button >
< h5 > Words Emphasis< / h5 >
Enter to set< br >
2019-04-11 12:52:38 +09:00
< div class = "chips" id = "wordemp" style = "background-color:gray;" > < / div >
2019-05-07 00:42:06 +09:00
< button onclick = "wordempSave()" class = "btn waves-effect" style = "width:100px;" > Save< / button >
< h5 > Users Emphasis< / h5 >
Set on users data modals.
< span class = "emphasized" > < / span >
2019-04-11 12:52:38 +09:00
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "fa fa-spotify" > < / i > Spotify and NowPlaying Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h5 > NowPlaying Provider(Windows)< / h5 >
macOS and Linux are not supported. AIMP and iTunes were checked by developer. < br > CAD:foobar2000, MusicBee,J. River Media Center, Media Jukebox< br > WLM:Last.fm Client, TTPlayer, OpenPandora, Zune.< br > For foobar2000, < a href = "http://poiru.github.com/foo-cad/" > foo_cad plugin< / a > is required. And MusicBee requires CAD.< br >
2019-04-11 12:52:38 +09:00
< 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 >
2019-05-07 00:42:06 +09:00
Click < i class = "material-icons" style = "font-size:24px;" > music_note< / i > icon to NowPlaying< br >
< h5 > Account Connection< / h5 >
TheDesk save your data on thedesk.top server.< br >
2019-04-11 12:52:38 +09:00
< div id = "spotify-code-show" class = "hide" > < input type = "text" id = "spotify-code" > < button
2019-05-07 00:42:06 +09:00
onclick="spotifyAuth()" class="btn waves-effect" style="width:100px;">Save< / button > < / div >
2019-04-11 12:52:38 +09:00
< a onclick = "spotifyConnect()" class = "btn waves-effect nex"
style="width:100%; max-width:200px; background-color:#1ed760;" id="spotify-enable">< i
2019-05-07 00:42:06 +09:00
class="fa fa-spotify left">< / i > Connect< / a >
2019-04-11 12:52:38 +09:00
< a onclick = "spotifyDisconnect()" class = "btn waves-effect nex disabled"
style="width:100%; max-width:200px; background-color:#1ed760;" id="spotify-disable">< i
2019-05-07 00:42:06 +09:00
class="fa fa-spotify left">< / i > Disconnect< / a >
< h5 > Edit a template< / h5 >
< br >
2019-04-11 12:52:38 +09:00
< textarea id = "np-temp" class = "materialize-textarea" data-length = "500" > #NowPlaying {song} / {album} / {artist}
2018-07-30 02:35:29 +09:00
{url}< / textarea > < br >
2019-05-07 00:42:06 +09:00
Spotify:{song}:Song name/{album}:Album name/{artist}:Artist name/{url}:URL to Spotify< br >
macOS:{song}:Song name/{album}:Album name/{artist}:Artist name/composer:{composer}/spampling rate:{hz}/bit rate:{bitRate}/genre:{genre}< br >
Windows:{song}:Song name/{album}:Album name/{artist}:Artist name< br >
< button onclick = "spotifySave()" class = "btn waves-effect" style = "width:100px;" > Save< / button >
< h5 > Attach an Artwork of Spotify< / h5 >
2019-04-11 12:52:38 +09:00
< input class = "with-gap" onchange = "spotifyFlagSave()" name = "awk" type = "radio" id = "awk_yes" value = "yes" / >
2019-05-07 00:42:06 +09:00
< label for = "awk_yes" > Yes< / label >
2019-04-11 12:52:38 +09:00
< input class = "with-gap" onchange = "spotifyFlagSave()" name = "awk" type = "radio" id = "awk_no" value = "no" / >
2019-05-07 00:42:06 +09:00
< label for = "awk_no" > No< / label >
2019-04-11 12:52:38 +09:00
< br >
< / div >
< / li >
< li >
< div class = "collapsible-header" >
2019-05-07 00:42:06 +09:00
< i class = "material-icons" > hearing< / i > TTS(text to speech) Preferences
2019-04-11 12:52:38 +09:00
< / div >
< div class = "collapsible-body" >
2019-05-07 00:42:06 +09:00
< h5 > Speed< / h5 >
1-100(default:10)< br >
2019-04-11 12:52:38 +09:00
< p class = "range-field" > < input type = "range" id = "voicespeed" min = "1" max = "100" value = "10"
style="width:500px; max-width:100%" />< / p >
2019-05-07 00:42:06 +09:00
< h5 > Pitch< / h5 >
0-100(default:50)< br >
2019-04-11 12:52:38 +09:00
< p class = "range-field" > < input type = "range" id = "voicepitch" min = "0" max = "100" value = "50"
style="width:500px; max-width:100%" />< / p >
2019-05-07 00:42:06 +09:00
< h5 > Volume< / h5 >
0-100(default:100)< br >
2019-04-11 12:52:38 +09:00
< p class = "range-field" > < input type = "range" id = "voicevol" min = "0" max = "100" value = "100"
style="width:500px; max-width:100%" />< / p >
2019-05-07 00:42:06 +09:00
< h5 > Test< / h5 >
< input type = "text" style = "width:350px" id = "voicetxt" value = "TheDesk is an open-source Mastodon client for PC." >
2019-04-11 12:52:38 +09:00
< button class = "btn waves-effect blue" style = "width:150px;" onclick = "voicePlay()"
2019-05-07 00:42:06 +09:00
id="testplay">Play/Stop< / button > < br >
2019-04-11 12:52:38 +09:00
< br >
2019-05-07 00:42:06 +09:00
< button class = "btn waves-effect" style = "width:100px;" onclick = "voiceSettings()" > Save< / button >
2019-04-11 12:52:38 +09:00
< / div >
< / li >
< / ul >
< br >
< a href = "index.html" class = "btn waves-effect orange nex" style = "width:100%; max-width:200px;" > < i
2019-05-07 00:42:06 +09:00
class="material-icons left">undo< / i > Back< / a >
2018-07-30 02:35:29 +09:00
< br >
2019-05-07 00:42:06 +09:00
< br > Keyboard shortcuts
< li > Ctrl+1-9:Jump to n(1-9)th column< / li >
< li > N:Open toot box< / li >
< li > X:Toggle toot box< / li >
< li > Ctrl+Enter:Post< / li >
< li > Ctrl+Enter+Shift:Post(secondary toot)< / li >
< li > Alt+Enter:Secondary Toot Button< / li >
< li > Ctrl+E:Make all notifications read< / li >
< li > Esc:Hide toot box< / li >
< li > F5:Super Reload< / li >
< li > Ctrl+Shift+C:Clear toot box< / li >
< li > Ctrl+Shift+S:Preferences< / li >
< li > Ctrl+Shift+M:Account Manager< / li >
2019-04-11 12:52:38 +09:00
< li > Ctrl+Shift+N:NowPlaying(Spotify)< / li >
2019-05-07 00:42:06 +09:00
< li > Ctrl+Shift+P:Show profile of selecting< / li >
< li > ←/→:Show next or previous image< / li >
< li > Mousewheel:Zoom a image< / li >
2019-04-11 12:52:38 +09:00
< 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;"
2019-05-07 00:42:06 +09:00
onclick="if(confirm('Delete all data. You cannot undo. Continue?')){ localStorage.clear(); location.href='index.html'; }">< i
class="material-icons left">delete< / i > Reset(Danger)< / button > < br > < br >
2019-04-11 12:52:38 +09:00
< button class = "btn waves-effect indigo" onclick = "about()" style = "width:100%; max-width:500px;" > < i
2019-05-07 00:42:06 +09:00
class="material-icons left">info< / i > About TheDesk< / button >
2019-04-11 12:52:38 +09:00
< a href = "https://thedesk.top" class = "btn waves-effect deep-purple lighten-2" style = "width:100%; max-width:500px;" > < i
2019-05-07 00:42:06 +09:00
class="material-icons left">web< / i > Website< / a >
2019-04-11 12:52:38 +09:00
< a href = "https://www.pixiv.net/fanbox/creator/28105985" class = "btn waves-effect red lighten-2"
2019-05-07 00:42:06 +09:00
style="width:100%; max-width:500px;">< i class = "material-icons left" > trending_up< / i > Support(Pixiv FANBOX)< / a >
2019-04-11 12:52:38 +09:00
< a href = "https://docs.thedesk.top" class = "btn waves-effect blue darken-2" style = "width:100%; max-width:500px;" > < i
2019-05-07 00:42:06 +09:00
class="material-icons left">list< / i > Help/Docs(Constructing)< / a >
2019-04-11 12:52:38 +09:00
< 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 >
2019-05-03 01:08:46 +09:00
< a href = "index.html?mode=user&code=Cutls@cutls.com" class = "btn waves-effect blue lighten-2"
2019-04-11 12:52:38 +09:00
style="width:100%; max-width:500px;">< img src = "../../img/desk_full.svg" class = "left" width = "25"
2019-05-03 01:08:46 +09:00
style="padding-top:5px;">Developer: Cutls@cutls.com< / a >
2019-04-11 12:52:38 +09:00
< br >
Kyash< br >
< img src = "../../img/kyash.png" width = "100" > < br >
< a onclick = "localStorage.removeItem('new-ver-skip'); location.href='index.html';"
2019-05-07 00:42:06 +09:00
class="pointer">Check update< / a > < br >
< a href = "oss.html" > OSS License< / a > < br >
2019-04-16 01:38:29 +09:00
< span style = "font-family:Open Sans;" > Copyright © Cutls P 2018 All Rights Reserved.
2019-04-11 12:52:38 +09:00
Under < a href = "https://github.com/cutls/TheDesk/blob/master/LICENSE" > GNU General Public License v3.0< / a > and < a
href="https://thedesk.top/tos.html">Terms of Use< / a > /< a href = "https://thedesk.top/priv.html" > Privacy
Policy< / a >
< br > Developer: Cutls P(
2019-05-03 01:08:46 +09:00
< a href = "index.html?mode=user&code=Cutls@cutls.com" > @Cutls@cutls.com< / a > )
2019-04-11 12:52:38 +09:00
< 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/ui/spotify.js" > < / script >
< script type = "text/javascript" src = "../../js/tl/speech.js" > < / script >
< script type = "text/javascript" src = "../../js/platform/pickr.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 >
