| 
									
										
										
										
											2018-03-10 23:22:59 +09:00
										 |  |  | <!DOCTYPE html> | 
					
						
							|  |  |  | <html> | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09: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"> | 
					
						
							|  |  |  | 		<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 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			body { | 
					
						
							|  |  |  | 				background-color: rgba(0, 0, 0, 0.1); | 
					
						
							|  |  |  | 				font-size: 11px; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			#timeline_nano { | 
					
						
							|  |  |  | 				overflow-y: scroll; | 
					
						
							|  |  |  | 				overflow-x: hidden; | 
					
						
							|  |  |  | 				-webkit-app-region: no-drag; | 
					
						
							|  |  |  | 				max-height: 100px; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			.user { | 
					
						
							|  |  |  | 				font-size: 12px; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			select { | 
					
						
							|  |  |  | 				-webkit-app-region: no-drag; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			button { | 
					
						
							|  |  |  | 				-webkit-app-region: no-drag; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			textarea { | 
					
						
							|  |  |  | 				-webkit-app-region: no-drag; | 
					
						
							|  |  |  | 				color: var(--color) !important; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			::-webkit-scrollbar { | 
					
						
							|  |  |  | 				width: 5px; | 
					
						
							|  |  |  | 				height: 10px; | 
					
						
							|  |  |  | 				background: rgba(0, 0, 0, 0.05); | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			::-webkit-scrollbar-track { | 
					
						
							|  |  |  | 				-webkit-border-radius: 5px; | 
					
						
							|  |  |  | 				border-radius: 5px; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			.area-date_via { | 
					
						
							|  |  |  | 				display: none !important; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 			.area-side { | 
					
						
							|  |  |  | 				display: none !important; | 
					
						
							|  |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09: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; | 
					
						
							|  |  |  | 			} | 
					
						
							|  |  |  | 		</style> | 
					
						
							|  |  |  | 	</head> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 	<body> | 
					
						
							|  |  |  | 		<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script> | 
					
						
							|  |  |  | 		<script> | 
					
						
							|  |  |  | 			$.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 01:30:25 +09:00
										 |  |  | 				} | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 				return str | 
					
						
							|  |  |  | 					.replace(/&/g, "&") | 
					
						
							|  |  |  | 					.replace(/</g, "<") | 
					
						
							|  |  |  | 					.replace(/>/g, ">") | 
					
						
							|  |  |  | 					.replace(/"/g, """) | 
					
						
							|  |  |  | 					.replace(/'/g, "'"); | 
					
						
							| 
									
										
										
										
											2019-05-19 16:39:30 +09:00
										 |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09: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 19:39:49 +09:00
										 |  |  | 		<textarea id="textarea" style="width:55%; background-color:transparent" placeholder="Post something new"></textarea> | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09: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 01:30:25 +09:00
										 |  |  | 			} else { | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 				var lang = "ja"; | 
					
						
							| 
									
										
										
										
											2019-02-01 01:30:25 +09:00
										 |  |  | 			} | 
					
						
							| 
									
										
										
										
											2019-10-14 00:28:10 +09:00
										 |  |  | 		</script> | 
					
						
							|  |  |  | 		<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?2.7"></script> | 
					
						
							|  |  |  | 		<script type="text/javascript" src="view/en/main.js"></script> | 
					
						
							|  |  |  | 		<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> |