更新 Slinky 并调整文件结构

更新 Slinky 至 4.2.1
This commit is contained in:
2020-09-09 22:46:08 +08:00
parent 2dc03fbe55
commit 86b257294f
24 changed files with 341 additions and 314 deletions

View File

@@ -7,13 +7,13 @@
## 具体内容(根据“类型”选择其中一个,并删除其余 3 个)
### 提交链接(不接受奇怪的网站)
### 1. 提交链接(不接受奇怪的网站)
- 链接分类(例如 资源 - 软件 - 工具):
- 链接名称(例如 GitHub
- 具体链接(例如 https://github.com/
### 修正链接
### 2. 修正链接
- 链接所在的分类(例如 资源 - 软件 - 工具):
- 链接名称(例如 GitHub
@@ -21,14 +21,16 @@
- 修正后的名称:
- 修正后的链接:
### 发现 BUG
### 3. 发现 BUG
#### BUG 描述(例如 BUG 是在什么情况下出现的)
**BUG 描述(例如 BUG 是在什么情况下出现的):**
在此填写
**解决方法(可选)**
#### 解决方法(可选)
在此填写
### 建议
### 4. 建议
此处填写具体的建议内容。

View File

@@ -13,18 +13,22 @@
### 提交链接
有以下两种方法:
1. 到 [发布页面](https://blog.frost-zx.top/website/frost-navigation.html) 的评论区提交。(推荐使用此方法)
2. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。
1. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。
2. 到 [发布页面](https://blog.frost-zx.top/website/frost-navigation.html) 的评论区提交。
### 修正链接
有以下两种方法:
1. 到 [发布页面](https://blog.frost-zx.top/website/frost-navigation.html) 的评论区提交。(推荐使用此方法)
2. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。
1. 到 [Issues](https://github.com/Frost-ZX/frost-navigation/issues) 提交。
2. 到 [发布页面](https://blog.frost-zx.top/website/frost-navigation.html) 的评论区提交。
### 离线使用
支持离线使用,[下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html` 即可,也可以将其加入浏览器的书签栏或在浏览器设置中将其设置为主页。
`注意:需要手动更新文件`
### 自定义
@@ -36,16 +40,5 @@
### 插件
- [Slinky](https://github.com/alizahid/slinky)
- [Slinky 4.2.1](https://github.com/alizahid/slinky)
- [jQuery 3.2.1](https://jquery.org/)
## To Do
- [x] 网站名称右侧显示网址
- [x] 搜索框(搜索引擎)
- [x] 搜索框(网址)
- [x] 小工具
- [ ] 加入链接图标
- [ ] 美化
- [ ] 完善链接
- [ ] 优化代码

View File

@@ -1,210 +1,69 @@
@charset "UTF-8";
/*
* 默认配色
* primary #4cd964
* accent #5ac8fa
* accent #ff2d55
* background #fff
* text #222
*/
* {
border-radius: 0;
box-sizing: border-box;
font-weight: normal;
outline: none;
user-select: none;
}
/* 标签 */
body {
background-color: #999;
color: #000;
cursor: default;
display: flex;
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: 6em auto;
max-width: calc(100% - 2em);
min-height: calc(100vh - 8em);
/* text-transform: lowercase; */
width: 30em;
text-transform: none;
overflow-x: hidden;
scroll-behavior: smooth;
}
a {
color: #222;
text-decoration: none;
transition: 200ms;
}
a:hover {
color: #03A9F4;
}
a:active {
color: #00BCD4;
}
code {
font-family: 'Consolas', monospace;
}
h1, h2, h3 {
font-weight: 500;
text-align: center;
}
h2 {
color: #FFF;
font-size: 1.6em;
margin-bottom: 2em;
position: relative;
text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
h2::before {
content: '';
height: 1px;
position: absolute;
width: 100%;
}
h3 {
color: #03A9F4;
font-size: 1.25em;
margin: 2em 0;
}
img {
border: none;
max-width: 100%;
vertical-align: top;
}
/* 覆盖 Slinky */
p {
margin: 2em 0;
text-align: center;
}
pre {
background: #f6f7f8;
display: block;
line-height: 1.4;
padding: 1em;
user-select: text;
width: 100%;
}
table {
background: #f6f7f8;
border-collapse: collapse;
border-spacing: 0;
margin: 2em 0;
width: 100%;
}
thead tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
}
thead th {
color: #ff2d55;
font-weight: 500;
}
tbody tr:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.025);
}
tbody td {
line-height: 1.4;
}
th, td {
padding: 1em;
text-align: left;
vertical-align: top;
}
/* Layout */
header, h1 {
align-items: center;
align-self: center;
header,
h1 {
color: #444;
display: flex;
flex-direction: column;
}
header h1::before {
content: '';
background: url('../favicon.ico') center no-repeat;
background-size: 2em;
height: 2em;
margin-bottom: 1em;
width: 2em;
background-image: url('../../favicon.ico');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
header p {
color: #555;
margin-top: 1em;
}
main {
margin: 4em 0;
opacity: 0;
/* background: #FFF; */
/* opacity: 0; */
background-color: transparent;
transition: opacity 1s;
}
main section:not(:first-child) {
margin-top: 4em;
}
footer {
color: #FFF;
font-size: 0.9em;
line-height: 1.5em;
text-align: center;
}
footer a {
color: #FFF;
}
footer img {
height: 1.5em;
}
footer p {
margin: 0;
}
/* Components */
.loading {
align-items: center;
display: flex;
justify-content: center;
margin: 2em;
text-align: center;
}
.loading::before {
animation: spinner 1s infinite linear;
content: '';
border: 2px solid transparent;
border-top-color: #5ac8fa;
border-right-color: #5ac8fa;
border-radius: 1em;
height: 1.5em;
margin-right: 1em;
width: 1.5em;
}
/* 工具面板 */
.tool-panel {
@@ -255,15 +114,12 @@ footer p {
background-color: #F44336;
}
.tool-panel-iframe {
}
.tool-panel-iframe iframe {
height: calc(100vh - 32px);
width: 100vw;
}
/* 链接图标 */
/* 链接图标 */
/*
main section li img {

View File

@@ -0,0 +1,221 @@
/*
* colors
* primary #4cd964
* accent #5ac8fa
* accent #ff2d55
* background #fff
* text #222
*/
/* reset */
* {
border-radius: 0;
box-sizing: border-box;
font-weight: normal;
margin: 0;
outline: none;
padding: 0;
user-select: none;
}
::selection {
background: #cbf3b4;
}
/* global */
body {
background: #fff;
color: #222;
cursor: default;
display: flex;
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;
max-width: calc(100% - 2em);
min-height: calc(100vh - 8em);
text-transform: lowercase;
width: 30em;
}
a {
color: #4cd964;
text-decoration: none;
transition: 200ms;
}
a:hover {
color: #59e671;
}
a:active {
color: #3fcc57;
}
code {
font-family: 'Consolas', monospace;
}
h1,
h2,
h3 {
font-weight: 500;
text-align: center;
}
h2 {
color: #4cd964;
font-size: 1.5em;
margin-bottom: 2em;
position: relative;
}
h2::before {
content: '';
height: 1px;
position: absolute;
width: 100%;
}
h3 {
color: #5ac8fa;
font-size: 1.25em;
margin: 2em 0;
}
img {
border: none;
max-width: 100%;
vertical-align: top;
}
p {
margin: 2em 0;
text-align: center;
}
pre {
background: #f6f7f8;
display: block;
line-height: 1.4;
padding: 1em;
user-select: text;
width: 100%;
}
table {
background: #f6f7f8;
border-collapse: collapse;
border-spacing: 0;
margin: 2em 0;
width: 100%;
}
thead tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
}
thead th {
color: #ff2d55;
font-weight: 500;
}
tbody tr:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.025);
}
tbody td {
line-height: 1.4;
}
th,
td {
padding: 1em;
text-align: left;
vertical-align: top;
}
/* layout */
header,
h1 {
align-items: center;
align-self: center;
display: flex;
flex-direction: column;
}
header h1::before {
content: '';
background: url('slinky.svg') center no-repeat;
background-size: 2em;
height: 2em;
margin-bottom: 1em;
width: 2em;
}
header p {
color: gray;
margin-top: 1em;
}
main {
background: #fff;
margin: 4em 0;
}
main section:not(:first-child) {
margin-top: 4em;
}
footer {
color: #999;
font-size: 0.875em;
line-height: 1.5;
text-align: center;
}
footer img {
height: 1.5em;
}
/* components */
#menu {
width: 100%;
}
.loading {
align-items: center;
display: flex;
justify-content: center;
margin: 2em;
text-align: center;
}
.loading::before {
animation: spinner 1s infinite linear;
content: '';
border: 2px solid transparent;
border-top-color: #5ac8fa;
border-right-color: #5ac8fa;
border-radius: 1em;
height: 1.5em;
margin-right: 1em;
width: 1.5em;
}
/* animations */
@keyframes spinner {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

69
assets/css/slinky.min.css vendored Normal file
View File

@@ -0,0 +1,69 @@
.slinky-menu {
overflow: hidden;
transform: translateZ(0); }
.slinky-menu > ul {
left: 0;
position: relative;
transform: translateZ(0); }
.slinky-menu ul,
.slinky-menu li {
list-style: none;
margin: 0; }
.slinky-menu ul {
width: 100%; }
.slinky-menu a {
align-items: center;
display: flex; }
.slinky-menu a span {
flex: 1;
line-height: 1.4; }
.slinky-menu li ul {
display: none;
left: 100%;
position: absolute;
top: 0; }
.slinky-menu .header {
display: flex; }
.slinky-menu .header .title {
flex: 1;
line-height: 1.4;
margin: 0;
order: 1; }
.slinky-theme-default {
background: #f6f7f8; }
.slinky-theme-default .title {
color: #333;
padding: 1em; }
.slinky-theme-default li {
line-height: 1; }
.slinky-theme-default a:not(.back) {
color: #333;
padding: 1em; }
.slinky-theme-default a:not(.back):hover {
background: rgba(90, 200, 250, 0.25); }
.slinky-theme-default a:not(.back):active {
background: rgba(90, 200, 250, 0.5); }
.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
background-size: 1em;
content: '';
height: 1em;
opacity: 0.25;
transition: 200ms;
width: 1em; }
.slinky-theme-default .next::after {
margin-left: 1em; }
.slinky-theme-default .back::before {
padding: 1em;
transform: scaleX(-1); }
.slinky-theme-default .next:hover::after,
.slinky-theme-default .back:hover::before {
opacity: 0.75; }
.slinky-theme-default .next:active::after,
.slinky-theme-default .back:active::before {
opacity: 1; }
/*# sourceMappingURL=slinky.min.css.map*/

View File

@@ -0,0 +1 @@
{"version":3,"sources":["webpack:///./src/slinky.scss"],"names":[],"mappings":"AAAA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,cAAc;AACd;AACA,gBAAgB;AAChB;AACA;AACA,kBAAkB;AAClB;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,WAAW;AACX;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA,eAAe;;AAEf;AACA,sBAAsB;AACtB;AACA;AACA,iBAAiB;AACjB;AACA,mBAAmB;AACnB;AACA;AACA,iBAAiB;AACjB;AACA,2CAA2C;AAC3C;AACA,0CAA0C;AAC1C;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,qBAAqB;AACrB;AACA;AACA,0BAA0B;AAC1B;AACA;AACA,kBAAkB;AAClB;AACA;AACA,eAAe","file":"slinky.min.css","sourcesContent":[".slinky-menu {\n overflow: hidden;\n transform: translateZ(0); }\n .slinky-menu > ul {\n left: 0;\n position: relative;\n transform: translateZ(0); }\n .slinky-menu ul,\n .slinky-menu li {\n list-style: none;\n margin: 0; }\n .slinky-menu ul {\n width: 100%; }\n .slinky-menu a {\n align-items: center;\n display: flex; }\n .slinky-menu a span {\n flex: 1;\n line-height: 1.4; }\n .slinky-menu li ul {\n display: none;\n left: 100%;\n position: absolute;\n top: 0; }\n .slinky-menu .header {\n display: flex; }\n .slinky-menu .header .title {\n flex: 1;\n line-height: 1.4;\n margin: 0;\n order: 1; }\n\n.slinky-theme-default {\n background: #f6f7f8; }\n .slinky-theme-default .title {\n color: #333;\n padding: 1em; }\n .slinky-theme-default li {\n line-height: 1; }\n .slinky-theme-default a:not(.back) {\n color: #333;\n padding: 1em; }\n .slinky-theme-default a:not(.back):hover {\n background: rgba(90, 200, 250, 0.25); }\n .slinky-theme-default a:not(.back):active {\n background: rgba(90, 200, 250, 0.5); }\n .slinky-theme-default .next::after,\n .slinky-theme-default .back::before {\n background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;\n background-size: 1em;\n content: '';\n height: 1em;\n opacity: 0.25;\n transition: 200ms;\n width: 1em; }\n .slinky-theme-default .next::after {\n margin-left: 1em; }\n .slinky-theme-default .back::before {\n padding: 1em;\n transform: scaleX(-1); }\n .slinky-theme-default .next:hover::after,\n .slinky-theme-default .back:hover::before {\n opacity: 0.75; }\n .slinky-theme-default .next:active::after,\n .slinky-theme-default .back:active::before {\n opacity: 1; }\n"],"sourceRoot":""}

View File

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 241 B

View File

Before

Width:  |  Height:  |  Size: 418 B

After

Width:  |  Height:  |  Size: 418 B

View File

Before

Width:  |  Height:  |  Size: 202 KiB

After

Width:  |  Height:  |  Size: 202 KiB

View File

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 76 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

8
assets/js/slinky.min.js vendored Normal file
View File

@@ -0,0 +1,8 @@
!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){n(1),e.exports=n(2)},function(e,t){function n(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}
/*
* Slinky
* Rather sweet menus
* @author Ali Zahid <ali.zahid@live.com>
* @license MIT
*/var a=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.settings=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(r,!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},this.options,{},r),this._init(t)}return s(e,[{key:"options",get:function(){return{resize:!0,speed:300,theme:"slinky-theme-default",title:!1}}}]),s(e,[{key:"_init",value:function(e){this.menu=jQuery(e),this.base=this.menu.children().first();var t=this.menu,n=this.settings;t.addClass("slinky-menu").addClass(n.theme),this._transition(n.speed),jQuery("a + ul",t).prev().addClass("next"),jQuery("li > a",t).wrapInner("<span>");var i=jQuery("<li>").addClass("header");jQuery("li > ul",t).prepend(i);var r=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(r),n.title&&jQuery("li > ul",t).each(function(e,t){var n=jQuery(t).parent().find("a").first().text();if(n){var i=jQuery("<header>").addClass("title").text(n);jQuery("> .header",t).append(i)}}),this._addListeners(),this._jumpToInitial()}},{key:"_addListeners",value:function(){var e=this,t=this.menu,n=this.settings;jQuery("a",t).on("click",function(i){if(e._clicked+n.speed>Date.now())return!1;e._clicked=Date.now();var r=jQuery(i.currentTarget);(0===r.attr("href").indexOf("#")||r.hasClass("next")||r.hasClass("back"))&&i.preventDefault(),r.hasClass("next")?(t.find(".active").removeClass("active"),r.next().show().addClass("active"),e._move(1),n.resize&&e._resize(r.next())):r.hasClass("back")&&(e._move(-1,function(){t.find(".active").removeClass("active"),r.parent().parent().hide().parentsUntil(t,"ul").first().addClass("active")}),n.resize&&e._resize(r.parent().parent().parentsUntil(t,"ul")))})}},{key:"_jumpToInitial",value:function(){var e=this.menu,t=this.settings,n=e.find(".active");n.length>0&&(n.removeClass("active"),this.jump(n,!1)),setTimeout(function(){return e.height(e.outerHeight())},t.speed)}},{key:"_move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};if(0!==e){var n=this.settings,i=this.base,r=Math.round(parseInt(i.get(0).style.left))||0;i.css("left","".concat(r-100*e,"%")),"function"==typeof t&&setTimeout(t,n.speed)}}},{key:"_resize",value:function(e){this.menu.height(e.outerHeight())}},{key:"_transition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,t=this.menu,n=this.base;t.css("transition-duration","".concat(e,"ms")),n.css("transition-duration","".concat(e,"ms"))}},{key:"jump",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=this.menu,i=this.settings,r=jQuery(e),s=n.find(".active"),a=0;s.length>0&&(a=s.parentsUntil(n,"ul").length),n.find("ul").removeClass("active").hide();var o=r.parentsUntil(n,"ul");o.show(),r.show().addClass("active"),t||this._transition(0),this._move(o.length-a),i.resize&&this._resize(r),t||this._transition(i.speed)}}},{key:"home",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.base,n=this.menu,i=this.settings;e||this._transition(0);var r=n.find(".active"),s=r.parentsUntil(n,"ul");this._move(-s.length,function(){r.removeClass("active").hide(),s.not(t).hide()}),i.resize&&this._resize(t),!1===e&&this._transition(i.speed)}},{key:"destroy",value:function(){var e=this,t=this.base,n=this.menu;jQuery(".header",n).remove(),jQuery("a",n).removeClass("next").off("click"),n.css({height:"","transition-duration":""}),t.css({left:"","transition-duration":""}),jQuery("li > a > span",n).contents().unwrap(),n.find(".active").removeClass("active"),n.attr("class").split(" ").forEach(function(e){0===e.indexOf("slinky")&&n.removeClass(e)});["settings","menu","base"].forEach(function(t){return delete e[t]})}}]),e}();jQuery.fn.slinky=function(e){return new a(this,e)}},function(e,t,n){}]);
//# sourceMappingURL=slinky.min.js.map

File diff suppressed because one or more lines are too long

View File

@@ -1,118 +0,0 @@
@charset "UTF-8";
.slinky-menu {
overflow: hidden;
transform: translateZ(0);
}
.slinky-menu>ul {
left: 0;
position: relative;
transform: translateZ(0);
}
.slinky-menu ul,
.slinky-menu li {
list-style: none;
margin: 0;
}
.slinky-menu ul {
width: 100%;
}
.slinky-menu a {
align-items: center;
display: flex;
}
.slinky-menu a span {
flex: 1;
line-height: 1.4;
}
.slinky-menu li ul {
display: none;
left: 100%;
position: absolute;
top: 0;
}
.slinky-menu .header {
display: flex;
}
.slinky-menu .header .title {
flex: 1;
line-height: 1.4;
margin: 0;
order: 1;
}
.slinky-theme-default {
width: 100%;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.slinky-theme-default .title {
color: #333;
padding: 1em;
}
.slinky-theme-default li {
line-height: 1;
}
.slinky-theme-default a:not(.back) {
color: #333;
padding: 1em;
}
.slinky-theme-default a:not(.back):hover {
background: rgba(90, 200, 250, 0.25);
}
.slinky-theme-default a:not(.back):active {
background: rgba(90, 200, 250, 0.5);
}
/* 显示链接 */
.slinky-theme-default a:not([href="#"]):not([href^="javascript"])::after {
content: attr(href);
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
background-size: 1em;
content: '';
height: 1em;
opacity: 0.25;
transition: 200ms;
width: 1em;
}
.slinky-theme-default .next::after {
margin-left: 1em;
}
.slinky-theme-default .back::before {
padding: 1em;
transform: scaleX(-1);
}
.slinky-theme-default .next:hover::after,
.slinky-theme-default .back:hover::before {
opacity: 0.75;
}
.slinky-theme-default .next:active::after,
.slinky-theme-default .back:active::before {
opacity: 1;
}

View File

@@ -8,9 +8,11 @@
<title>Frost 网址导航</title>
<meta name="description" content="网址导航" />
<meta name="keywords" content="link,navigation,导航,网站,网址" />
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/slinky.css" />
<!-- CSS -->
<link rel="stylesheet" href="assets/css/slinky-styles.css" />
<link rel="stylesheet" href="assets/css/slinky.min.css" />
<link rel="stylesheet" href="assets/css/nav-all.css" />
<link rel="stylesheet" href="assets/css/nav-index.css" />
</head>
<body>
<header>
@@ -1299,7 +1301,7 @@
</p>
<p>
Template: <a href="https://github.com/alizahid/slinky" target="_blank">Slinky</a>
| Made with <img src="files/heart.svg" alt="love" />
| Made with <img src="assets/files/heart.svg" alt="love" />
by <a href="http://designplox.com">Ali Zahid</a>
</p>
<p>
@@ -1311,8 +1313,8 @@
<!-- 背景 -->
<div class="page-background"></div>
<!-- JavaScript -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/slinky.min.js"></script>
<script src="js/index.min.js"></script>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/slinky.min.js"></script>
<script src="assets/js/nav-index.min.js"></script>
</body>
</html>

8
js/slinky.min.js vendored
View File

@@ -1,8 +0,0 @@
!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){n(1),e.exports=n(2)},function(e,t){function n(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}
/*
* Slinky
* Rather sweet menus
* @author Ali Zahid <ali.zahid@live.com>
* @license MIT
*/
var a=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.settings=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(r,!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},this.options,{},r),this._init(t)}return s(e,[{key:"options",get:function(){return{resize:!0,speed:300,theme:"slinky-theme-default",title:!1}}}]),s(e,[{key:"_init",value:function(e){this.menu=jQuery(e),this.base=this.menu.children().first();var t=this.menu,n=this.settings;t.addClass("slinky-menu").addClass(n.theme),this._transition(n.speed),jQuery("a + ul",t).prev().addClass("next"),jQuery("li > a",t).wrapInner("<span>");var i=jQuery("<li>").addClass("header");jQuery("li > ul",t).prepend(i);var r=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(r),n.title&&jQuery("li > ul",t).each(function(e,t){var n=jQuery(t).parent().find("a").first().text();if(n){var i=jQuery("<header>").addClass("title").text(n);jQuery("> .header",t).append(i)}}),this._addListeners(),this._jumpToInitial()}},{key:"_addListeners",value:function(){var e=this,t=this.menu,n=this.settings;jQuery("a",t).on("click",function(i){if(e._clicked+n.speed>Date.now())return!1;e._clicked=Date.now();var r=jQuery(i.currentTarget);(0===r.attr("href").indexOf("#")||r.hasClass("next")||r.hasClass("back"))&&i.preventDefault(),r.hasClass("next")?(t.find(".active").removeClass("active"),r.next().show().addClass("active"),e._move(1),n.resize&&e._resize(r.next())):r.hasClass("back")&&(e._move(-1,function(){t.find(".active").removeClass("active"),r.parent().parent().hide().parentsUntil(t,"ul").first().addClass("active")}),n.resize&&e._resize(r.parent().parent().parentsUntil(t,"ul")))})}},{key:"_jumpToInitial",value:function(){var e=this.menu,t=this.settings,n=e.find(".active");n.length>0&&(n.removeClass("active"),this.jump(n,!1)),setTimeout(function(){return e.height(e.outerHeight())},t.speed)}},{key:"_move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};if(0!==e){var n=this.settings,i=this.base,r=Math.round(parseInt(i.get(0).style.left))||0;i.css("left","".concat(r-100*e,"%")),"function"==typeof t&&setTimeout(t,n.speed)}}},{key:"_resize",value:function(e){this.menu.height(e.outerHeight())}},{key:"_transition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,t=this.menu,n=this.base;t.css("transition-duration","".concat(e,"ms")),n.css("transition-duration","".concat(e,"ms"))}},{key:"jump",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=this.menu,i=this.settings,r=jQuery(e),s=n.find(".active"),a=0;s.length>0&&(a=s.parentsUntil(n,"ul").length),n.find("ul").removeClass("active").hide();var o=r.parentsUntil(n,"ul");o.show(),r.show().addClass("active"),t||this._transition(0),this._move(o.length-a),i.resize&&this._resize(r),t||this._transition(i.speed)}}},{key:"home",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.base,n=this.menu,i=this.settings;e||this._transition(0);var r=n.find(".active"),s=r.parentsUntil(n,"ul");this._move(-s.length,function(){r.removeClass("active").hide(),s.not(t).hide()}),i.resize&&this._resize(t),!1===e&&this._transition(i.speed)}},{key:"destroy",value:function(){var e=this,t=this.base,n=this.menu;jQuery(".header",n).remove(),jQuery("a",n).removeClass("next").off("click"),n.css({height:"","transition-duration":""}),t.css({left:"","transition-duration":""}),jQuery("li > a > span",n).contents().unwrap(),n.find(".active").removeClass("active"),n.attr("class").split(" ").forEach(function(e){0===e.indexOf("slinky")&&n.removeClass(e)});["settings","menu","base"].forEach(function(t){return delete e[t]})}}]),e}();jQuery.fn.slinky=function(e){return new a(this,e)}},function(e,t,n){}]);

View File

@@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Frost 网址导航 - 小工具</title>
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/tool.css" />
<link rel="stylesheet" href="assets/css/nav-all.css" />
<link rel="stylesheet" href="assets/css/nav-tool.css" />
</head>
<body>
<div class="main">
@@ -270,6 +270,6 @@
<!-- 背景 -->
<div class="page-background"></div>
<!-- JavaScript -->
<script src="js/tool.min.js"></script>
<script src="assets/js/nav-tool.min.js"></script>
</body>
</html>