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/ui/tips.js"></script>
<script type="text/javascript" src="./js/common/time.js"></script> <script type="text/javascript" src="./js/common/time.js"></script>
<script type="text/javascript" src="./js/common/modal.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 id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
アカウントを追加<br> アカウントを追加<br>

7
app/css/master.css
View File

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

4
app/css/materialize.css vendored
View File

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

4
app/css/post.css
View File

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

27
app/css/tl.css
View File

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

39
app/index.html
View File

@ -26,7 +26,7 @@
<script type="text/javascript" src="./js/ui/jquery-ui.min.js"></script> <script type="text/javascript" src="./js/ui/jquery-ui.min.js"></script>
<script> <script>
//トゥートリンク追加 //トゥートリンク追加
var ver="Airi (ver.3)"; var ver="Airi (ver.4[fixed])";
//betaを入れるとバージョンチェックしない //betaを入れるとバージョンチェックしない
//var ver="beta"; //var ver="beta";
var acct_id=0; var acct_id=0;
@ -133,6 +133,7 @@ var tlid=0;
<i class="material-icons left">close</i>閉じる <i class="material-icons left">close</i>閉じる
</button> </button>
</div> </div>
<div id="main">
<!--TLのTL--> <!--TLのTL-->
<div id="timeline-container"> <div id="timeline-container">
</div> </div>
@ -141,21 +142,21 @@ var tlid=0;
<div id="sidebar-top"> <div id="sidebar-top">
<div class="big-menu" id="add-tgl"> <div class="big-menu" id="add-tgl">
<a onclick="addToggle()" class="nex waves-effect"> <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> </a>
<br> <br>
<span class="side-label">カラム追加</span> <span class="side-label">カラム追加</span>
</div> </div>
<div class="big-menu" id="src-tgl"> <div class="big-menu" id="src-tgl">
<a onclick="srcToggle()" class="nex waves-effect"> <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> </a>
<br> <br>
<span class="side-label">検索</span> <span class="side-label">検索</span>
</div> </div>
<div class="big-menu" id="sort-tgl"> <div class="big-menu" id="sort-tgl">
<a onclick="sortToggle()" class="nex waves-effect"> <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> </a>
<br> <br>
<span class="side-label">並べ替え</span> <span class="side-label">並べ替え</span>
@ -192,6 +193,14 @@ var tlid=0;
<span class="side-label">管理</span> <span class="side-label">管理</span>
</a> </a>
</div> </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>
<div id="sidebar-btm"> <div id="sidebar-btm">
<!--最小化--> <!--最小化-->
@ -205,6 +214,7 @@ var tlid=0;
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="post-box" class="z-depth-3"> <div id="post-box" class="z-depth-3">
<!--トゥートボックス--> <!--トゥートボックス-->
<span class="cancel"> <span class="cancel">
@ -354,7 +364,7 @@ var tlid=0;
<i class="material-icons">tag_faces</i> <i class="material-icons">tag_faces</i>
</button> </button>
<!--絵文字ピッカー--> <!--絵文字ピッカー-->
<div id="emoji" class="hide shared"> <div id="emoji" class="hide shared z-depth-4">
<span class="gray sml">インスタンスによって実装が異なります。 <span class="gray sml">インスタンスによって実装が異なります。
<i> <i>
<a onclick="emojiGet('true')" class="pointer">絵文字更新</a> <a onclick="emojiGet('true')" class="pointer">絵文字更新</a>
@ -421,6 +431,15 @@ 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> <button class="btn waves-effect indigo unmize" style="width:100%; padding:0; margin-top:10px;" onclick="post()" id="toot-post-btn">トゥート</button>
</div> </div>
</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--> <!-- Modal Structure Tootdata-->
<div id="tootmodal" class="modal modal-fixed-footer"> <div id="tootmodal" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
@ -654,14 +673,6 @@ var tlid=0;
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a> <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div> </div>
</div> </div>
<!--PiP-->
<div id="pip" class="hide pip-bottom pip-left">
<i class="material-icons pip-horiz pointer" onclick="pipHoriz()">chevron_right</i>　
<i class="material-icons pip-vert pointer" onclick="pipVert()">expand_less</i>　
<i class="material-icons pointer" onclick="endPip()">close</i>
<div id="pip-content">
</div>
</div>
<!--左下メッセージ--> <!--左下メッセージ-->
<div id="message"> <div id="message">
</div> </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/src.js"></script>
<script type="text/javascript" src="./js/tl/filter.js"></script> <script type="text/javascript" src="./js/tl/filter.js"></script>
<script type="text/javascript" src="./js/tl/tag.js"></script> <script type="text/javascript" src="./js/tl/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/ui/layout.js"></script>
<script type="text/javascript" src="./js/login/login.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/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/img.js"></script>
<script type="text/javascript" src="./js/ui/theme.js"></script> <script type="text/javascript" src="./js/ui/theme.js"></script>
<script type="text/javascript" src="./js/ui/pip.js"></script> <script type="text/javascript" src="./js/ui/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>'+ 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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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>'; '<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); var after = now.substr(selin, now.length);
newt = before+ emoji.emoji + after; newt = before+ emoji.emoji + after;
}else{ }else{
newt = code; newt = now+emoji.emoji;
} }
console.log(emoji.emoji);
$("#textarea").val(newt); $("#textarea").val(newt);
//emoji(); //emoji();
$("#textarea").focus(); $("#textarea").focus();

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

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

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

@ -72,14 +72,14 @@ function clear() {
$("#cw").removeClass("cw-avail"); $("#cw").removeClass("cw-avail");
$("#rec").text("いいえ"); $("#rec").text("いいえ");
$("#mec").text("なし"); $("#mec").text("なし");
var vis = localStorage.getItem("vis"); var vist = localStorage.getItem("vis");
if (!vis) { if (!vist) {
$("#vis").text("public"); vis("public");
} else { } else {
if (vis == "memory") { if (vist == "memory") {
localStorage.setItem("vis-memory", $("#vis").text()); localStorage.setItem("vis-memory", $("#vis").text());
} else { } else {
$("#vis").text(vis); vis(vist);
} }
} }
$("#nsfw").addClass("blue"); $("#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 emoji = toot.emojis[key5];
var shortcode = emoji.shortcode; var shortcode = emoji.shortcode;
var emoji_url = '<img src="' + emoji.url + var emoji_url = '<img src="' + emoji.url +
'" style="width:1em" class="emoji-img">'; '" class="emoji-img">';
var regExp = new RegExp(":" + shortcode + ":", "g"); var regExp = new RegExp(":" + shortcode + ":", "g");
content = content.replace(regExp, emoji_url); content = content.replace(regExp, emoji_url);
spoil = toot.spoiler_text.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("hide");
$("#src-box").toggleClass("show"); $("#src-box").toggleClass("show");
$("#src-box").css("top",$('#src-tgl').offset().top+"px"); $("#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'); $('ul.tabs').tabs('select_tab', 'src-sta');
$("#src-contents").html(""); $("#src-contents").html("");
} }

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

@ -10,13 +10,16 @@
function addToggle() { function addToggle() {
$("#add-box").toggleClass("hide"); $("#add-box").toggleClass("hide");
$("#add-box").css("top",$('#add-tgl').offset().top+"px"); $("#add-box").css("top",$('#add-tgl').offset().top+"px");
$("#add-box").css("left",$('#add-tgl').offset().left-410+"px");
$("#add-box").toggleClass("show"); $("#add-box").toggleClass("show");
} }
//最初、カラム変更時に発火 //最初、カラム変更時に発火
function parseColumn() { function parseColumn() {
var size = localStorage.getItem("size"); var size = localStorage.getItem("size");
if (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(); tlCloser();
var multi = localStorage.getItem("multi"); var multi = localStorage.getItem("multi");
@ -46,6 +49,10 @@
ckdb(key); ckdb(key);
}); });
} }
var xed=localStorage.getItem("xed");
if(xed){
xpand();
}
var col = localStorage.getItem("column"); var col = localStorage.getItem("column");
if (!col) { if (!col) {
var obj = [{ var obj = [{
@ -85,7 +92,7 @@
'<div class="hide notf-indv-box" id="notf-box_' + key + '<div class="hide notf-indv-box" id="notf-box_' + key +
'"><div id="notifications_' + key + '"><div id="notifications_' + key +
'" data-notf="' + acct.domain + '"></div></div></div><div class="tl-box" tlid="' + key + '"><div id="timeline_' + 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); $("#timeline-container").append(html);
if (acct.data) { if (acct.data) {
var data = 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").css('width', '50vw');
$("#post-box").addClass("bigbox") $("#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){ if(location.search){
var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/); 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(); sortload();
parseColumn(); parseColumn();
} }
//ソートボタントグル
function sortToggle(){ function sortToggle(){
$("#sort").html(""); $("#sort").html("");
if ($("#sort-box").hasClass("hide")) { if ($("#sort-box").hasClass("hide")) {
$("#sort-box").removeClass("hide"); $("#sort-box").removeClass("hide");
$("#sort-box").css("top",$('#sort-tgl').offset().top+"px"); $("#sort-box").css("top",$('#sort-tgl').offset().top+"px");
$("#sort-box").css("left",$('#sort-tgl').offset().left-410+"px");
//並べ替え //並べ替え
sortload(); sortload();
} else { } else {

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

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

2
app/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "TheDesk", "name": "TheDesk",
"version": "13.3.0", "version": "13.4.1",
"description": "TheDesk on Mastodonはシンプルと多機能を両立したデスクトップ向けクライアントです", "description": "TheDesk on Mastodonはシンプルと多機能を両立したデスクトップ向けクライアントです",
"main": "main.js", "main": "main.js",
"scripts": { "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/time.js"></script>
<script type="text/javascript" src="./js/common/modal.js"></script> <script type="text/javascript" src="./js/common/modal.js"></script>
<h4>設定</h4> <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"> <ul class="collapsible" data-collapsible="accordion">
<li> <li>
<div class="collapsible-header"> <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|いくつかのバグを修正。機能改修。"}