PJ568 2 years ago
parent 398b115e01
commit b0df68d89d

@ -19,14 +19,12 @@
<div id="list" class="nav_content">
<div class="item info">
<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;404</h2>
<div id="ad_line" style="margin: 0 10px;"></div>
<p>抱歉,查找的页面不存在。</p>
</div>
<div class="item">
<h2>可选操作</h2>
<div class="child">
<a href="/">回到主页</a>
<a href="#">回到页顶</a>
<a style="cursor:pointer" onclick="javascript:history.back(-1);">尝试返回</a>
</div>
</div>

@ -34,7 +34,7 @@
- [X] ~~构建`留言反馈`页面,做到无后端。~~
- [ ] 构建`提交页面`页面。
- [ ] 修复右键菜单中的`在新标签页打开`按钮。
- [ ] 添加`加载`动画。
- [X] 添加`加载`动画。
- [ ] ……
## 🏆贡献者们

@ -35,7 +35,7 @@
- [X] ~~Build `comment` page, make it without back end.~~
- [ ] Build `application` page.
- [ ] Make `open-in-new-tab` in ContextMenu functional.
- [ ] Add `loading` .
- [X] Add `loading` .
- [ ] ...
## 🏆Contributors

@ -21,7 +21,6 @@
<div id="list" class="nav_content">
<div class="item info">
<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;Comment&nbsp;评论区</h2>
<div id="ad_line" style="margin: 0 10px;"></div>
<p>欢迎各位反馈和讨论!请不要吝啬您的<a rel="nofollow" target="_blank" href="/comment">留言反馈</a>,感谢使用及分享!</p>
</div>
<div class="item"><h2>评论</h2>
@ -35,7 +34,7 @@
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="/css/568_comment.css"
data-theme="https://tools.pj568.eu.org/css/568_comment.css"
data-lang="zh-CN"
data-loading="lazy"
crossorigin="anonymous"
@ -63,4 +62,4 @@
</ul>
</body>
</html>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>
<script src="/js/contextmenu.js"></script>

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/loading.js"></script>
<title>568Tools&nbsp;|&nbsp;帮助</title>
<link rel="icon" type="image/svg+xml" href="/img/icon.svg">
<link rel="stylesheet" href="/css/tool_type.css">
</head>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<div class="bg-img"></div>
<div id="list" class="nav_content">
<div class="item info">
<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;帮助</h2>
<p>右键菜单:</p>
<p>&nbsp;&nbsp;按下右键可以看到许多选项。</p>
<p>&nbsp;&nbsp;在一些按钮上右键可以看到“在新标签页打开”或“在页内页打开”。</p>
<p>搜索菜单:</p>
<p>&nbsp;&nbsp;在网页的右上角的搜索框里搜索能够查询该页的相关信息。</p>
</div>
</div>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
</body>
</html>
<script src="/js/contextmenu.js"></script>

@ -30,7 +30,7 @@
window.onload = replaceIframeSource;
</script>
</head>
<body style="display:block;height:calc(100% - 42px)">
<body style="display:block;height:calc(100% - 41px)">
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>

@ -1,17 +1,17 @@
window.addEventListener('contextmenu', RightClickMenu);
const rightMenu = document.querySelector('#rcb_menu');
const newTab = document.querySelector('#rcb_t6');
const incertBtn = document.querySelector('#rcb_t7');
// const incertBtn = document.querySelector('#rcb_t7');
function RightClickMenu(e) {
e.preventDefault();
rightMenu.style.display = 'block';
if (e.target.closest('a')) {
newTab.style.display = 'block';
// if (document.write(location.href) == 'https://tools.pj568.eu.org/') {incertBtn.style.display = 'block'}
incertBtn.style.display = 'block';
// incertBtn.style.display = 'block';
} else {
newTab.style.display = 'none';
incertBtn.style.display = 'none';
// incertBtn.style.display = 'none';
}
let x = e.clientX, y = e.clientY,
menuWidth = rightMenu.offsetWidth, menuHeight = rightMenu.offsetHeight,
@ -28,7 +28,7 @@ document.body.addEventListener('click', function () {
rightMenu.addEventListener('click', function (e) {
switch (e.target.id) {
case "rcb_t1":
window.location.href="https://Tools.PJ568.eu.org/";
window.location.href="/";
break;
case "rcb_t2":
window.location.href="#";

@ -39,7 +39,7 @@ function initData(){
list_html='',
sotreList=localStorage.getItem('list');
// 初始化
list_html+=`<div class="item info"><h2>欢迎使用<img alt="Main_icon" class="mainicon" src="./img/icon.svg"/>&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目,热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议,请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>,感谢使用及分享!</strong>本站欢迎<a rel="nofollow" target="_blank" href="/application">提交您的页面</a>,本站将持续更新。如果喜欢网站可以去<a rel="nofollow" target="_blank" href="https://github.com/PJ-568/568tools">托管仓库</a>点一个⭐。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用:<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
list_html+=`<div class="item info"><h2>欢迎使用<img alt="Main_icon" class="mainicon" src="./img/icon.svg"/>&nbsp;568Tools&nbsp;在线工具箱</h2><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目,热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议,请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>,感谢使用及分享!</strong>本站欢迎<a rel="nofollow" target="_blank" href="/application">提交您的页面</a>,本站将持续更新。如果喜欢网站可以去<a rel="nofollow" target="_blank" href="https://github.com/PJ-568/568tools">托管仓库</a>点一个⭐。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用:<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
// 初始化结束
if(!!sotreList){
sotreList=JSON.parse(sotreList);
@ -65,7 +65,7 @@ function initData(){
}
// 后补
nav_html+=`<a href="#0" target="_self">页内页</a><a href="#-1" target="_self">项目贡献者</a><a href="#-2" target="_self">Star&nbsp;历史</a>`
list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe title="incert" id="myFrame" src="/about/" class="page"></iframe><a style="cursor:pointer" onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/568tools/graphs/contributors" target="_blank"><img alt="贡献者的头像图片" loading="lazy" src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img alt="Star&nbsp;历史" loading="lazy" class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe title="incert" loading="lazy" id="myFrame" src="/help.html" class="page"></iframe><a style="cursor:pointer" onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/568tools/graphs/contributors" target="_blank"><img alt="贡献者的头像图片" loading="lazy" src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img alt="Star&nbsp;历史" loading="lazy" class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
// 后补结束
nav.innerHTML=nav_html;
list.innerHTML=list_html;

Binary file not shown.

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/loading.js"></script>
<title>568Tools&nbsp;|&nbsp;管理</title>
<link rel="icon" type="image/svg+xml" href="/img/icon.svg">
<link rel="stylesheet" href="/css/tool_type.css">
<script src="/js/include.js"></script>
<script src="/lib/tools/v86/build/libv86.js"></script>
</head>
<script>
"use strict";
window.onload = function()
{
var emulator = window.emulator = new V86Starter({
wasm_path: "/lib/tools/v86/build/v86.wasm",
memory_size: 256 * 1024 * 1024,
vga_memory_size: 4 * 1024 * 1024,
screen_container: document.getElementById("screen_container"),
bios: {
url: "/lib/tools/v86/bios/seabios.bin",
},
vga_bios: {
url: "/lib/tools/v86/bios/vgabios.bin",
},
fda: {
url: "/management/images/freebsd_state.bin.zst",
},
// initial_state: {
// url: "/management/images/568state.bin",
// },
autostart: true,
});
}
</script>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<div class="bg-img"></div>
<div id="list" class="nav_content">
<div class="item info">
<h2><img alt="Main_icon" class="mainicon" src="/img/icon.svg" />&nbsp;568Tools&nbsp;|&nbsp;控制台</h2>
<div id="screen_container">
<div style="white-space: pre; font: 14px monospace; line-height: 14px"></div>
<canvas style="display: none"></canvas>
</div>
</div>
<div class="item">
<h2>控制</h2>
<div class="child">
<a href="/">控制选项一</a>
<a href="#">控制选项二</a>
<a style="cursor:pointer" onclick="javascript:history.back(-1);">控制选项三</a>
</div>
</div>
<div class="item">
<h2>可选操作</h2>
<div class="child">
<a href="/">回到主页</a>
<a href="#">回到页顶</a>
<a style="cursor:pointer" onclick="javascript:history.back(-1);">尝试返回</a>
</div>
</div>
</div>
<include src="/header.html"></include>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
</body>
</html>
<script src="/js/contextmenu.js"></script>
Loading…
Cancel
Save