diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..b122979 --- /dev/null +++ b/.github/ISSUE_TEMPLATE.md @@ -0,0 +1,34 @@ +## 类型(勾选其中一个) + +- [ ] 提交链接 +- [ ] 修正链接 +- [ ] 发现 BUG +- [ ] 建议 + +## 具体内容(根据“类型”选择其中一个,并删除其余 3 个) + +### 提交链接(不接受奇怪的网站) + +- 链接分类(例如 资源 - 软件 - 工具): +- 链接名称(例如 GitHub): +- 具体链接(例如 https://github.com/): + +### 修正链接 + +- 链接所在的分类(例如 资源 - 软件 - 工具): +- 链接名称(例如 GitHub): +- 修正后的分类: +- 修正后的名称: +- 修正后的链接: + +### 发现 BUG + +**BUG 描述(例如 BUG 是在什么情况下出现的):** +在此填写 + +**解决方法(可选):** +在此填写 + +### 建议 + +此处填写具体的建议内容。 diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md new file mode 100644 index 0000000..86c901e --- /dev/null +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -0,0 +1 @@ +填写描述,例如:修改的内容、作用 diff --git a/README.md b/README.md index 3cb8bcf..2e7bbbb 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,39 @@ ## 简介 -#### 名称(暂定) +### 名称(可能会更改) + - Frost 网址导航 - Frost Site Navigation -#### 页面链接 +### 页面链接 + - [链接一](https://frost-zx.github.io/frost-navigation/) - [链接二](https://nav.frost-zx.top/) -#### 离线使用 +### 提交链接 + +有以下两种方法: +1. 到 [发布页面](https://blog.frost-zx.top/website/frost-navigation.html) 的评论区提交。(推荐使用此方法) +2. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。 + +### 修正链接 + +有以下两种方法: +1. 到 [发布页面](https://blog.frost-zx.top/) 的评论区提交。(推荐使用此方法) +2. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。 + +### 离线使用 + 支持离线使用,[下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `docs` 文件夹下的 `index.html` 即可,也可以将其加入浏览器的书签栏或在浏览器设置中将其设置为主页。 -#### 自定义 +### 自定义 + [下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `docs/index.html` 和 `docs/js/script.js` 根据需要进行修改。 ## 第三方资源 -#### 插件 +### 插件 + - [Slinky - A light-weight, responsive, mobile-like navigation menu plugin](https://github.com/alizahid/slinky) - [jQuery 3.2.1](https://jquery.org/license/) diff --git a/docs/css/styles.css b/docs/css/style.css similarity index 84% rename from docs/css/styles.css rename to docs/css/style.css index 209cb89..b4c89c7 100644 --- a/docs/css/styles.css +++ b/docs/css/style.css @@ -31,7 +31,7 @@ body { flex-direction: column; font: normal 14px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; justify-content: center; - margin: 4em auto; + margin: 5em auto; max-width: calc(100% - 2em); min-height: calc(100vh - 8em); /* text-transform: lowercase; */ @@ -243,7 +243,7 @@ main section li a:not(.back) { /* 搜索面板 */ .search-panel { - display: none; + visibility: hidden; position: fixed; top: 50%; left: 50%; @@ -262,15 +262,25 @@ main section li a:not(.back) { width: 60%; height: 50px; border: solid 2px #03A9F4; + box-shadow: 0 0 5px rgba(3, 169, 244, 0.1); font-size: 20px; + transition: border 0.2s; +} +.search-bar .search-input:hover { + border: solid 2px #00BCD4; } .search-bar .search-submit, .search-bar .search-cancel { width: 75px; height: 50px; border: none; background-color: #03A9F4; + box-shadow: 0 0 5px rgba(3, 169, 244, 0.1); font-size: 20px; color: #FFF; + transition: background 0.2s; +} +.search-bar .search-submit:hover, .search-bar .search-cancel:hover { + background-color: #00BCD4; } .search-bar .search-submit { margin-right: 5px; @@ -295,7 +305,7 @@ main section li a:not(.back) { .search-bar .search-input { margin: 15px 5px 0 0; padding: 0 10px; - width: 50%; + width: 55%; height: 40px; font-size: 16px; } @@ -305,12 +315,12 @@ main section li a:not(.back) { font-size: 16px; } .search-result { - padding: 0 6%; + padding: 0 5%; height: calc(100% - 80px); } .search-result a { - margin-bottom: 10px; - font-size: 20px; + margin-bottom: 8px; + font-size: 16px; } } @@ -318,18 +328,26 @@ main section li a:not(.back) { .floating-bar { position: fixed; - left: 50%; - bottom: 16px; - padding-top: 7px; - width: 50px; - height: 32px; - background-color: #4CAF50; - box-shadow: 0 0 10px rgba(76, 175, 80, 0.8); - text-align: center; - font-size: 16px; - color: #fff; + left: 0; + bottom: 20px; + width: 100%; opacity: 0.9; - transform: translateX(-50%) + text-align: center; + animation: FloatingBarSlide 1s ease-out 1; +} +.floating-bar-search, .floating-bar-tool, .floating-bar-about, .floating-bar-totop { + display: inline-block; + width: 45px; + height: 30px; + background-color: #4CAF50; + box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); + text-align: center; + line-height: 30px; + font-size: 14px; + color: #fff; +} +.floating-bar-tool, .floating-bar-about, .floating-bar-totop { + margin-left: 5px; } /* 选中 */ @@ -357,3 +375,8 @@ main section li a:not(.back) { transform: rotate(360deg); } } +@keyframes FloatingBarSlide { + from { + bottom: -50px; + } +} diff --git a/docs/index.html b/docs/index.html index bba397d..c8f9f97 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,7 +8,7 @@