thedesk/app/about.html

122 lines
4.2 KiB
HTML
Raw Permalink Normal View History

2018-03-13 04:41:38 +11:00
<!doctype html>
<html lang="ja">
2019-05-19 17:39:30 +10:00
2018-03-13 04:41:38 +11:00
<head>
2019-05-19 17:39:30 +10:00
<title>TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport">
2019-06-22 01:22:45 +10:00
<link href="./node_modules/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet">
2019-05-19 17:39:30 +10:00
<link href='./css/font-awesome.css' rel='stylesheet' type='text/css'>
<link href="./css/themes.css" type="text/css" rel="stylesheet">
<link href="./css/master.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300|Baloo+Bhai" rel="stylesheet">
<meta charset="utf-8">
<style>
body {
font-family: 'Open Sans';
-webkit-app-region: drag;
cursor: move;
}
a,
button {
-webkit-app-region: no-drag;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.container {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: 'name1 data1''name2 data2''name3 data3''name4 data4''name5 data5';
text-align: left;
margin: 5px;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-name1 {
grid-area: name1;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-data1 {
grid-area: data1;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-name2 {
grid-area: name2;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-data2 {
grid-area: data2;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-name3 {
grid-area: name3;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-data3 {
grid-area: data3;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-name4 {
grid-area: name4;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-data4 {
grid-area: data4;
}
2018-03-13 04:41:38 +11:00
2019-05-19 17:39:30 +10:00
.area-name5 {
grid-area: name5;
}
.area-data5 {
grid-area: data5;
}
</style>
2018-03-13 04:41:38 +11:00
</head>
2019-05-19 17:39:30 +10:00
2018-03-18 02:00:53 +11:00
<body class="center " style="overflow:hidden">
2019-06-22 01:22:45 +10:00
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
2019-05-19 17:39:30 +10:00
<script type="text/javascript" src="./js/platform/first-not-view.js"></script>
2019-06-22 01:22:45 +10:00
<script type="text/javascript" src="./node_modules/materialize-css/dist/js/materialize.js"></script>
2019-08-09 11:58:55 +10:00
<img src="./img/desk.svg" style="max-width:62%;">
2019-05-19 17:39:30 +10:00
<h5>TheDesk</h5>
2019-06-16 02:08:10 +10:00
<div class="container">
<div class="area-name1">Display version</div>
<div class="area-data1" id="now"></div>
<div class="area-name2">Internal version</div>
<div class="area-data2" id="ver"></div>
<div class="area-name3">Chromium</div>
<div class="area-data3" id="chrome"></div>
<div class="area-name4">Electron</div>
<div class="area-data4" id="electron"></div>
<div class="area-name5">Node.js</div>
<div class="area-data5" id="node"></div>
2019-05-19 17:39:30 +10:00
</div>
<div class="cp">Copyright &copy; TheDesk 2018<br>
Main developer(author): <a href="https://cutls.com/@Cutls" target="_blank">Cutls P</a><br>
Thanks:<a href="https://minohdon.jp/@toneji" target="_blank">toneji</a>/<a
2019-06-29 17:11:52 +10:00
href="https://popon.pptdn.jp/@popn_ja" target="_blank">popn_ja</a>/<a href="https://pl.kpherox.dev/kPherox"
2019-05-19 17:39:30 +10:00
target="_blank">kPherox</a> and all users
<img draggable="false" style="width:0.8rem;top: 1px;margin-left: 1px;position: relative;" alt="❤️"
title=":heart:" src="https://twemoji.maxcdn.com/2/72x72/2764.png">
<br><a href="https://thedesk.top" target="_blank">Web site</a></div>
<button onclick="window.close()" class="btn waves-effect indigo" style="width:calc(100% - 10px);"><i
class="material-icons left">close</i>Close</button>
<script type="text/javascript" src="./js/ui/theme.js"></script>
<script>
2019-06-16 02:08:10 +10:00
var about = JSON.parse(localStorage.getItem("about"));
$("#now").text(localStorage.getItem("ver"));
$("#node").text(about[0]);
$("#chrome").text(about[1]);
$("#electron").text(about[2]);
2019-05-19 17:39:30 +10:00
if (location.search) {
var m = location.search.match(/\?ver=([a-zA-Z-0-9.]+)/);
var ver = m[1];
$("#ver").text(ver);
}
$(document).on('click', 'a', e => {
var url = $(e.target).attr('href');
postMessage(["openUrl", url], "*")
2019-05-19 17:39:30 +10:00
return false;
});
</script>