huan-simple-html 1.0.0

package/.eslintignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+dist-*
+dist-development
+dist-production
+dist-dev
+dist-prod
+docs
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/.eslintrc.cjs

@@ -0,0 +1,127 @@
+/*!
+ * https://eslint.bootcss.com/docs/rules/
+ * https://eslint.vuejs.org/rules/
+ */
+
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+  parserOptions: {
+    sourceType: 'module'
+  },
+  extends: ['prettier', 'eslint:recommended', 'plugin:prettier/recommended'],
+  plugins: ['prettier'],
+  rules: {
+    'no-undef': 'off',
+    'prettier/prettier': 'warn',
+    'no-unused-vars': 'warn',
+    // 禁用debugger
+    'no-debugger': 'warn',
+    // 禁止出现重复的 case 标签
+    'no-duplicate-case': 'warn',
+    // 禁止出现空语句块
+    // 'no-empty': 'warn',
+    // 禁止不必要的括号
+    'no-extra-parens': 'off',
+    // 禁止对 function 声明重新赋值
+    'no-func-assign': 'warn',
+    // 禁止在 return、throw、continue 和 break 语句之后出现不可达代码
+    'no-unreachable': 'warn',
+    // 强制所有控制语句使用一致的括号风格
+    curly: 'warn',
+    // 要求 switch 语句中有 default 分支
+    'default-case': 'warn',
+    // 强制尽可能地使用点号
+    'dot-notation': 'warn',
+    // 要求使用 === 和 !==
+    // eqeqeq: 'warn',
+    // 禁止 if 语句中 return 语句之后有 else 块
+    'no-else-return': 'warn',
+    // 禁止出现空函数
+    // 'no-empty-function': 'warn',
+    // 禁用不必要的嵌套块
+    'no-lone-blocks': 'warn',
+    // 禁止使用多个空格
+    'no-multi-spaces': 'warn',
+    // 禁止多次声明同一变量
+    'no-redeclare': 'warn',
+    // 禁止在 return 语句中使用赋值语句
+    'no-return-assign': 'warn',
+    // 禁用不必要的 return await
+    'no-return-await': 'warn',
+    // 禁止自我赋值
+    'no-self-assign': 'warn',
+    // 禁止自身比较
+    'no-self-compare': 'warn',
+    // 禁止不必要的 catch 子句
+    'no-useless-catch': 'warn',
+    // 禁止多余的 return 语句
+    'no-useless-return': 'warn',
+    // 禁止变量声明与外层作用域的变量同名
+    'no-shadow': 'off',
+    // 允许delete变量
+    'no-delete-var': 'off',
+    // 强制数组方括号中使用一致的空格
+    'array-bracket-spacing': 'warn',
+    // 强制在代码块中使用一致的大括号风格
+    'brace-style': 'warn',
+    // 强制使用骆驼拼写法命名约定
+    // camelcase: 'warn',
+    // 强制使用一致的缩进
+    indent: 'off',
+    // 强制在 JSX 属性中一致地使用双引号或单引号
+    // 'jsx-quotes': 'warn',
+    // 强制可嵌套的块的最大深度4
+    'max-depth': 'warn',
+    // 强制最大行数 300
+    // "max-lines": ["warn", { "max": 1200 }],
+    // 强制函数最大代码行数 50
+    // 'max-lines-per-function': ['warn', { max: 70 }],
+    // 强制函数块最多允许的的语句数量20
+    'max-statements': ['warn', 100],
+    // 强制回调函数最大嵌套深度
+    'max-nested-callbacks': ['warn', 5],
+    // 强制每一行中所允许的最大语句数量
+    'max-statements-per-line': ['warn', { max: 1 }],
+    // 要求方法链中每个调用都有一个换行符
+    'newline-per-chained-call': ['warn', { ignoreChainWithDepth: 3 }],
+    // 禁止 if 作为唯一的语句出现在 else 语句中
+    'no-lonely-if': 'warn',
+    // 禁止空格和 tab 的混合缩进
+    'no-mixed-spaces-and-tabs': 'warn',
+    // 禁止出现多行空行
+    'no-multiple-empty-lines': 'warn',
+    // 禁止出现;
+    semi: ['warn', 'never'],
+    // 强制在块之前使用一致的空格
+    'space-before-blocks': 'warn',
+    // 强制在 function的左括号之前使用一致的空格
+    // 'space-before-function-paren': ['warn', 'never'],
+    // 强制在圆括号内使用一致的空格
+    'space-in-parens': 'warn',
+    // 要求操作符周围有空格
+    'space-infix-ops': 'warn',
+    // 强制在一元操作符前后使用一致的空格
+    'space-unary-ops': 'warn',
+    // 强制在注释中 // 或 /* 使用一致的空格
+    // "spaced-comment": "warn",
+    // 强制在 switch 的冒号左右有空格
+    'switch-colon-spacing': 'warn',
+    // 强制箭头函数的箭头前后使用一致的空格
+    'arrow-spacing': 'warn',
+    'no-var': 'warn',
+    'prefer-const': 'warn',
+    'prefer-rest-params': 'warn',
+    'no-useless-escape': 'warn',
+    'no-irregular-whitespace': 'warn',
+    'no-prototype-builtins': 'warn',
+    'no-fallthrough': 'warn',
+    'no-extra-boolean-cast': 'warn',
+    'no-case-declarations': 'warn',
+    'no-async-promise-executor': 'warn'
+  }
+}

package/.npmignore

@@ -0,0 +1,65 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Node
+node_modules
+huan-simple-html-1.0.0.tgz
+.npmrc
+
+# Build
+dist
+dist-*
+dist-ssr
+dist-dev
+dist-prod
+
+# Git
+.git
+.gitignore
+
+# Github
+github-page
+docs
+.github
+
+# Local
+*.local
+
+# Hidden
+.*
+!.prettierrc.cjs
+!.npmignore
+!.eslintignore
+!.eslintrc.cjs
+!public/.__ignore__
+
+# IDE
+.vscode
+.idea
+
+# System
+.DS_Store
+desktop.ini
+thumbs.db
+iconcache.db
+IconCache.db
+ntuser.dat
+ntuser.dat.log
+hiberfil.sys
+pagefile.sys
+$Recycle.Bin
+Recycle Bin
+
+# Other
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+*.bak

package/.prettierrc.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+    printWidth: 120, // 换行字符串阈值
+    tabWidth: 2, // 设置工具每一个水平缩进的空格数
+    useTabs: false,
+    semi: false, // 句末是否加分号
+    vueIndentScriptAndStyle: true,
+    singleQuote: true, // 用单引号
+    trailingComma: 'none', // 最后一个对象元素符加逗号
+    bracketSpacing: true,
+    jsxBracketSameLine: true, // jsx > 是否另取一行
+    arrowParens: 'always', // 不需要写文件开头的 @prettier
+    insertPragma: false, // 不需要自动在文件开头加入 @prettier
+    endOfLine: 'lf' // 换行符使用
+}

package/LICENSE

@@ -0,0 +1,8 @@
+The MIT License (MIT)
+Copyright (c) 2025 宋子桓（Song Zihuan）
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/LICENSE_CN

@@ -0,0 +1,8 @@
+美国麻省理工学院授权协议（MIT LICENSE）
+版权所有（c）2025 宋子桓（Song Zihuan）
+现授予的权限，免费向任何人索取该软件和相关的文档文件（ “软件” ） ，以处理软件，没有任何限制，包括但不限于使用权，复制，修改，合并，出版，发行，授权，和/或销售软件的副本，并允许的人提供的软件是这样做，但须符合下列条件：
+上述版权声明和本许可声明中应包括所有副本或实质性部分的软件。
+该软件是“按原样”提供，不做任何保证，明示或暗示，包括但不限于适销性，针对特定用途的适用性和非侵权的。在任何情况下，作者或版权持有人对任何索赔，损害赔偿或其他责任，无论是在一项行动的合同，侵权或其他因出于或有关的软件或利用等交易必须软件。
+
+以下声明非  美国麻省理工学院授权协议（MIT LICENSE） 的任何部分：
+翻译声明：这是一份  美国麻省理工学院授权协议（MIT LICENSE） 的非官方中文简体翻译。它并非  美国麻省理工学院授权协议（MIT LICENSE） 发布，也不是使用  美国麻省理工学院授权协议（MIT LICENSE） 授权的软件的法定发布条款，只有  美国麻省理工学院授权协议（MIT LICENSE） 的英文原版具有这样的效力。然而，我们希望这份翻译能够帮助中文读者更好的理解  美国麻省理工学院授权协议（MIT LICENSE） 。

package/README

@@ -0,0 +1,19 @@
+简单的欢迎页面（SIMPLE-HTML）
+===================================
+这是一个简单的欢迎页面，我使用了静态的HTML+CSS+JS进行编码。
+index.new.html页面，可以作为你的默认建站页面。
+错误码页面在error文件夹下。
+注意：`.signal.html` 文件为内联样式之后的文件它可以作为一个单独的页面使用。
+
+作者：宋子桓（Song Zihuan）
+作者 Github：https://github.com/SongZihuan
+作者主页：https://song-zh.com
+作者邮箱：songzihuan@song-zh.com
+
+项目托管地址：https://github.com/SongZihuan/simple-html
+Github Page托管: https://github.com/huan-simple-html/huan-simple-html.github.io
+测试访问：https://homepage.song-zh.com/
+
+最后更新时间：2025年1月19日。
+
+备注：以上README为作者原文。

package/README_EN

@@ -0,0 +1,19 @@
+Simple Welcome Page (SIMPLE-HTML)
+====================================
+This is a simple welcome page. I used static HTML+CSS+JS for coding.
+The index.new.html page can be used as your default website page.
+The error code page is in the error folder.
+Note: The `.signal.html` file is a file after inline style. It can be used as a separate page.
+
+Author: 宋子桓 (Song Zihuan)
+Author Github: https://github.com/SongZihuan
+Author homepage: https://song-zh.com
+Author email: songzihuan@song-zh.com
+
+Project hosting address: https://github.com/SongZihuan/simple-html
+Github Page hosting: https://github.com/huan-simple-html/huan-simple-html.github.io
+Test access: https://homepage.song-zh.com/
+
+Last updated: January 19, 2025.
+
+Note: The above text is machine translated.

package/REEPORT

@@ -0,0 +1,15 @@
+如何报告 Simple-HTML
+
+作者：宋子桓（Song Zihuan）
+作者 Github：https://github.com/SongZihuan
+作者主页：https://song-zh.com
+作者邮箱：songzihuan@song-zh.com
+
+Github：https://github.com/SongZihuan/simple-html
+Github Issues：https://github.com/SongZihuan/simple-html/issues
+
+报告：您可以通过 Github Issues 或作者邮箱报告问题并联系作者。
+质量保证：如果您仅拥有此项目根目录下的 LICENSE 文件中的许可证，您将无法获得任何质量保证。但作者很乐意为您解决问题，除非此项目已存档为只读。
+其他 Fork 版本：请联系 Fork 版本的作者寻求帮助。
+
+备注：以上REPORT为作者原文。

package/REPORT_EN

@@ -0,0 +1,15 @@
+How to report of simple-html
+
+Author: 宋子桓（Song Zihuan）
+Author Github: https://github.com/SongZihuan
+Author Website: https://song-zh.com
+Author Email: songzihuan@song-zh.com
+
+Github: https://github.com/SongZihuan/simple-html
+Github Issues: https://github.com/SongZihuan/simple-html/issues
+
+Report: You can report issues and contact the author through Github Issues or Author Email.
+Quality Assurance: If you only have the license in the LICENSE file in the root directory of this project, you will not get any quality assurance. But the author is happy to solve the problem for you, unless this project has been archived as read-only.
+Other Fork versions: Please contact the author of the Fork version for assistance.
+
+Note: The above text is machine translated.

package/config.json

@@ -0,0 +1,5 @@
+{
+  "ICP": "粤ICP备2022108417号",
+  "WANGAN": "粤公网安备44011402000783号",
+  "注释：": "若您要运行此网站，并公开发布，请根据当地法律进行ICP备案和网安备案。"
+}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "huan-simple-html",
+  "version": "1.0.0",
+  "description": "一个简单的HTML项目，通过Webpack进行打包。请尽量使用pnpm处理此包。更多细节请查看\"README\"",
+  "keywords": [
+    "html",
+    "css",
+    "javaascript",
+    "webpack",
+    "simple-html",
+    "web-demo"
+  ],
+  "author": "宋子桓（Song Zihuan）",
+  "license": "MIT LICENSE",
+  "main": "src/main.js",
+  "module": "src/main.js",
+  "browser": "src/main.js",
+  "repository": "https://github.com/SongZihuan/simple-html",
+  "bug": "https://github.com/SongZihuan/simple-html/issues",
+  "homepage": "https://homepage.song-zh.com",
+  "type": "module",
+  "private": false,
+  "engines": {
+    "node": ">=18",
+    "pnpm": ">=8"
+  },
+  "devDependencies": {
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.38.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "extract-loader": "^5.1.0",
+    "file-loader": "^6.2.0",
+    "html-loader": "^5.1.0",
+    "html-webpack-plugin": "^5.6.3",
+    "jquery": "^3.7.1",
+    "mini-css-extract-plugin": "^2.9.2",
+    "normalize.css": "^8.0.1",
+    "postcss": "^8.5.1",
+    "postcss-loader": "^8.1.1",
+    "prettier": "^2.8.7",
+    "sass": "^1.83.4",
+    "sass-loader": "^16.0.4",
+    "terser-webpack-plugin": "^5.3.11",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
+  },
+  "dependencies": {},
+  "scripts": {
+    "lint": "eslint --ext .js,.mjs,.cjs,.ts --fix .",
+    "lint:debug": "eslint --ext .js,.mjs,.cjs,.ts --debug --fix .",
+    "dev": "npx webpack server --config webpack_config_dev.js",
+    "build:dev": "npx webpack --config webpack_config_dev.js",
+    "build:dev:run": "npx pnpm build:dev && npx pnpm dev",
+    "prod": "npx webpack server --config webpack_config_prod.js",
+    "build:prod": "npx webpack --config webpack_config_prod.js",
+    "build:prod:run": "npx pnpm build:prod && npx pnpm prod",
+    "github": "npx webpack server --config webpack_config_github.js",
+    "build:github": "npx webpack --config webpack_config_github.js && node github-page/cname.js",
+    "build:github:run": "npx pnpm build:github && npx pnpm github"
+  }
+}

package/public/.__ignore__

@@ -0,0 +1 @@
+Placeholder file, meaningless.

package/src/404.js

@@ -0,0 +1 @@
+import './style/error/404.css'

package/src/4xx.js

@@ -0,0 +1 @@
+import './style/error/4xx.css'

package/src/5xx.js

@@ -0,0 +1 @@
+import './style/error/5xx.css'

package/src/common.js

@@ -0,0 +1,24 @@
+// 清理状态
+import 'normalize.css'
+import jQuery from 'jquery';
+
+import Logo from './assets/image/logo.png'
+import WangAn from './assets/image/wangan.png'
+import SongZihuan from './assets/image/songzihuan.jpg'
+import LogoBin from './assets/image/logo_big.png'
+
+document.addEventListener('DOMContentLoaded', function () {
+  // 动态设置favicon
+  const link = document.createElement('link')
+  link.rel = 'shortcut icon'
+  link.href = Logo // 或者 favicon.png 对于PNG格式
+  document.head.appendChild(link)
+})
+
+window.Logo = Logo
+window.WangAn = WangAn
+window.SongZihuan = SongZihuan
+window.LogoBig = LogoBin
+
+window.jQuery = jQuery;
+window.$ = jQuery;

package/src/html/LICENSE_CN.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>美国麻省理工学院授权协议（MIT LICENSE）</title>
+    <link rel="stylesheet" href="../style/index/license.css">
+</head>
+<body>
+<pre id="license-content"></pre>
+
+<hr>
+<pre>以下内容非 协议文本，提供额外信息及操作链接：</pre>
+
+<pre><a href="./LICENSE_US.html" target="_blank">前往浏览英文原文</a></pre>
+<pre><a href="https://mit-license.org/" target="_blank">访问 美国麻省理工学院授权协议（MIT LICENSE） 官网</a></pre>
+<pre><a href="https://mit-license-org.song-zh.com/" target="_blank">访问 美国麻省理工学院授权协议（MIT LICENSE） 官网（CDN）</a></pre>
+<pre><a href="./mitorg.html" target="_blank">访问 美国麻省理工学院授权协议（MIT LICENSE） 官网（备份）</a></pre>
+<pre><a href="/LICENSE_CN" target="_blank">下载协议（中文译文）文件</a></pre>
+<pre><a href="/LICENSE" target="_blank">下载协议（英文原文）文件</a></pre>
+
+<script>
+    const  LICENSE_BAK = `美国麻省理工学院授权协议（MIT LICENSE）
+版权所有（c）2025 宋子桓（Song Zihuan）
+现授予的权限，免费向任何人索取该软件和相关的文档文件（ “软件” ） ，以处理软件，没有任何限制，包括但不限于使用权，复制，修改，合并，出版，发行，授权，和/或销售软件的副本，并允许的人提供的软件是这样做，但须符合下列条件：
+上述版权声明和本许可声明中应包括所有副本或实质性部分的软件。
+该软件是“按原样”提供，不做任何保证，明示或暗示，包括但不限于适销性，针对特定用途的适用性和非侵权的。在任何情况下，作者或版权持有人对任何索赔，损害赔偿或其他责任，无论是在一项行动的合同，侵权或其他因出于或有关的软件或利用等交易必须软件。
+
+以下声明非  美国麻省理工学院授权协议（MIT LICENSE） 的任何部分：
+翻译声明：这是一份  美国麻省理工学院授权协议（MIT LICENSE） 的非官方中文简体翻译。它并非  美国麻省理工学院授权协议（MIT LICENSE） 发布，也不是使用  美国麻省理工学院授权协议（MIT LICENSE） 授权的软件的法定发布条款，只有  美国麻省理工学院授权协议（MIT LICENSE） 的英文原版具有这样的效力。然而，我们希望这份翻译能够帮助中文读者更好的理解  美国麻省理工学院授权协议（MIT LICENSE） 。`
+
+    fetch('/LICENSE_CN')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        })
+        .then(licenseText => {
+            document.getElementById('license-content').innerText = licenseText;
+        })
+        .catch(error => {
+            document.getElementById('license-content').innerText =  LICENSE_BAK;
+            console.error('There has been a problem with your fetch operation:', error);
+        });
+</script>
+</body>
+</html>

package/src/html/LICENSE_US.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>美国麻省理工学院授权协议（MIT LICENSE）</title>
+    <link rel="stylesheet" href="../style/index/license.css">
+</head>
+<body>
+<pre id="license-content"></pre>
+
+<hr>
+
+<pre><a href="./LICENSE_CN.html" target="_blank">前往浏览中文译文</a></pre>
+<pre><a href="https://mit-license.org/" target="_blank">访问 MIT LICENSE 官网</a></pre>
+<pre><a href="https://mit-license-org.song-zh.com/" target="_blank">访问 MIT LICENSE 官网（CDN）</a></pre>
+<pre><a href="./mitorg.html" target="_blank">访问 MIT LICENSE 官网（备份）</a></pre>
+<pre><a href="/LICENSE" target="_blank">下载 LICENSE 文件</a></pre>
+
+<script>
+    const  LICENSE_BAK = `The MIT License (MIT)
+Copyright (c) 2025 宋子桓（Song Zihuan）
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.`
+
+    fetch('/LICENSE')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        })
+        .then(licenseText => {
+            document.getElementById('license-content').innerText = licenseText;
+        })
+        .catch(error => {
+            document.getElementById('license-content').innerText =  LICENSE_BAK;
+            console.error('There has been a problem with your fetch operation:', error);
+        });
+</script>
+</body>
+</html>

package/src/html/error/4xx/400.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Error 400</title>
+</head>
+<body>
+<h1>Error 400 - Bad Request</h1>
+<p>The request sent to the server was invalid or cannot be otherwise served.</p>
+</body>
+</html>

package/src/html/error/4xx/403.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>403 Forbidden</title>
+</head>
+<body>
+<h1>403</h1>
+<p>Forbidden</p>
+<p>The requested resource is forbidden.</p>
+</body>
+</html>

package/src/html/error/4xx/404.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>404 Error - Page Not Found</title>
+</head>
+<body>
+<h1>404</h1>
+<h2>Oops! The page you're looking for isn't here.</h2>
+<p>We can't seem to find the page you were trying to reach. This might be because of:</p>
+<ul>
+  <li>An outdated link</li>
+  <li>A mistyped address</li>
+  <li>Or the page has been moved</li>
+</ul>
+<p>Try going back to the <a href="/">homepage</a> or contact us if the problem persists.</p>
+</body>
+</html>

package/src/html/error/4xx/404.signal.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!--
+  此HTML文件已被压缩为单一文件，无需额外加载样式表或脚本。
+  所有必要的样式已内联编写，确保页面在无外部资源的情况下正常显示。
+  这样的设计有利于简化部署和提高加载速度，特别适合静态页面展示。
+  -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>404 Error - Page Not Found</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      text-align: center;
+      padding-top: 50px;
+      background-color: #f8f8f8;
+    }
+
+    h1 {
+      font-size: 7em;
+      margin-bottom: 0.5em;
+      color: #cc0000;
+    }
+
+    h2 {
+      font-size: 2em;
+      color: #666;
+    }
+
+    p {
+      font-size: 1.2em;
+      color: #333;
+    }
+
+    a {
+      color: #007bff;
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+<h1>404</h1>
+<h2>Oops! The page you're looking for isn't here.</h2>
+<p>We can't seem to find the page you were trying to reach. This might be because of:</p>
+<ul>
+  <li>An outdated link</li>
+  <li>A mistyped address</li>
+  <li>Or the page has been moved</li>
+</ul>
+<p>Try going back to the <a href="/">homepage</a> or contact us if the problem persists.</p>
+</body>
+</html>