Zergling_man/thedesk
Zergling_man/thedesk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

TheDesk Airi (ver.4[fixed])

Browse Source
This commit is contained in:
cutls 2018-03-14 15:52:55 +09:00
parent 07daf46318
commit 686d1cd922
21 changed files with 7204 additions and 371 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/acct.html
View File

@ -22,7 +22,7 @@
<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="setting.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br>
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br>
<div id="acct-list"></div>
<div class="divider"></div>
アカウントを追加<br>

7
app/css/master.css
View File

@ -1,5 +1,5 @@
/*共通CSS*/
body{overflow:hidden; user-select: none; cursor:default;}
html,body{overflow:hidden; user-select: none; cursor:default; font-size:13px;}
.btn {
margin: 5px;
text-transform: none;
@ -140,7 +140,7 @@ blockquote:before, .quote:before {
font-family:'Baloo Bhai'
}
#pip{
z-index:1001;
z-index:504;
width:418px;
background-color: white;
position:absolute;
@ -181,9 +181,6 @@ blockquote:before, .quote:before {
opacity: 1;
}
}
.modal-overlay{
z-index:999 !important;
}
/*black theme*/
.blacktheme body {

4
app/css/materialize.css vendored
View File

@ -5445,7 +5445,7 @@ button.btn-floating {
overflow-y: auto;
opacity: 0;
position: absolute;
z-index: 999;
z-index: 505;
will-change: width, height;
}
@ -5675,7 +5675,7 @@ button.btn-floating {
.modal-overlay {
position: fixed;
z-index: 999;
z-index: 506;
top: -25%;
left: 0;
bottom: 0;

4
app/css/post.css
View File

@ -5,7 +5,7 @@
bottom: 3px;
background-color: white;
border: thin solid gray;
z-index: 1000;
z-index: 500;
width: 350px;
min-width:350px;
max-width:100%;
@ -49,7 +49,7 @@
right: 20px;
width: 300px;
height: 370px;
z-index: 1003;
z-index: 502;
padding: 5px;
}
#emoji-list {

27
app/css/tl.css
View File

@ -1,16 +1,18 @@
/*TL CSS(ただしBBCode pulse:master.css/spin:font-awesome*/
#main{
display:flex;
width:100vw;
}
#timeline-container {
overflow-x: scroll;
overflow-y: hidden;
display: flex;
width: calc(100vw - 70px);
height: 100vh;
float:left;
flex-grow:4;
}
#sidebar{
width:70px;
width:75px;
height:100vh;
float:left;
background-color:#e0e0e0;
display:flex;
flex-wrap:wrap;
@ -37,14 +39,14 @@
#sidebar .big-menu{
text-align:center;
}
#sidebar .big-menu i{
#sidebar .big-menu i.big-icon{
font-size:5em;
}
#sidebar .small-menu i{
font-size:2rem;
}
#sidebar .small-menu .side-label{
font-size:1rem;
font-size:12px;
vertical-align: 0.6rem;
}
#sidebar #side-dead{
@ -78,7 +80,10 @@ iframe {
}
.user{
cursor:text;
font-size:1.2rem;
font-size:1.2em;
}
.emoji-img{
width:1.2rem;
}
.tl-box{ height:calc(100% - 40px); overflow-y:scroll; overflow-x:hidden }
.additional {
@ -158,7 +163,7 @@ font-size:1rem;
color: gray;
}
.sml {
font-size: 0.8rem;
font-size: 0.8em;
}
.toot {
overflow: hide;
@ -175,7 +180,7 @@ font-size:1rem;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 0.8rem;
font-size: 0.8em;
margin-right: 5px;
line-height: 1;
color: #fff;
@ -211,7 +216,7 @@ p:not(:last-child){
margin-right: 10px;
width:100%;
min-height:60px;
z-index:1000;
z-index:500;
padding:5px;
display: grid;
grid-template-columns: 40px 1fr 1fr 1fr 1fr;
@ -276,7 +281,7 @@ p:not(:last-child){
right: 70px;
background-color: white;
border: thin solid gray;
z-index: 1001;
z-index: 501;
width: 400px;
padding: 5px;
min-height: 100px;

6789
app/css/twemoji-awesome.css Normal file
View File

File diff suppressed because it is too large Load Diff

4
app/css/userdata.css
View File

@ -17,7 +17,7 @@
}
#his-data-show {
margin: 50px;
background-color: #e6ee9c;
background-color:rgba(255, 255, 255, 0.9);
width: calc(100% - 50px);
height: calc(100% - 50px);
margin-bottom: 0;
@ -31,7 +31,7 @@
width: 11.11%;
}
.active-back{
background-color:rgba(255, 255, 255, 0.3);
background-color: #e6ee9c;
}

371
app/index.html
View File

@ -26,7 +26,7 @@
<script type="text/javascript" src="./js/ui/jquery-ui.min.js"></script>
<script>
//トゥートリンク追加
var ver="Airi (ver.3)";
var ver="Airi (ver.4[fixed])";
//betaを入れるとバージョンチェックしない
//var ver="beta";
var acct_id=0;
@ -133,6 +133,7 @@ var tlid=0;
<i class="material-icons left">close</i>閉じる
</button>
</div>
<div id="main">
<!--TLのTL-->
<div id="timeline-container">
</div>
@ -141,21 +142,21 @@ var tlid=0;
<div id="sidebar-top">
<div class="big-menu" id="add-tgl">
<a onclick="addToggle()" class="nex waves-effect">
<i class="material-icons nex" title="カラム追加">add</i>
<i class="material-icons nex big-icon" title="カラム追加">add</i>
</a>
<br>
<span class="side-label">カラム追加</span>
</div>
<div class="big-menu" id="src-tgl">
<a onclick="srcToggle()" class="nex waves-effect">
<i class="material-icons nex" title="検索">search</i>
<i class="material-icons nex big-icon" title="検索">search</i>
</a>
<br>
<span class="side-label">検索</span>
</div>
<div class="big-menu" id="sort-tgl">
<a onclick="sortToggle()" class="nex waves-effect">
<i class="material-icons nex" title="並べ替え">sort</i>
<i class="material-icons nex big-icon" title="並べ替え">sort</i>
</a>
<br>
<span class="side-label">並べ替え</span>
@ -192,6 +193,14 @@ var tlid=0;
<span class="side-label">管理</span>
</a>
</div>
<div id="side-dead">
</div>
<div class="small-menu">
<a onclick="xpand()" class="nex waves-effect">
<i class="material-icons" title="サイドバーの開閉" id="x-btn">keyboard_arrow_right</i>
<span class="side-label">たたむ</span>
</a>
</div>
</div>
<div id="sidebar-btm">
<!--最小化-->
@ -205,6 +214,7 @@ var tlid=0;
</div>
</div>
</div>
</div>
<div id="post-box" class="z-depth-3">
<!--トゥートボックス-->
<span class="cancel">
@ -354,7 +364,7 @@ var tlid=0;
<i class="material-icons">tag_faces</i>
</button>
<!--絵文字ピッカー-->
<div id="emoji" class="hide shared">
<div id="emoji" class="hide shared z-depth-4">
<span class="gray sml">インスタンスによって実装が異なります。
<i>
<a onclick="emojiGet('true')" class="pointer">絵文字更新</a>
@ -421,95 +431,104 @@ var tlid=0;
<button class="btn waves-effect indigo unmize" style="width:100%; padding:0; margin-top:10px;" onclick="post()" id="toot-post-btn">トゥート</button>
</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>
<!-- 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="modal-content">
<ul class="collapsible" data-collapsible="accordion" id="det-col">
<li>
<div class="collapsible-header">
<i class="material-icons">arrow_upward</i>これよりあとのコンテクスト
</div>
<div class="collapsible-body toot-reset" id="toot-after">
</div>
</li>
<li>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">reply_all</i>このトゥートからのリプライ
</div>
<div class="collapsible-body toot-reset" id="toot-reply">
</div>
</li>
<li>
</li>
<li>
<div class="collapsible-header" id="activator">
<i class="material-icons">more_horiz</i>対象のトゥート
</div>
<div class="collapsible-body toot-reset" id="toot-this">
</div>
</li>
<li>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">arrow_downward</i>これより前のLocal TL
</div>
<div class="collapsible-body toot-reset" id="toot-before">
</div>
</li>
<li>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">star</i>このトゥートをお気に入りに登録した人
</div>
<div class="collapsible-body toot-reset" id="toot-fav">
</div>
</li>
<li>
</li>
<li>
<div class="collapsible-header">
<i class="text-darken-3 fa fa-retweet"></i>このトゥートをブーストした人
</div>
<div class="collapsible-body toot-reset" id="toot-rt">
</div>
</li>
</ul>
<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="shot()">スクリーンショット</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy()">URLをコピー</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy('emb')">埋め込む</a>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</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">
<img src="./img/loading.svg" id="his-prof" style="">
<div class="his-float">
<span id="his-name" style="font-size:1.5rem">Loading...</span>
<br>@
<span id="his-acct"></span>
<span class="gray" id="his-relation"></span>
<br>
<span class="cbadge">
<span id="his-sta"></span>トゥート
</span>
<span class="cbadge">フォロー:
<span id="his-follow"></span>
</span>
<span class="cbadge">フォロワー:
<span id="his-follower"></span>
</span>
<span class="cbadge">Since:
<span id="his-since"></span>
</div>
<div class="his-float">
<span id="his-des"></span>
<br>
</div>
<div class="row">
<div class="col s12" id="my-data-nav">
<ul class="custom-tabs transparent">
</li>
</ul>
<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="shot()">スクリーンショット</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy()">URLをコピー</a>
<a href="#!" class="waves-effect waves-green btn-flat" onclick="cbCopy('emb')">埋め込む</a>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</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">
<img src="./img/loading.svg" id="his-prof" style="">
<div class="his-float">
<span id="his-name" style="font-size:1.5rem">Loading...</span>
<br>@
<span id="his-acct"></span>
<span class="gray" id="his-relation"></span>
<br>
<span class="cbadge">
<span id="his-sta"></span>トゥート
</span>
<span class="cbadge">フォロー:
<span id="his-follow"></span>
</span>
<span class="cbadge">フォロワー:
<span id="his-follower"></span>
</span>
<span class="cbadge">Since:
<span id="his-since"></span>
</div>
<div class="his-float">
<span id="his-des"></span>
<br>
</div>
<div class="row">
<div class="col s12" id="my-data-nav">
<ul class="custom-tabs transparent">
<li class="custom-tab col my-data-width active-back">
<a go="#his-tl">Timeline</a>
</li>
@ -537,131 +556,123 @@ var tlid=0;
<li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list">Follow Request</a>
</li>
</ul>
</div>
<div id="his-tl" class="col s12 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')">もっと</button>
</div>
<div id="his-follow-list" class="col s12 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')">もっと</button>
</div>
<div id="his-follower-list" class="col s12 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')">もっと</button>
</div>
<div id="his-fav-list" class="col s12 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')">もっと</button>
</div>
<div id="his-blocking-list" class="col s12 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')">もっと</button>
</div>
<div id="his-muting-list" class="col s12 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')">もっと</button>
</div>
<div id="his-domain-list" class="col s12 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')">もっと</button>ブロックするドメイン
<br>
<input type="text" placeholder="example.com" id="domainblock">
<button class="btn waves-effect" onclick="addDomainblock()">ブロック</button>
<br>
</div>
<div id="his-prof-list" class="col s12 tab-content">名前
<br>
<input type="text" placeholder="名前" id="his-name-val" width="max-width:150px;">
<br>自己紹介
<br>
<div class="input-field col s12">
<textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">自己紹介</label>
</div>
<button onclick="profedit()" class="btn waves-effect indigo">適用</button>
<br>
<br>プロフィール画像変更:
<span id="prof-change">
</ul>
</div>
<div id="his-tl" class="col s12 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')">もっと</button>
</div>
<div id="his-follow-list" class="col s12 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')">もっと</button>
</div>
<div id="his-follower-list" class="col s12 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')">もっと</button>
</div>
<div id="his-fav-list" class="col s12 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')">もっと</button>
</div>
<div id="his-blocking-list" class="col s12 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')">もっと</button>
</div>
<div id="his-muting-list" class="col s12 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')">もっと</button>
</div>
<div id="his-domain-list" class="col s12 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')">もっと</button>ブロックするドメイン
<br>
<input type="text" placeholder="example.com" id="domainblock">
<button class="btn waves-effect" onclick="addDomainblock()">ブロック</button>
<br>
</div>
<div id="his-prof-list" class="col s12 tab-content">名前
<br>
<input type="text" placeholder="名前" id="his-name-val" width="max-width:150px;">
<br>自己紹介
<br>
<div class="input-field col s12">
<textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">自己紹介</label>
</div>
<button onclick="profedit()" class="btn waves-effect indigo">適用</button>
<br>
<br>プロフィール画像変更:
<span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')">
</span>
<br>ヘッダー画像変更:
<span id="header-change">
</span>
<br>ヘッダー画像変更:
<span id="header-change">
<input type="file" onchange="imgChange(this,'header')">
</span>
</div>
<div id="his-request-list" class="col s12 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')">もっと</button>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">一つ前のユーザーデータ</button>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-follow-btn" onclick="follow()">フォロー</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-mute-btn" onclick="mute()">ミュート</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-block-btn" onclick="block()">ブロック</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-emp-btn" onclick="empUser()">ユーザー強調</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">Close</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">
<a class="waves-effect white-text" onclick="zoom(2)">
</span>
</div>
<div id="his-request-list" class="col s12 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')">もっと</button>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="modal-action waves-effect waves-green btn-flat" id="his-history-btn" onclick="historyShow()">一つ前のユーザーデータ</button>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-follow-btn" onclick="follow()">フォロー</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-mute-btn" onclick="mute()">ミュート</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-block-btn" onclick="block()">ブロック</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" id="his-emp-btn" onclick="empUser()">ユーザー強調</a>
<a href="#!" class="modal-action waves-effect waves-green btn-flat" onclick="hisclose()">Close</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">
<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)">
</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()">
</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()">当該トゥート</button>
<button class="btn waves-effect orange" onclick="imgCont('prev')" id="image-prev">
</button>
<button class="btn waves-effect brown" onclick="detFromImg()">当該トゥート</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">
</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">
</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="width:100%;" controls >
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</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>
</a>
</div>
</div>
<!-- Modal Structure Video-->
<div id="videomodal" class="modal modal-fixed-footer">
<div class="modal-content">
<video src="" id="video" style="width:100%;" controls >
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<!--左下メッセージ-->
<div id="message">
</div>
@ -679,10 +690,10 @@ var tlid=0;
<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/ui/post-box.js"></script>
<script type="text/javascript" src="./js/ui/layout.js"></script>
<script type="text/javascript" src="./js/login/login.js"></script>
<script type="text/javascript" src="./js/login/instance.js"></script>
<script type="text/javascript" src="./js/ui/post-box.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>

186
app/js/emoji/activity.js
View File

@ -1,93 +1,93 @@
var activity='<a onclick="emojiInsert(\':soccer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 10.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':basketball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 56.25%;"></span></a>'+
'<a onclick="emojiInsert(\':football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':baseball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':tennis:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':volleyball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 60.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':rugby_football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':8ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':table_tennis_paddle_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 66.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':badminton_racquet_and_shuttlecock:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 35.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':goal_net:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':ice_hockey_stick_and_puck:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 64.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':field_hockey_stick_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':cricket_bat_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 58.3333%;"></span></a>'+
'<a onclick="emojiInsert(\':golf:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':bow_and_arrow:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':fishing_pole_and_fish:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 97.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':boxing_glove:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':martial_arts_uniform:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':ice_skate:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':ski:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 54.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':skier:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 47.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':snowboarder:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 60.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':weight_lifter:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':fencer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 79.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':wrestlers:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 81.25%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':man-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':person_doing_cartwheel:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 54.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':man-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':person_with_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 95.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 75%;"></span></a>'+
'<a onclick="emojiInsert(\':golfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':surfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 85.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 25%;"></span></a>'+
'<a onclick="emojiInsert(\':swimmer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':water_polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 83.3333%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 2.08333%;"></span></a>'+
'<a onclick="emojiInsert(\':man-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 2.08333%;"></span></a>'+
'<a onclick="emojiInsert(\':rowboat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 52.0833% 85.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':horse_racing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 0%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 52.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':mountain_bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':running_shirt_with_sash:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 50%;"></span></a>'+
'<a onclick="emojiInsert(\':sports_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 97.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 77.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':first_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 18.75%;"></span></a>'+
'<a onclick="emojiInsert(\':second_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 20.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':third_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 22.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':trophy:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':rosette:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 31.25%;"></span></a>'+
'<a onclick="emojiInsert(\':reminder_ribbon:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 79.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':ticket:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':admission_tickets:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 89.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':circus_tent:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 10.4167%;"></span></a>'+
'<a onclick="emojiInsert(\':juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 66.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':woman-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 75%;"></span></a>'+
'<a onclick="emojiInsert(\':man-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 87.5%;"></span></a>'+
'<a onclick="emojiInsert(\':performing_arts:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 16.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':art:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 6.25%;"></span></a>'+
'<a onclick="emojiInsert(\':clapper:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':microphone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 100%;"></span></a>'+
'<a onclick="emojiInsert(\':headphones:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 4.16667%;"></span></a>'+
'<a onclick="emojiInsert(\':musical_score:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 47.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':musical_keyboard:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 41.6667%;"></span></a>'+
'<a onclick="emojiInsert(\':drum_with_drumsticks:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 8.33333%;"></span></a>'+
'<a onclick="emojiInsert(\':saxophone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':trumpet:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 43.75%;"></span></a>'+
'<a onclick="emojiInsert(\':guitar:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':violin:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 45.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':game_die:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 27.0833%;"></span></a>'+
'<a onclick="emojiInsert(\':dart:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 20.8333%;"></span></a>'+
'<a onclick="emojiInsert(\':bowling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 29.1667%;"></span></a>'+
'<a onclick="emojiInsert(\':video_game:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 18.75%;"></span></a>'+
'<a onclick="emojiInsert(\':slot_machine:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 22.9167%;"></span></a>'+
'<a onclick="emojiInsert(\':man-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 64.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 62.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 87.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 12.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 37.5%;"></span></a>'+
'<a onclick="emojiInsert(\':man-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 14.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 39.5833%;"></span></a>'+
'<a onclick="emojiInsert(\':man-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 64.5833%;"></span></a>';
var activity='<a onclick="defEmoji(\':soccer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 10.4167%;"></span></a>'+
'<a onclick="defEmoji(\':basketball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 56.25%;"></span></a>'+
'<a onclick="defEmoji(\':football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 12.5%;"></span></a>'+
'<a onclick="defEmoji(\':baseball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 12.5%;"></span></a>'+
'<a onclick="defEmoji(\':tennis:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 52.0833%;"></span></a>'+
'<a onclick="defEmoji(\':volleyball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 60.4167%;"></span></a>'+
'<a onclick="defEmoji(\':rugby_football:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 14.5833%;"></span></a>'+
'<a onclick="defEmoji(\':8ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 25%;"></span></a>'+
'<a onclick="defEmoji(\':table_tennis_paddle_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 66.6667%;"></span></a>'+
'<a onclick="defEmoji(\':badminton_racquet_and_shuttlecock:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 35.4167%;"></span></a>'+
'<a onclick="defEmoji(\':goal_net:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 16.6667%;"></span></a>'+
'<a onclick="defEmoji(\':ice_hockey_stick_and_puck:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 64.5833%;"></span></a>'+
'<a onclick="defEmoji(\':field_hockey_stick_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 62.5%;"></span></a>'+
'<a onclick="defEmoji(\':cricket_bat_and_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 58.3333%;"></span></a>'+
'<a onclick="defEmoji(\':golf:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 41.6667%;"></span></a>'+
'<a onclick="defEmoji(\':bow_and_arrow:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 37.5%;"></span></a>'+
'<a onclick="defEmoji(\':fishing_pole_and_fish:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 97.9167%;"></span></a>'+
'<a onclick="defEmoji(\':boxing_glove:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 25%;"></span></a>'+
'<a onclick="defEmoji(\':martial_arts_uniform:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 27.0833%;"></span></a>'+
'<a onclick="defEmoji(\':ice_skate:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 50%;"></span></a>'+
'<a onclick="defEmoji(\':ski:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 54.1667%;"></span></a>'+
'<a onclick="defEmoji(\':skier:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 47.9167%;"></span></a>'+
'<a onclick="defEmoji(\':snowboarder:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 60.4167%;"></span></a>'+
'<a onclick="defEmoji(\':woman-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 50%;"></span></a>'+
'<a onclick="defEmoji(\':weight_lifter:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 29.1667%;"></span></a>'+
'<a onclick="defEmoji(\':fencer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 79.1667%;"></span></a>'+
'<a onclick="defEmoji(\':wrestlers:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 81.25%;"></span></a>'+
'<a onclick="defEmoji(\':woman-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 100%;"></span></a>'+
'<a onclick="defEmoji(\':man-wrestling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 0%;"></span></a>'+
'<a onclick="defEmoji(\':person_doing_cartwheel:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 54.1667%;"></span></a>'+
'<a onclick="defEmoji(\':woman-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 50%;"></span></a>'+
'<a onclick="defEmoji(\':man-cartwheeling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 62.5%;"></span></a>'+
'<a onclick="defEmoji(\':woman-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 52.0833%;"></span></a>'+
'<a onclick="defEmoji(\':person_with_ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 4.16667% 52.0833%;"></span></a>'+
'<a onclick="defEmoji(\':handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 95.8333%;"></span></a>'+
'<a onclick="defEmoji(\':woman-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 27.0833%;"></span></a>'+
'<a onclick="defEmoji(\':man-playing-handball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 39.5833%;"></span></a>'+
'<a onclick="defEmoji(\':woman-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 75%;"></span></a>'+
'<a onclick="defEmoji(\':golfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 41.6667%;"></span></a>'+
'<a onclick="defEmoji(\':woman-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 0%;"></span></a>'+
'<a onclick="defEmoji(\':surfer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 85.4167%;"></span></a>'+
'<a onclick="defEmoji(\':woman-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 25%;"></span></a>'+
'<a onclick="defEmoji(\':swimmer:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 16.6667%;"></span></a>'+
'<a onclick="defEmoji(\':water_polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 83.3333%;"></span></a>'+
'<a onclick="defEmoji(\':woman-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 2.08333%;"></span></a>'+
'<a onclick="defEmoji(\':man-playing-water-polo:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 14.5833%;"></span></a>'+
'<a onclick="defEmoji(\':woman-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 2.08333%;"></span></a>'+
'<a onclick="defEmoji(\':rowboat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 52.0833% 85.4167%;"></span></a>'+
'<a onclick="defEmoji(\':horse_racing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 18.75% 0%;"></span></a>'+
'<a onclick="defEmoji(\':woman-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 27.0833%;"></span></a>'+
'<a onclick="defEmoji(\':bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 29.1667%;"></span></a>'+
'<a onclick="defEmoji(\':woman-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 52.0833%;"></span></a>'+
'<a onclick="defEmoji(\':mountain_bicyclist:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 54.1667% 41.6667%;"></span></a>'+
'<a onclick="defEmoji(\':running_shirt_with_sash:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 50%;"></span></a>'+
'<a onclick="defEmoji(\':sports_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 97.9167%;"></span></a>'+
'<a onclick="defEmoji(\':medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 77.0833%;"></span></a>'+
'<a onclick="defEmoji(\':first_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 18.75%;"></span></a>'+
'<a onclick="defEmoji(\':second_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 20.8333%;"></span></a>'+
'<a onclick="defEmoji(\':third_place_medal:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 22.9167%;"></span></a>'+
'<a onclick="defEmoji(\':trophy:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 100%;"></span></a>'+
'<a onclick="defEmoji(\':rosette:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 20.8333% 31.25%;"></span></a>'+
'<a onclick="defEmoji(\':reminder_ribbon:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 79.1667%;"></span></a>'+
'<a onclick="defEmoji(\':ticket:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 12.5%;"></span></a>'+
'<a onclick="defEmoji(\':admission_tickets:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 89.5833%;"></span></a>'+
'<a onclick="defEmoji(\':circus_tent:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 10.4167%;"></span></a>'+
'<a onclick="defEmoji(\':juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 60.4167% 66.6667%;"></span></a>'+
'<a onclick="defEmoji(\':woman-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 75%;"></span></a>'+
'<a onclick="defEmoji(\':man-juggling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 97.9167% 87.5%;"></span></a>'+
'<a onclick="defEmoji(\':performing_arts:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 16.6667%;"></span></a>'+
'<a onclick="defEmoji(\':art:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 6.25%;"></span></a>'+
'<a onclick="defEmoji(\':clapper:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 14.5833%;"></span></a>'+
'<a onclick="defEmoji(\':microphone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 14.5833% 100%;"></span></a>'+
'<a onclick="defEmoji(\':headphones:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 4.16667%;"></span></a>'+
'<a onclick="defEmoji(\':musical_score:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 47.9167%;"></span></a>'+
'<a onclick="defEmoji(\':musical_keyboard:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 41.6667%;"></span></a>'+
'<a onclick="defEmoji(\':drum_with_drumsticks:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 62.5% 8.33333%;"></span></a>'+
'<a onclick="defEmoji(\':saxophone:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 37.5%;"></span></a>'+
'<a onclick="defEmoji(\':trumpet:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 43.75%;"></span></a>'+
'<a onclick="defEmoji(\':guitar:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 39.5833%;"></span></a>'+
'<a onclick="defEmoji(\':violin:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 45.8333%;"></span></a>'+
'<a onclick="defEmoji(\':game_die:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 27.0833%;"></span></a>'+
'<a onclick="defEmoji(\':dart:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 20.8333%;"></span></a>'+
'<a onclick="defEmoji(\':bowling:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 29.1667%;"></span></a>'+
'<a onclick="defEmoji(\':video_game:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 18.75%;"></span></a>'+
'<a onclick="defEmoji(\':slot_machine:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 16.6667% 22.9167%;"></span></a>'+
'<a onclick="defEmoji(\':man-bouncing-ball:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 100% 64.5833%;"></span></a>'+
'<a onclick="defEmoji(\':man-lifting-weights:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 62.5%;"></span></a>'+
'<a onclick="defEmoji(\':man-golfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 87.5%;"></span></a>'+
'<a onclick="defEmoji(\':man-surfing:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 12.5%;"></span></a>'+
'<a onclick="defEmoji(\':man-swimming:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 83.3333% 37.5%;"></span></a>'+
'<a onclick="defEmoji(\':man-rowing-boat:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 14.5833%;"></span></a>'+
'<a onclick="defEmoji(\':man-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 39.5833%;"></span></a>'+
'<a onclick="defEmoji(\':man-mountain-biking:\')" class="pointer"><span style="width: 20px; height: 20px; display: inline-block; background-image: url(\'./img/sheet.png\'); background-size: 4900%; background-position: 95.8333% 64.5833%;"></span></a>';

3
app/js/emoji/default-emoji.js
View File

@ -48,8 +48,9 @@ function defEmoji(target){
var after = now.substr(selin, now.length);
newt = before+ emoji.emoji + after;
}else{
newt = code;
newt = now+emoji.emoji;
}
console.log(emoji.emoji);
$("#textarea").val(newt);
//emoji();
$("#textarea").focus();

3
app/js/post/emoji.js
View File

@ -7,6 +7,9 @@ $("#emoji-next").addClass("disabled");
function emoji() {
var acct_id = $("#post-acct-sel").val();
var selin = $("#textarea").prop('selectionStart');
if(!selin){
selin=0;
}
localStorage.setItem("cursor", selin);
if ($("#emoji").hasClass("hide")) {
$("#emoji").removeClass("hide")

10
app/js/post/post.js
View File

@ -72,14 +72,14 @@ function clear() {
$("#cw").removeClass("cw-avail");
$("#rec").text("いいえ");
$("#mec").text("なし");
var vis = localStorage.getItem("vis");
if (!vis) {
$("#vis").text("public");
var vist = localStorage.getItem("vis");
if (!vist) {
vis("public");
} else {
if (vis == "memory") {
if (vist == "memory") {
localStorage.setItem("vis-memory", $("#vis").text());
} else {
$("#vis").text(vis);
vis(vist);
}
}
$("#nsfw").addClass("blue");

2
app/js/tl/parse.js
View File

@ -215,7 +215,7 @@ function parse(obj, mix, acct_id, tlid, popup) {
var emoji = toot.emojis[key5];
var shortcode = emoji.shortcode;
var emoji_url = '<img src="' + emoji.url +
'" style="width:1em" class="emoji-img">';
'" class="emoji-img">';
var regExp = new RegExp(":" + shortcode + ":", "g");
content = content.replace(regExp, emoji_url);
spoil = toot.spoiler_text.replace(regExp, emoji_url);

1
app/js/tl/src.js
View File

@ -4,6 +4,7 @@ function srcToggle() {
$("#src-box").toggleClass("hide");
$("#src-box").toggleClass("show");
$("#src-box").css("top",$('#src-tgl').offset().top+"px");
$("#src-box").css("left",$('#src-tgl').offset().left-410+"px");
$('ul.tabs').tabs('select_tab', 'src-sta');
$("#src-contents").html("");
}

11
app/js/ui/layout.js
View File

@ -10,13 +10,16 @@
function addToggle() {
$("#add-box").toggleClass("hide");
$("#add-box").css("top",$('#add-tgl').offset().top+"px");
$("#add-box").css("left",$('#add-tgl').offset().left-410+"px");
$("#add-box").toggleClass("show");
}
//最初、カラム変更時に発火
function parseColumn() {
var size = localStorage.getItem("size");
if (size) {
$("html").css("font-size", size + "px");
$("#timeline-container").css("font-size", size + "px");
$(".toot-reset").css("font-size", size + "px");
$(".cont-series").css("font-size", size + "px");
}
tlCloser();
var multi = localStorage.getItem("multi");
@ -46,6 +49,10 @@
ckdb(key);
});
}
var xed=localStorage.getItem("xed");
if(xed){
xpand();
}
var col = localStorage.getItem("column");
if (!col) {
var obj = [{
@ -85,7 +92,7 @@
'<div class="hide notf-indv-box" id="notf-box_' + key +
'"><div id="notifications_' + key +
'" data-notf="' + acct.domain + '"></div></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + key +
'" class="tl" tlid="' + key + '"'+notf_attr+'></div></div></div>';
'" class="tl" tlid="' + key + '"'+notf_attr+'><div style="text-align:center">[ここにトゥートはありません。]<br>F5で再読込できます。</div></div></div></div>';
$("#timeline-container").append(html);
if (acct.data) {
var data = acct.data;

21
app/js/ui/post-box.js
View File

@ -41,8 +41,27 @@ function zoomBox() {
$("#post-box").css('width', '50vw');
$("#post-box").addClass("bigbox")
}
}
//サイドバー開閉
function xpand() {
if ($("#sidebar").hasClass("xed")) {
$(".side-label").show();
$("#sidebar").css('width', '75px');
$("#sidebar .big-menu i").addClass('big-icon');
$("#sidebar").removeClass("xed");
$("#x-btn").text("keyboard_arrow_right");
localStorage.removeItem("xed");
} else {
$("#sidebar").css('width', '24px');
$("#sidebar").addClass("xed");
$("#sidebar .big-menu i").removeClass('big-icon');
$(".side-label").hide();
$("#x-btn").text("keyboard_arrow_left");
localStorage.setItem("xed","true");
}
}
//コード受信
if(location.search){
var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/);

2
app/js/ui/sort.js
View File

@ -75,11 +75,13 @@ function sort(){
sortload();
parseColumn();
}
//ソートボタントグル
function sortToggle(){
$("#sort").html("");
if ($("#sort-box").hasClass("hide")) {
$("#sort-box").removeClass("hide");
$("#sort-box").css("top",$('#sort-tgl').offset().top+"px");
$("#sort-box").css("left",$('#sort-tgl').offset().left-410+"px");
//並べ替え
sortload();
} else {

4
app/js/userdata/prof-edit.js
View File

@ -25,7 +25,7 @@ function profedit() {
console.error(error);
}).then(function(json) {
console.log(json);
getdata();
$('#his-data').modal('close');
todc();
});
}
@ -62,7 +62,7 @@ function imgChange(imgfile, target) {
console.error(error);
}).then(function(json) {
console.log(json);
getdata();
$('#his-data').modal('close');
todc();
});
}

2
app/package.json
View File

@ -1,6 +1,6 @@
{
"name": "TheDesk",
"version": "13.3.0",
"version": "13.4.1",
"description": "TheDesk on Mastodonはシンプルと多機能を両立したデスクトップ向けクライアントです",
"main": "main.js",
"scripts": {

2
app/setting.html
View File

@ -20,8 +20,6 @@
<script type="text/javascript" src="./js/common/time.js"></script>
<script type="text/javascript" src="./js/common/modal.js"></script>
<h4>設定</h4>
<a href="acct.html" class="btn waves-effect blue nex" style="width:100%; max-width:400px;"><i class="material-icons left">account_circle</i>アカウントマネージャー</a>
<br>
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header">

2
ver.json
View File

@ -1 +1 @@
{"warn":"これはGCPにアップして下さい！！","warn2":"これはGCPにアップして下さい！！","warn3":"これはGCPにアップして下さい！！","desk":"Airi (ver.3)","date":"2018-03-14","detail":"内部V:13.3.0|大量のバグを修正。"}
{"warn":"これはGCPにアップして下さい！！","warn2":"これはGCPにアップして下さい！！","warn3":"これはGCPにアップして下さい！！","desk":"Airi (ver.4[fixed])","date":"2018-03-14","detail":"内部V:13.4.0|いくつかのバグを修正。機能改修。"}