2018-03-11 01:22:59 +11:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2019-10-14 02:28:10 +11:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link href="./css/themes.css" type="text/css" rel="stylesheet" />
|
|
|
|
|
<link href="./css/tl.css" type="text/css" rel="stylesheet" />
|
|
|
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
|
|
|
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet">
|
2020-09-02 13:11:02 +10:00
|
|
|
<script type="text/javascript" src="./node_modules/grapheme-splitter/index.js"></script>
|
2019-10-14 02:28:10 +11:00
|
|
|
<title>TheDesk Nano</title>
|
|
|
|
|
<style>
|
|
|
|
|
html {
|
|
|
|
|
-webkit-app-region: drag !important;
|
|
|
|
|
cursor: move !important;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
color: var(--color) !important;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
body {
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
#timeline_nano {
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
max-height: 100px;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
.user {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
select {
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
button {
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
textarea {
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
color: var(--color) !important;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
width: 5px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
background: rgba(0, 0, 0, 0.05);
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
.area-date_via {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
.area-side {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
2019-05-19 17:39:30 +10:00
|
|
|
|
2019-10-14 02:28:10 +11:00
|
|
|
/* Handle */
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background: rgba(0, 0, 0, 0.8);
|
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
|
|
|
|
|
}
|
|
|
|
|
.hide, .pin, .rep-btn, .tickers{
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.fas {
|
|
|
|
|
font-size: 1rem !important;
|
|
|
|
|
}
|
|
|
|
|
.cvo {
|
|
|
|
|
grid-template-rows: auto 1rem 1fr auto 2rem;
|
|
|
|
|
}
|
2020-09-02 13:11:02 +10:00
|
|
|
.voice {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2019-10-14 02:28:10 +11:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
|
|
|
|
|
<script>
|
2020-09-02 13:11:02 +10:00
|
|
|
var pwa = false
|
2019-10-14 02:28:10 +11:00
|
|
|
$.strip_tags = function(str, allowed) {
|
|
|
|
|
if (!str) {
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
allowed = (((allowed || "") + "").toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join("");
|
|
|
|
|
var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>?/gi,
|
|
|
|
|
commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;
|
|
|
|
|
return str.replace(commentsAndPhpTags, "").replace(tags, function($0, $1) {
|
|
|
|
|
return allowed.indexOf("<" + $1.toLowerCase() + ">") > -1 ? $0 : "";
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
function escapeHTML(str) {
|
|
|
|
|
if (!str) {
|
|
|
|
|
return "";
|
2019-02-01 03:30:25 +11:00
|
|
|
}
|
2019-10-14 02:28:10 +11:00
|
|
|
return str
|
|
|
|
|
.replace(/&/g, "&")
|
|
|
|
|
.replace(/</g, "<")
|
|
|
|
|
.replace(/>/g, ">")
|
|
|
|
|
.replace(/"/g, """)
|
|
|
|
|
.replace(/'/g, "'");
|
2019-05-19 17:39:30 +10:00
|
|
|
}
|
2019-10-14 02:28:10 +11:00
|
|
|
</script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/first-not-view.js"></script>
|
|
|
|
|
<div id="menu" class="hide">
|
|
|
|
|
TL and posting account<br>
|
|
|
|
|
<select id="post-acct-sel" style="max-width:150px"> </select><br>
|
|
|
|
|
TL type<br>
|
|
|
|
|
<select id="type-sel" style="max-width:60px" onchange="loader()">
|
|
|
|
|
<option value="local">Local</option>
|
|
|
|
|
<option value="home">Home</option> </select
|
|
|
|
|
><button onclick="tl()">Show</button><br>
|
|
|
|
|
Visibility<br>
|
|
|
|
|
<select id="vis-sel" style="max-width:60px">
|
|
|
|
|
<option value="public">Public</option>
|
|
|
|
|
<option value="unlisted">Unlisted</option>
|
|
|
|
|
<option value="private">Private</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<button onclick="set()" id="setting">Setting</button>
|
2020-05-10 20:39:49 +10:00
|
|
|
<textarea id="textarea" style="width:55%; background-color:transparent" placeholder="Post something new"></textarea>
|
2019-10-14 02:28:10 +11:00
|
|
|
<button class="btn" onclick="post()">Post</button>
|
|
|
|
|
<button onclick="window.close()">x</button><br />
|
|
|
|
|
<div id="timeline_nano">Click "settings" to show TL</div>
|
|
|
|
|
<br />
|
|
|
|
|
<script>
|
|
|
|
|
if (localStorage.getItem("lang")) {
|
|
|
|
|
var lang = localStorage.getItem("lang");
|
2019-02-01 03:30:25 +11:00
|
|
|
} else {
|
2019-10-14 02:28:10 +11:00
|
|
|
var lang = "ja";
|
2019-02-01 03:30:25 +11:00
|
|
|
}
|
2019-10-14 02:28:10 +11:00
|
|
|
</script>
|
|
|
|
|
<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?2.7"></script>
|
2020-09-02 13:11:02 +10:00
|
|
|
<script type="text/javascript" src="./js/platform/first.js"></script>
|
2019-10-14 02:28:10 +11:00
|
|
|
<script type="text/javascript" src="./js/post/status.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/post/post.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/post/use-txtbox.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/tl/parse.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/ui/theme.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/tl/date.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/common/time.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/nano.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/platform/end.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
