+添加 About 页面

2 years ago · 0eafabf38f
parent d360963089
commit 0eafabf38f
3 changed files with 52 additions and 3 deletions
--- a/README.md
+++ b/README.md
@ -16,10 +16,12 @@
 ## 待完成
 - [ ] 适配搜索栏，使其能够正常使用。
 - [ ] 多语言支持。
- [ ] 构建`关于`页面，能够查询所有项目的许可证和信息。
+- [X] ~~构建`关于`页面；~~
+  - [ ] 做到能够查询所有项目的许可证和信息。
 - [X] ~~构建`留言反馈`页面，做到无后端。~~
 - [ ] 构建`提交页面`页面。
 - [ ] 修复右键菜单中的`在新标签页打开`。
+- [ ] 添加`加载`页面。
 - [ ] ……

 ## 贡献者们
--- a/README_EN.md
+++ b/README_EN.md
@ -16,10 +16,12 @@ Features include: file Converter, encryption & decryption, webmaster tools, code
 ## To Do List
 - [ ] Fix Search, make it functional.
 - [ ] Multilingual support.
- [ ] Build`about`page, make it be able to query license and info for all projects.
+- [X] ~~Build`about`page.~~
+  - [ ] Make it be able to query license and info for all projects.
 - [X] ~~Build`comment`page, make it without back end.~~
 - [ ] Build`application`page.
- [ ] Fix`open-in-new-tab`in ContextMenu.
+- [ ] Make`open-in-new-tab`in ContextMenu functional.
+- [ ] Add`loading`.
 - [ ] ...

 ## Contributors
--- a/about/index.html
+++ b/about/index.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8"/>		
+		<title>关于&nbsp;568Tools&nbsp;在线工具箱</title>
+		<link rel="icon" type="image/svg+xml" href="https://tools.pj568.eu.org/img/icon.svg">
+		<link rel="stylesheet" href="https://tools.pj568.eu.org/css/tool_type.css">
+		<script src="https://tools.pj568.eu.org/js/include.js"></script>
+        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/marked@3.0.0/marked.min.js"></script>
+	</head>
+	<body>
+		<div class="bg-img"></div>
+		<div id="list" class="nav_content">
+			<div class="item info">
+                <div style="width: 50%;padding: 0 20px;" id="content">
+
+                </div>
+            </div>
+			<div class="item">
+                <h2>可选操作</h2>
+				<div class="child">
+					<a href="https://Tools.pj568.eu.org/">回到主页</a>
+					<a onclick="javascript:history.back(-1);">尝试返回</a>
+				</div>
+            		</div>
+        	</div>
+		<include src="https://tools.pj568.eu.org/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>
+    <script>
+        $.get('https://tools.pj568.eu.org/README.md', function(response, status, xhr){
+            $("#content").html(marked(response));
+        });
+    </script>
+</html>
+<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>