wy
2 years ago
18 changed files with 1561 additions and 152 deletions
|
After Width: | Height: | Size: 5.9 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
.api-single,.note-single{margin:25px 0 25px}#api{padding-top:0}.api-menu,.note-menu{margin-bottom:10px}.api-grid,.note-grid{padding-left:25px;padding-right:25px} |
|||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,150 @@ |
|||
@font-face { |
|||
font-family: "iconfont"; /* Project id 2374637 */ |
|||
src: url('iconfont.1.0.2.woff2?t=1636012998858') format('woff2'), |
|||
url('iconfont.1.0.2.woff?t=1636012998858') format('woff'), |
|||
url('iconfont.1.0.2.ttf?t=1636012998858') format('truetype'); |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-jilu:before { |
|||
content: "\e66b"; |
|||
} |
|||
|
|||
.icon-dianzan2:before { |
|||
content: "\e602"; |
|||
} |
|||
|
|||
.icon-zan:before { |
|||
content: "\e61b"; |
|||
} |
|||
|
|||
.icon-detailscomments:before { |
|||
content: "\e618"; |
|||
} |
|||
|
|||
.icon-weibiaoti-:before { |
|||
content: "\e60e"; |
|||
} |
|||
|
|||
.icon-guanyu2:before { |
|||
content: "\e728"; |
|||
} |
|||
|
|||
.icon-hammer:before { |
|||
content: "\e87c"; |
|||
} |
|||
|
|||
.icon-ziyuan:before { |
|||
content: "\e635"; |
|||
} |
|||
|
|||
.icon-shezhi2:before { |
|||
content: "\e639"; |
|||
} |
|||
|
|||
.icon-shuju-zuopinlei:before { |
|||
content: "\e62d"; |
|||
} |
|||
|
|||
.icon-B:before { |
|||
content: "\e6fc"; |
|||
} |
|||
|
|||
.icon-zhiyuanshouye6:before { |
|||
content: "\e627"; |
|||
} |
|||
|
|||
.icon-redis:before { |
|||
content: "\e61a"; |
|||
} |
|||
|
|||
.icon-celery:before { |
|||
content: "\eb5b"; |
|||
} |
|||
|
|||
.icon-rabbitmq:before { |
|||
content: "\ec75"; |
|||
} |
|||
|
|||
.icon-youjian5:before { |
|||
content: "\e60b"; |
|||
} |
|||
|
|||
.icon-dingwei:before { |
|||
content: "\e656"; |
|||
} |
|||
|
|||
.icon-vertical_line:before { |
|||
content: "\e63b"; |
|||
} |
|||
|
|||
.icon-deng:before { |
|||
content: "\e619"; |
|||
} |
|||
|
|||
.icon-Html:before { |
|||
content: "\e696"; |
|||
} |
|||
|
|||
.icon-CDNjiasu:before { |
|||
content: "\e6c3"; |
|||
} |
|||
|
|||
.icon-iconfont:before { |
|||
content: "\e610"; |
|||
} |
|||
|
|||
.icon-jquery:before { |
|||
content: "\e655"; |
|||
} |
|||
|
|||
.icon-xiazai:before { |
|||
content: "\e601"; |
|||
} |
|||
|
|||
.icon-bootstrap:before { |
|||
content: "\e600"; |
|||
} |
|||
|
|||
.icon-API1:before { |
|||
content: "\e692"; |
|||
} |
|||
|
|||
.icon-vue1:before { |
|||
content: "\e8ad"; |
|||
} |
|||
|
|||
.icon-suanfamoxing:before { |
|||
content: "\e616"; |
|||
} |
|||
|
|||
.icon-django:before { |
|||
content: "\eb7b"; |
|||
} |
|||
|
|||
.icon-linux:before { |
|||
content: "\e63a"; |
|||
} |
|||
|
|||
.icon-python:before { |
|||
content: "\e68e"; |
|||
} |
|||
|
|||
.icon-icon_on_the_top:before { |
|||
content: "\e626"; |
|||
} |
|||
|
|||
.icon-weixin:before { |
|||
content: "\e660"; |
|||
} |
|||
|
|||
.icon-menu-fill:before { |
|||
content: "\e62a"; |
|||
} |
|||
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
@ -0,0 +1,614 @@ |
|||
!function (t, i, s) { |
|||
"use strict"; |
|||
var e, n = t.document, o = t.Modernizr, r = function (t) { |
|||
return t.charAt(0).toUpperCase() + t.slice(1) |
|||
}, a = "Moz Webkit O Ms".split(" "), h = function (t) { |
|||
var i, s = n.documentElement.style; |
|||
if ("string" == typeof s[t]) return t; |
|||
t = r(t); |
|||
for (var e = 0, o = a.length; o > e; e++) if (i = a[e] + t, "string" == typeof s[i]) return i |
|||
}, l = h("transform"), u = h("transitionProperty"), c = { |
|||
csstransforms: function () { |
|||
return !!l |
|||
}, csstransforms3d: function () { |
|||
var t = !!h("perspective"); |
|||
if (t) { |
|||
var s = " -o- -moz- -ms- -webkit- -khtml- ".split(" "), |
|||
e = "@media (" + s.join("transform-3d),(") + "modernizr)", |
|||
n = i("<style>" + e + "{#modernizr{height:3px}}</style>").appendTo("head"), |
|||
o = i('<div id="modernizr" />').appendTo("html"); |
|||
t = 3 === o.height(), o.remove(), n.remove() |
|||
} |
|||
return t |
|||
}, csstransitions: function () { |
|||
return !!u |
|||
} |
|||
}; |
|||
if (o) for (e in c) o.hasOwnProperty(e) || o.addTest(e, c[e]); else { |
|||
o = t.Modernizr = {_version: "1.6ish: miniModernizr for Isotope"}; |
|||
var d, f = " "; |
|||
for (e in c) d = c[e](), o[e] = d, f += " " + (d ? "" : "no-") + e; |
|||
i("html").addClass(f) |
|||
} |
|||
if (o.csstransforms) { |
|||
var m = o.csstransforms3d ? { |
|||
translate: function (t) { |
|||
return "translate3d(" + t[0] + "px, " + t[1] + "px, 0) " |
|||
}, scale: function (t) { |
|||
return "scale3d(" + t + ", " + t + ", 1) " |
|||
} |
|||
} : { |
|||
translate: function (t) { |
|||
return "translate(" + t[0] + "px, " + t[1] + "px) " |
|||
}, scale: function (t) { |
|||
return "scale(" + t + ") " |
|||
} |
|||
}, p = function (t, s, e) { |
|||
var n, o, r = i.data(t, "isoTransform") || {}, a = {}, h = {}; |
|||
a[s] = e, i.extend(r, a); |
|||
for (n in r) o = r[n], h[n] = m[n](o); |
|||
var u = h.translate || "", c = h.scale || "", d = u + c; |
|||
i.data(t, "isoTransform", r), t.style[l] = d |
|||
}; |
|||
i.cssNumber.scale = !0, i.cssHooks.scale = { |
|||
set: function (t, i) { |
|||
p(t, "scale", i) |
|||
}, get: function (t, s) { |
|||
var e = i.data(t, "isoTransform"); |
|||
return e && e.scale ? e.scale : 1 |
|||
} |
|||
}, i.fx.step.scale = function (t) { |
|||
i.cssHooks.scale.set(t.elem, t.now + t.unit) |
|||
}, i.cssNumber.translate = !0, i.cssHooks.translate = { |
|||
set: function (t, i) { |
|||
p(t, "translate", i) |
|||
}, get: function (t, s) { |
|||
var e = i.data(t, "isoTransform"); |
|||
return e && e.translate ? e.translate : [0, 0] |
|||
} |
|||
} |
|||
} |
|||
var y, g; |
|||
o.csstransitions && (y = { |
|||
WebkitTransitionProperty: "webkitTransitionEnd", |
|||
MozTransitionProperty: "transitionend", |
|||
OTransitionProperty: "oTransitionEnd otransitionend", |
|||
transitionProperty: "transitionend" |
|||
}[u], g = h("transitionDuration")); |
|||
var v, _ = i.event, A = i.event.handle ? "handle" : "dispatch"; |
|||
_.special.smartresize = { |
|||
setup: function () { |
|||
i(this).bind("resize", _.special.smartresize.handler) |
|||
}, teardown: function () { |
|||
i(this).unbind("resize", _.special.smartresize.handler) |
|||
}, handler: function (t, i) { |
|||
var s = this, e = arguments; |
|||
t.type = "smartresize", v && clearTimeout(v), v = setTimeout(function () { |
|||
_[A].apply(s, e) |
|||
}, "execAsap" === i ? 0 : 100) |
|||
} |
|||
}, i.fn.smartresize = function (t) { |
|||
return t ? this.bind("smartresize", t) : this.trigger("smartresize", ["execAsap"]) |
|||
}, i.Isotope = function (t, s, e) { |
|||
this.element = i(s), this._create(t), this._init(e) |
|||
}; |
|||
var w = ["width", "height"], C = i(t); |
|||
i.Isotope.settings = { |
|||
resizable: !0, |
|||
layoutMode: "masonry", |
|||
containerClass: "isotope", |
|||
itemClass: "isotope-item", |
|||
hiddenClass: "isotope-hidden", |
|||
hiddenStyle: {opacity: 0, scale: .001}, |
|||
visibleStyle: {opacity: 1, scale: 1}, |
|||
containerStyle: {position: "relative", overflow: "hidden"}, |
|||
animationEngine: "best-available", |
|||
animationOptions: {queue: !1, duration: 800}, |
|||
sortBy: "original-order", |
|||
sortAscending: !0, |
|||
resizesContainer: !0, |
|||
transformsEnabled: !0, |
|||
itemPositionDataEnabled: !1 |
|||
}, i.Isotope.prototype = { |
|||
_create: function (t) { |
|||
this.options = i.extend({}, i.Isotope.settings, t), this.styleQueue = [], this.elemCount = 0; |
|||
var s = this.element[0].style; |
|||
this.originalStyle = {}; |
|||
var e = w.slice(0); |
|||
for (var n in this.options.containerStyle) e.push(n); |
|||
for (var o = 0, r = e.length; r > o; o++) n = e[o], this.originalStyle[n] = s[n] || ""; |
|||
this.element.css(this.options.containerStyle), this._updateAnimationEngine(), this._updateUsingTransforms(); |
|||
var a = { |
|||
"original-order": function (t, i) { |
|||
return i.elemCount++, i.elemCount |
|||
}, random: function () { |
|||
return Math.random() |
|||
} |
|||
}; |
|||
this.options.getSortData = i.extend(this.options.getSortData, a), this.reloadItems(), this.offset = { |
|||
left: parseInt(this.element.css("padding-left") || 0, 10), |
|||
top: parseInt(this.element.css("padding-top") || 0, 10) |
|||
}; |
|||
var h = this; |
|||
setTimeout(function () { |
|||
h.element.addClass(h.options.containerClass) |
|||
}, 0), this.options.resizable && C.bind("smartresize.isotope", function () { |
|||
h.resize() |
|||
}), this.element.delegate("." + this.options.hiddenClass, "click", function () { |
|||
return !1 |
|||
}) |
|||
}, _getAtoms: function (t) { |
|||
var i = this.options.itemSelector, s = i ? t.filter(i).add(t.find(i)) : t, e = {position: "absolute"}; |
|||
return s = s.filter(function (t, i) { |
|||
return 1 === i.nodeType |
|||
}), this.usingTransforms && (e.left = 0, e.top = 0), s.css(e).addClass(this.options.itemClass), this.updateSortData(s, !0), s |
|||
}, _init: function (t) { |
|||
this.$filteredAtoms = this._filter(this.$allAtoms), this._sort(), this.reLayout(t) |
|||
}, option: function (t) { |
|||
if (i.isPlainObject(t)) { |
|||
this.options = i.extend(!0, this.options, t); |
|||
var s; |
|||
for (var e in t) s = "_update" + r(e), this[s] && this[s]() |
|||
} |
|||
}, _updateAnimationEngine: function () { |
|||
var t, i = this.options.animationEngine.toLowerCase().replace(/[ _\-]/g, ""); |
|||
switch (i) { |
|||
case "css": |
|||
case "none": |
|||
t = !1; |
|||
break; |
|||
case "jquery": |
|||
t = !0; |
|||
break; |
|||
default: |
|||
t = !o.csstransitions |
|||
} |
|||
this.isUsingJQueryAnimation = t, this._updateUsingTransforms() |
|||
}, _updateTransformsEnabled: function () { |
|||
this._updateUsingTransforms() |
|||
}, _updateUsingTransforms: function () { |
|||
var t = this.usingTransforms = this.options.transformsEnabled && o.csstransforms && o.csstransitions && !this.isUsingJQueryAnimation; |
|||
t || (delete this.options.hiddenStyle.scale, delete this.options.visibleStyle.scale), this.getPositionStyles = t ? this._translate : this._positionAbs |
|||
}, _filter: function (t) { |
|||
var i = "" === this.options.filter ? "*" : this.options.filter; |
|||
if (!i) return t; |
|||
var s = this.options.hiddenClass, e = "." + s, n = t.filter(e), o = n; |
|||
if ("*" !== i) { |
|||
o = n.filter(i); |
|||
var r = t.not(e).not(i).addClass(s); |
|||
this.styleQueue.push({$el: r, style: this.options.hiddenStyle}) |
|||
} |
|||
return this.styleQueue.push({$el: o, style: this.options.visibleStyle}), o.removeClass(s), t.filter(i) |
|||
}, updateSortData: function (t, s) { |
|||
var e, n, o = this, r = this.options.getSortData; |
|||
t.each(function () { |
|||
e = i(this), n = {}; |
|||
for (var t in r) s || "original-order" !== t ? n[t] = r[t](e, o) : n[t] = i.data(this, "isotope-sort-data")[t]; |
|||
i.data(this, "isotope-sort-data", n) |
|||
}) |
|||
}, _sort: function () { |
|||
var t = this.options.sortBy, i = this._getSorter, s = this.options.sortAscending ? 1 : -1, |
|||
e = function (e, n) { |
|||
var o = i(e, t), r = i(n, t); |
|||
return o === r && "original-order" !== t && (o = i(e, "original-order"), r = i(n, "original-order")), (o > r ? 1 : r > o ? -1 : 0) * s |
|||
}; |
|||
this.$filteredAtoms.sort(e) |
|||
}, _getSorter: function (t, s) { |
|||
return i.data(t, "isotope-sort-data")[s] |
|||
}, _translate: function (t, i) { |
|||
return {translate: [t, i]} |
|||
}, _positionAbs: function (t, i) { |
|||
return {left: t, top: i} |
|||
}, _pushPosition: function (t, i, s) { |
|||
i = Math.round(i + this.offset.left), s = Math.round(s + this.offset.top); |
|||
var e = this.getPositionStyles(i, s); |
|||
this.styleQueue.push({ |
|||
$el: t, |
|||
style: e |
|||
}), this.options.itemPositionDataEnabled && t.data("isotope-item-position", {x: i, y: s}) |
|||
}, layout: function (t, i) { |
|||
var s = this.options.layoutMode; |
|||
if (this["_" + s + "Layout"](t), this.options.resizesContainer) { |
|||
var e = this["_" + s + "GetContainerSize"](); |
|||
this.styleQueue.push({$el: this.element, style: e}) |
|||
} |
|||
this._processStyleQueue(t, i), this.isLaidOut = !0 |
|||
}, _processStyleQueue: function (t, s) { |
|||
var e, n, r, a, h = this.isLaidOut && this.isUsingJQueryAnimation ? "animate" : "css", |
|||
l = this.options.animationOptions, u = this.options.onLayout; |
|||
if (n = function (t, i) { |
|||
i.$el[h](i.style, l) |
|||
}, this._isInserting && this.isUsingJQueryAnimation) n = function (t, i) { |
|||
e = i.$el.hasClass("no-transition") ? "css" : h, i.$el[e](i.style, l) |
|||
}; else if (s || u || l.complete) { |
|||
var c = !1, d = [s, u, l.complete], f = this; |
|||
if (r = !0, a = function () { |
|||
if (!c) { |
|||
for (var i, s = 0, e = d.length; e > s; s++) i = d[s], "function" == typeof i && i.call(f.element, t, f); |
|||
c = !0 |
|||
} |
|||
}, this.isUsingJQueryAnimation && "animate" === h) l.complete = a, r = !1; else if (o.csstransitions) { |
|||
for (var m, p = 0, v = this.styleQueue[0], _ = v && v.$el; !_ || !_.length;) { |
|||
if (m = this.styleQueue[p++], !m) return; |
|||
_ = m.$el |
|||
} |
|||
var A = parseFloat(getComputedStyle(_[0])[g]); |
|||
A > 0 && (n = function (t, i) { |
|||
i.$el[h](i.style, l).one(y, a) |
|||
}, r = !1) |
|||
} |
|||
} |
|||
i.each(this.styleQueue, n), r && a(), this.styleQueue = [] |
|||
}, resize: function () { |
|||
this["_" + this.options.layoutMode + "ResizeChanged"]() && this.reLayout() |
|||
}, reLayout: function (t) { |
|||
this["_" + this.options.layoutMode + "Reset"](), this.layout(this.$filteredAtoms, t) |
|||
}, addItems: function (t, i) { |
|||
var s = this._getAtoms(t); |
|||
this.$allAtoms = this.$allAtoms.add(s), i && i(s) |
|||
}, insert: function (t, i) { |
|||
this.element.append(t); |
|||
var s = this; |
|||
this.addItems(t, function (t) { |
|||
var e = s._filter(t); |
|||
s._addHideAppended(e), s._sort(), s.reLayout(), s._revealAppended(e, i) |
|||
}) |
|||
}, appended: function (t, i) { |
|||
var s = this; |
|||
this.addItems(t, function (t) { |
|||
s._addHideAppended(t), s.layout(t), s._revealAppended(t, i) |
|||
}) |
|||
}, _addHideAppended: function (t) { |
|||
this.$filteredAtoms = this.$filteredAtoms.add(t), t.addClass("no-transition"), this._isInserting = !0, this.styleQueue.push({ |
|||
$el: t, |
|||
style: this.options.hiddenStyle |
|||
}) |
|||
}, _revealAppended: function (t, i) { |
|||
var s = this; |
|||
setTimeout(function () { |
|||
t.removeClass("no-transition"), s.styleQueue.push({ |
|||
$el: t, |
|||
style: s.options.visibleStyle |
|||
}), s._isInserting = !1, s._processStyleQueue(t, i) |
|||
}, 10) |
|||
}, reloadItems: function () { |
|||
this.$allAtoms = this._getAtoms(this.element.children()) |
|||
}, remove: function (t, i) { |
|||
this.$allAtoms = this.$allAtoms.not(t), this.$filteredAtoms = this.$filteredAtoms.not(t); |
|||
var s = this, e = function () { |
|||
t.remove(), i && i.call(s.element) |
|||
}; |
|||
t.filter(":not(." + this.options.hiddenClass + ")").length ? (this.styleQueue.push({ |
|||
$el: t, |
|||
style: this.options.hiddenStyle |
|||
}), this._sort(), this.reLayout(e)) : e() |
|||
}, shuffle: function (t) { |
|||
this.updateSortData(this.$allAtoms), this.options.sortBy = "random", this._sort(), this.reLayout(t) |
|||
}, destroy: function () { |
|||
var t = this.usingTransforms, i = this.options; |
|||
this.$allAtoms.removeClass(i.hiddenClass + " " + i.itemClass).each(function () { |
|||
var i = this.style; |
|||
i.position = "", i.top = "", i.left = "", i.opacity = "", t && (i[l] = "") |
|||
}); |
|||
var s = this.element[0].style; |
|||
for (var e in this.originalStyle) s[e] = this.originalStyle[e]; |
|||
this.element.unbind(".isotope").undelegate("." + i.hiddenClass, "click").removeClass(i.containerClass).removeData("isotope"), C.unbind(".isotope") |
|||
}, _getSegments: function (t) { |
|||
var i, s = this.options.layoutMode, e = t ? "rowHeight" : "columnWidth", n = t ? "height" : "width", |
|||
o = t ? "rows" : "cols", a = this.element[n](), |
|||
h = this.options[s] && this.options[s][e] || this.$filteredAtoms["outer" + r(n)](!0) || a; |
|||
i = Math.floor(a / h), i = Math.max(i, 1), this[s][o] = i, this[s][e] = h |
|||
}, _checkIfSegmentsChanged: function (t) { |
|||
var i = this.options.layoutMode, s = t ? "rows" : "cols", e = this[i][s]; |
|||
return this._getSegments(t), this[i][s] !== e |
|||
}, _masonryReset: function () { |
|||
this.masonry = {}, this._getSegments(); |
|||
var t = this.masonry.cols; |
|||
for (this.masonry.colYs = []; t--;) this.masonry.colYs.push(0) |
|||
}, _masonryLayout: function (t) { |
|||
var s = this, e = s.masonry; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.ceil(t.outerWidth(!0) / e.columnWidth); |
|||
if (n = Math.min(n, e.cols), 1 === n) s._masonryPlaceBrick(t, e.colYs); else { |
|||
var o, r, a = e.cols + 1 - n, h = []; |
|||
for (r = 0; a > r; r++) o = e.colYs.slice(r, r + n), h[r] = Math.max.apply(Math, o); |
|||
s._masonryPlaceBrick(t, h) |
|||
} |
|||
}) |
|||
}, _masonryPlaceBrick: function (t, i) { |
|||
for (var s = Math.min.apply(Math, i), e = 0, n = 0, o = i.length; o > n; n++) if (i[n] === s) { |
|||
e = n; |
|||
break |
|||
} |
|||
var r = this.masonry.columnWidth * e, a = s; |
|||
this._pushPosition(t, r, a); |
|||
var h = s + t.outerHeight(!0), l = this.masonry.cols + 1 - o; |
|||
for (n = 0; l > n; n++) this.masonry.colYs[e + n] = h |
|||
}, _masonryGetContainerSize: function () { |
|||
var t = Math.max.apply(Math, this.masonry.colYs); |
|||
return {height: t} |
|||
}, _masonryResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged() |
|||
}, _fitRowsReset: function () { |
|||
this.fitRows = {x: 0, y: 0, height: 0} |
|||
}, _fitRowsLayout: function (t) { |
|||
var s = this, e = this.element.width(), n = this.fitRows; |
|||
t.each(function () { |
|||
var t = i(this), o = t.outerWidth(!0), r = t.outerHeight(!0); |
|||
0 !== n.x && o + n.x > e && (n.x = 0, n.y = n.height), s._pushPosition(t, n.x, n.y), n.height = Math.max(n.y + r, n.height), n.x += o |
|||
}) |
|||
}, _fitRowsGetContainerSize: function () { |
|||
return {height: this.fitRows.height} |
|||
}, _fitRowsResizeChanged: function () { |
|||
return !0 |
|||
}, _cellsByRowReset: function () { |
|||
this.cellsByRow = {index: 0}, this._getSegments(), this._getSegments(!0) |
|||
}, _cellsByRowLayout: function (t) { |
|||
var s = this, e = this.cellsByRow; |
|||
t.each(function () { |
|||
var t = i(this), n = e.index % e.cols, o = Math.floor(e.index / e.cols), |
|||
r = (n + .5) * e.columnWidth - t.outerWidth(!0) / 2, |
|||
a = (o + .5) * e.rowHeight - t.outerHeight(!0) / 2; |
|||
s._pushPosition(t, r, a), e.index++ |
|||
}) |
|||
}, _cellsByRowGetContainerSize: function () { |
|||
return {height: Math.ceil(this.$filteredAtoms.length / this.cellsByRow.cols) * this.cellsByRow.rowHeight + this.offset.top} |
|||
}, _cellsByRowResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged() |
|||
}, _straightDownReset: function () { |
|||
this.straightDown = {y: 0} |
|||
}, _straightDownLayout: function (t) { |
|||
var s = this; |
|||
t.each(function (t) { |
|||
var e = i(this); |
|||
s._pushPosition(e, 0, s.straightDown.y), s.straightDown.y += e.outerHeight(!0) |
|||
}) |
|||
}, _straightDownGetContainerSize: function () { |
|||
return {height: this.straightDown.y} |
|||
}, _straightDownResizeChanged: function () { |
|||
return !0 |
|||
}, _masonryHorizontalReset: function () { |
|||
this.masonryHorizontal = {}, this._getSegments(!0); |
|||
var t = this.masonryHorizontal.rows; |
|||
for (this.masonryHorizontal.rowXs = []; t--;) this.masonryHorizontal.rowXs.push(0) |
|||
}, _masonryHorizontalLayout: function (t) { |
|||
var s = this, e = s.masonryHorizontal; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.ceil(t.outerHeight(!0) / e.rowHeight); |
|||
if (n = Math.min(n, e.rows), 1 === n) s._masonryHorizontalPlaceBrick(t, e.rowXs); else { |
|||
var o, r, a = e.rows + 1 - n, h = []; |
|||
for (r = 0; a > r; r++) o = e.rowXs.slice(r, r + n), h[r] = Math.max.apply(Math, o); |
|||
s._masonryHorizontalPlaceBrick(t, h) |
|||
} |
|||
}) |
|||
}, _masonryHorizontalPlaceBrick: function (t, i) { |
|||
for (var s = Math.min.apply(Math, i), e = 0, n = 0, o = i.length; o > n; n++) if (i[n] === s) { |
|||
e = n; |
|||
break |
|||
} |
|||
var r = s, a = this.masonryHorizontal.rowHeight * e; |
|||
this._pushPosition(t, r, a); |
|||
var h = s + t.outerWidth(!0), l = this.masonryHorizontal.rows + 1 - o; |
|||
for (n = 0; l > n; n++) this.masonryHorizontal.rowXs[e + n] = h |
|||
}, _masonryHorizontalGetContainerSize: function () { |
|||
var t = Math.max.apply(Math, this.masonryHorizontal.rowXs); |
|||
return {width: t} |
|||
}, _masonryHorizontalResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged(!0) |
|||
}, _fitColumnsReset: function () { |
|||
this.fitColumns = {x: 0, y: 0, width: 0} |
|||
}, _fitColumnsLayout: function (t) { |
|||
var s = this, e = this.element.height(), n = this.fitColumns; |
|||
t.each(function () { |
|||
var t = i(this), o = t.outerWidth(!0), r = t.outerHeight(!0); |
|||
0 !== n.y && r + n.y > e && (n.x = n.width, n.y = 0), s._pushPosition(t, n.x, n.y), n.width = Math.max(n.x + o, n.width), n.y += r |
|||
}) |
|||
}, _fitColumnsGetContainerSize: function () { |
|||
return {width: this.fitColumns.width} |
|||
}, _fitColumnsResizeChanged: function () { |
|||
return !0 |
|||
}, _cellsByColumnReset: function () { |
|||
this.cellsByColumn = {index: 0}, this._getSegments(), this._getSegments(!0) |
|||
}, _cellsByColumnLayout: function (t) { |
|||
var s = this, e = this.cellsByColumn; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.floor(e.index / e.rows), o = e.index % e.rows, |
|||
r = (n + .5) * e.columnWidth - t.outerWidth(!0) / 2, |
|||
a = (o + .5) * e.rowHeight - t.outerHeight(!0) / 2; |
|||
s._pushPosition(t, r, a), e.index++ |
|||
}) |
|||
}, _cellsByColumnGetContainerSize: function () { |
|||
return {width: Math.ceil(this.$filteredAtoms.length / this.cellsByColumn.rows) * this.cellsByColumn.columnWidth} |
|||
}, _cellsByColumnResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged(!0) |
|||
}, _straightAcrossReset: function () { |
|||
this.straightAcross = {x: 0} |
|||
}, _straightAcrossLayout: function (t) { |
|||
var s = this; |
|||
t.each(function (t) { |
|||
var e = i(this); |
|||
s._pushPosition(e, s.straightAcross.x, 0), s.straightAcross.x += e.outerWidth(!0) |
|||
}) |
|||
}, _straightAcrossGetContainerSize: function () { |
|||
return {width: this.straightAcross.x} |
|||
}, _straightAcrossResizeChanged: function () { |
|||
return !0 |
|||
} |
|||
}, i.fn.imagesLoaded = function (t) { |
|||
function s() { |
|||
t.call(n, o) |
|||
} |
|||
|
|||
function e(t) { |
|||
var n = t.target; |
|||
n.src !== a && -1 === i.inArray(n, h) && (h.push(n), --r <= 0 && (setTimeout(s), o.unbind(".imagesLoaded", e))) |
|||
} |
|||
|
|||
var n = this, o = n.find("img").add(n.filter("img")), r = o.length, |
|||
a = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==", h = []; |
|||
return r || s(), o.bind("load.imagesLoaded error.imagesLoaded", e).each(function () { |
|||
var t = this.src; |
|||
this.src = a, this.src = t |
|||
}), n |
|||
}; |
|||
var z = function (i) { |
|||
t.console && t.console.error(i) |
|||
}; |
|||
i.fn.isotope = function (t, s) { |
|||
if ("string" == typeof t) { |
|||
var e = Array.prototype.slice.call(arguments, 1); |
|||
this.each(function () { |
|||
var s = i.data(this, "isotope"); |
|||
return s ? i.isFunction(s[t]) && "_" !== t.charAt(0) ? void s[t].apply(s, e) : void z("no such method '" + t + "' for isotope instance") : void z("cannot call methods on isotope prior to initialization; attempted to call method '" + t + "'") |
|||
}) |
|||
} else this.each(function () { |
|||
var e = i.data(this, "isotope"); |
|||
e ? (e.option(t), e._init(s)) : i.data(this, "isotope", new i.Isotope(t, this, s)) |
|||
}); |
|||
return this |
|||
} |
|||
}(window, jQuery); |
|||
let $mainNav = $("#mainNav"); |
|||
let $body = $("body"); |
|||
let $scroll_to_top = $("#scroll-to-top"); |
|||
// 页面顶部时，导航栏背景透明
|
|||
let toggle_flag = true; |
|||
$('.navbar-toggler').click(() => { |
|||
let all_class = $mainNav.attr('class'); |
|||
if (all_class.indexOf('navbar-shrink') === -1) { |
|||
$mainNav.addClass('navbar-shrink'); |
|||
} else { |
|||
if ($mainNav.offset().top <= 10) { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
} |
|||
toggle_flag = false; |
|||
}); |
|||
// 移动端点击空白处，隐藏菜单
|
|||
$body.click(() => { |
|||
$('.navbar-collapse').collapse('hide'); |
|||
if (toggle_flag) { // 阻止事件冒泡
|
|||
if ($mainNav.offset().top <= 10) { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
} |
|||
toggle_flag = true; |
|||
}); |
|||
// 移动端点击菜单后，隐藏菜单
|
|||
$('.js-scroll-trigger').click(() => { |
|||
$('.navbar-collapse').collapse('hide'); |
|||
}); |
|||
// 导航栏自动隐藏
|
|||
let previousTop = 0; |
|||
$(window).scroll(() => { |
|||
let currentTop = $(window).scrollTop(); |
|||
if (currentTop - previousTop < -10) { |
|||
// 下划
|
|||
$mainNav.removeClass("show-none"); |
|||
previousTop = currentTop; |
|||
} else if (currentTop - previousTop > 10) { |
|||
// 上划
|
|||
$mainNav.addClass("show-none"); |
|||
$('.navbar-collapse').collapse('hide'); |
|||
previousTop = currentTop; |
|||
} |
|||
if (currentTop < 60) { |
|||
// 首页常显示
|
|||
$mainNav.removeClass("show-none"); |
|||
} |
|||
}); |
|||
// 非顶部刷新时，设置导航栏不透明
|
|||
let navbarCollapse = () => { |
|||
if ($mainNav.offset().top > 10) { |
|||
$mainNav.addClass("navbar-shrink"); |
|||
} else { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
}; |
|||
navbarCollapse(); |
|||
$(window).scroll(navbarCollapse); |
|||
// 底部滚动
|
|||
$(window).scroll(() => { |
|||
if ($(window).scrollTop() < 100) { |
|||
$scroll_to_top.removeClass('show'); |
|||
} else { |
|||
$scroll_to_top.addClass('show'); |
|||
} |
|||
}); |
|||
$scroll_to_top.click(function (e) { |
|||
e.preventDefault() |
|||
$('html,body').animate({ |
|||
scrollTop: 0 |
|||
}, 700); |
|||
}); |
|||
// 主题切换
|
|||
let like_color = 'darkorange'; |
|||
let like_color0 = '#888888'; |
|||
if ($('body').hasClass('body_dark')) { |
|||
$('.article-single').addClass('body_dark'); |
|||
like_color = '#68a7eb'; |
|||
like_color0 = '#777777'; |
|||
} |
|||
let set_light = () => { |
|||
$('.body_dark').removeClass('body_dark'); |
|||
$('#logo').attr('src', 'logo/logo.png'); |
|||
like_color = 'darkorange'; |
|||
like_color0 = '#888888'; |
|||
let headHTML = document.getElementsByTagName('head')[0].innerHTML; |
|||
headHTML = headHTML.replace(/1A1D24/, "E4EBF8"); |
|||
document.getElementsByTagName('head')[0].innerHTML = headHTML; |
|||
}; |
|||
let set_dark = () => { |
|||
$('#logo').attr('src', 'logo/logo-dark.png'); |
|||
$('body').addClass('body_dark'); |
|||
$('.section-title h3').addClass('body_dark'); |
|||
$('#mainNav').addClass('body_dark'); |
|||
$('#switch_dark').addClass('body_dark'); |
|||
$('.navbar-toggler').addClass('body_dark'); |
|||
$('.blog').addClass('body_dark'); |
|||
$('.section').addClass('body_dark'); |
|||
$('.section button').addClass('body_dark'); |
|||
$('#home').addClass('body_dark'); |
|||
$('#notes .services-inner-box').addClass('body_dark'); |
|||
$('#api .services-inner-box').addClass('body_dark'); |
|||
$('#opus .opus-single').addClass('body_dark'); |
|||
$('#demo .demo-single').addClass('body_dark'); |
|||
$('#contact .contact_form').addClass('body_dark'); |
|||
$('.article-single').addClass('body_dark'); |
|||
like_color = '#68a7eb'; |
|||
like_color0 = '#777777'; |
|||
let headHTML = document.getElementsByTagName('head')[0].innerHTML; |
|||
headHTML = headHTML.replace(/E4EBF8/, "1A1D24"); |
|||
document.getElementsByTagName('head')[0].innerHTML = headHTML; |
|||
}; |
|||
$('.toggle').click(function (e) { |
|||
$(this).toggleClass('toggle--on') |
|||
.toggleClass('toggle--off') |
|||
.addClass('toggle--moving'); |
|||
setTimeout(() => { |
|||
$(this).removeClass('toggle--moving'); |
|||
}, 200); |
|||
let is_dark = $('body').hasClass('body_dark'); |
|||
$('.clock div').css('transition', 'all .3s ease-in-out'); |
|||
setTimeout(() => { |
|||
$('.clock div.minutes').css('transition', 'none'); |
|||
$('.clock div.hours').css('transition', 'none'); |
|||
}, 400); |
|||
setTimeout(() => { |
|||
if (!is_dark) { |
|||
set_dark(); |
|||
} else { |
|||
set_light(); |
|||
} |
|||
}, 100); |
|||
$.ajax({ |
|||
url: '/toggle_dark/', |
|||
type: 'post', |
|||
data: { |
|||
'csrfmiddlewaretoken': $('[name="csrfmiddlewaretoken"]').val(), |
|||
'is_dark': is_dark, |
|||
}, |
|||
success: () => { |
|||
} |
|||
}) |
|||
}); |
|||
@ -0,0 +1,614 @@ |
|||
!function (t, i, s) { |
|||
"use strict"; |
|||
var e, n = t.document, o = t.Modernizr, r = function (t) { |
|||
return t.charAt(0).toUpperCase() + t.slice(1) |
|||
}, a = "Moz Webkit O Ms".split(" "), h = function (t) { |
|||
var i, s = n.documentElement.style; |
|||
if ("string" == typeof s[t]) return t; |
|||
t = r(t); |
|||
for (var e = 0, o = a.length; o > e; e++) if (i = a[e] + t, "string" == typeof s[i]) return i |
|||
}, l = h("transform"), u = h("transitionProperty"), c = { |
|||
csstransforms: function () { |
|||
return !!l |
|||
}, csstransforms3d: function () { |
|||
var t = !!h("perspective"); |
|||
if (t) { |
|||
var s = " -o- -moz- -ms- -webkit- -khtml- ".split(" "), |
|||
e = "@media (" + s.join("transform-3d),(") + "modernizr)", |
|||
n = i("<style>" + e + "{#modernizr{height:3px}}</style>").appendTo("head"), |
|||
o = i('<div id="modernizr" />').appendTo("html"); |
|||
t = 3 === o.height(), o.remove(), n.remove() |
|||
} |
|||
return t |
|||
}, csstransitions: function () { |
|||
return !!u |
|||
} |
|||
}; |
|||
if (o) for (e in c) o.hasOwnProperty(e) || o.addTest(e, c[e]); else { |
|||
o = t.Modernizr = {_version: "1.6ish: miniModernizr for Isotope"}; |
|||
var d, f = " "; |
|||
for (e in c) d = c[e](), o[e] = d, f += " " + (d ? "" : "no-") + e; |
|||
i("html").addClass(f) |
|||
} |
|||
if (o.csstransforms) { |
|||
var m = o.csstransforms3d ? { |
|||
translate: function (t) { |
|||
return "translate3d(" + t[0] + "px, " + t[1] + "px, 0) " |
|||
}, scale: function (t) { |
|||
return "scale3d(" + t + ", " + t + ", 1) " |
|||
} |
|||
} : { |
|||
translate: function (t) { |
|||
return "translate(" + t[0] + "px, " + t[1] + "px) " |
|||
}, scale: function (t) { |
|||
return "scale(" + t + ") " |
|||
} |
|||
}, p = function (t, s, e) { |
|||
var n, o, r = i.data(t, "isoTransform") || {}, a = {}, h = {}; |
|||
a[s] = e, i.extend(r, a); |
|||
for (n in r) o = r[n], h[n] = m[n](o); |
|||
var u = h.translate || "", c = h.scale || "", d = u + c; |
|||
i.data(t, "isoTransform", r), t.style[l] = d |
|||
}; |
|||
i.cssNumber.scale = !0, i.cssHooks.scale = { |
|||
set: function (t, i) { |
|||
p(t, "scale", i) |
|||
}, get: function (t, s) { |
|||
var e = i.data(t, "isoTransform"); |
|||
return e && e.scale ? e.scale : 1 |
|||
} |
|||
}, i.fx.step.scale = function (t) { |
|||
i.cssHooks.scale.set(t.elem, t.now + t.unit) |
|||
}, i.cssNumber.translate = !0, i.cssHooks.translate = { |
|||
set: function (t, i) { |
|||
p(t, "translate", i) |
|||
}, get: function (t, s) { |
|||
var e = i.data(t, "isoTransform"); |
|||
return e && e.translate ? e.translate : [0, 0] |
|||
} |
|||
} |
|||
} |
|||
var y, g; |
|||
o.csstransitions && (y = { |
|||
WebkitTransitionProperty: "webkitTransitionEnd", |
|||
MozTransitionProperty: "transitionend", |
|||
OTransitionProperty: "oTransitionEnd otransitionend", |
|||
transitionProperty: "transitionend" |
|||
}[u], g = h("transitionDuration")); |
|||
var v, _ = i.event, A = i.event.handle ? "handle" : "dispatch"; |
|||
_.special.smartresize = { |
|||
setup: function () { |
|||
i(this).bind("resize", _.special.smartresize.handler) |
|||
}, teardown: function () { |
|||
i(this).unbind("resize", _.special.smartresize.handler) |
|||
}, handler: function (t, i) { |
|||
var s = this, e = arguments; |
|||
t.type = "smartresize", v && clearTimeout(v), v = setTimeout(function () { |
|||
_[A].apply(s, e) |
|||
}, "execAsap" === i ? 0 : 100) |
|||
} |
|||
}, i.fn.smartresize = function (t) { |
|||
return t ? this.bind("smartresize", t) : this.trigger("smartresize", ["execAsap"]) |
|||
}, i.Isotope = function (t, s, e) { |
|||
this.element = i(s), this._create(t), this._init(e) |
|||
}; |
|||
var w = ["width", "height"], C = i(t); |
|||
i.Isotope.settings = { |
|||
resizable: !0, |
|||
layoutMode: "masonry", |
|||
containerClass: "isotope", |
|||
itemClass: "isotope-item", |
|||
hiddenClass: "isotope-hidden", |
|||
hiddenStyle: {opacity: 0, scale: .001}, |
|||
visibleStyle: {opacity: 1, scale: 1}, |
|||
containerStyle: {position: "relative", overflow: "hidden"}, |
|||
animationEngine: "best-available", |
|||
animationOptions: {queue: !1, duration: 800}, |
|||
sortBy: "original-order", |
|||
sortAscending: !0, |
|||
resizesContainer: !0, |
|||
transformsEnabled: !0, |
|||
itemPositionDataEnabled: !1 |
|||
}, i.Isotope.prototype = { |
|||
_create: function (t) { |
|||
this.options = i.extend({}, i.Isotope.settings, t), this.styleQueue = [], this.elemCount = 0; |
|||
var s = this.element[0].style; |
|||
this.originalStyle = {}; |
|||
var e = w.slice(0); |
|||
for (var n in this.options.containerStyle) e.push(n); |
|||
for (var o = 0, r = e.length; r > o; o++) n = e[o], this.originalStyle[n] = s[n] || ""; |
|||
this.element.css(this.options.containerStyle), this._updateAnimationEngine(), this._updateUsingTransforms(); |
|||
var a = { |
|||
"original-order": function (t, i) { |
|||
return i.elemCount++, i.elemCount |
|||
}, random: function () { |
|||
return Math.random() |
|||
} |
|||
}; |
|||
this.options.getSortData = i.extend(this.options.getSortData, a), this.reloadItems(), this.offset = { |
|||
left: parseInt(this.element.css("padding-left") || 0, 10), |
|||
top: parseInt(this.element.css("padding-top") || 0, 10) |
|||
}; |
|||
var h = this; |
|||
setTimeout(function () { |
|||
h.element.addClass(h.options.containerClass) |
|||
}, 0), this.options.resizable && C.bind("smartresize.isotope", function () { |
|||
h.resize() |
|||
}), this.element.delegate("." + this.options.hiddenClass, "click", function () { |
|||
return !1 |
|||
}) |
|||
}, _getAtoms: function (t) { |
|||
var i = this.options.itemSelector, s = i ? t.filter(i).add(t.find(i)) : t, e = {position: "absolute"}; |
|||
return s = s.filter(function (t, i) { |
|||
return 1 === i.nodeType |
|||
}), this.usingTransforms && (e.left = 0, e.top = 0), s.css(e).addClass(this.options.itemClass), this.updateSortData(s, !0), s |
|||
}, _init: function (t) { |
|||
this.$filteredAtoms = this._filter(this.$allAtoms), this._sort(), this.reLayout(t) |
|||
}, option: function (t) { |
|||
if (i.isPlainObject(t)) { |
|||
this.options = i.extend(!0, this.options, t); |
|||
var s; |
|||
for (var e in t) s = "_update" + r(e), this[s] && this[s]() |
|||
} |
|||
}, _updateAnimationEngine: function () { |
|||
var t, i = this.options.animationEngine.toLowerCase().replace(/[ _\-]/g, ""); |
|||
switch (i) { |
|||
case "css": |
|||
case "none": |
|||
t = !1; |
|||
break; |
|||
case "jquery": |
|||
t = !0; |
|||
break; |
|||
default: |
|||
t = !o.csstransitions |
|||
} |
|||
this.isUsingJQueryAnimation = t, this._updateUsingTransforms() |
|||
}, _updateTransformsEnabled: function () { |
|||
this._updateUsingTransforms() |
|||
}, _updateUsingTransforms: function () { |
|||
var t = this.usingTransforms = this.options.transformsEnabled && o.csstransforms && o.csstransitions && !this.isUsingJQueryAnimation; |
|||
t || (delete this.options.hiddenStyle.scale, delete this.options.visibleStyle.scale), this.getPositionStyles = t ? this._translate : this._positionAbs |
|||
}, _filter: function (t) { |
|||
var i = "" === this.options.filter ? "*" : this.options.filter; |
|||
if (!i) return t; |
|||
var s = this.options.hiddenClass, e = "." + s, n = t.filter(e), o = n; |
|||
if ("*" !== i) { |
|||
o = n.filter(i); |
|||
var r = t.not(e).not(i).addClass(s); |
|||
this.styleQueue.push({$el: r, style: this.options.hiddenStyle}) |
|||
} |
|||
return this.styleQueue.push({$el: o, style: this.options.visibleStyle}), o.removeClass(s), t.filter(i) |
|||
}, updateSortData: function (t, s) { |
|||
var e, n, o = this, r = this.options.getSortData; |
|||
t.each(function () { |
|||
e = i(this), n = {}; |
|||
for (var t in r) s || "original-order" !== t ? n[t] = r[t](e, o) : n[t] = i.data(this, "isotope-sort-data")[t]; |
|||
i.data(this, "isotope-sort-data", n) |
|||
}) |
|||
}, _sort: function () { |
|||
var t = this.options.sortBy, i = this._getSorter, s = this.options.sortAscending ? 1 : -1, |
|||
e = function (e, n) { |
|||
var o = i(e, t), r = i(n, t); |
|||
return o === r && "original-order" !== t && (o = i(e, "original-order"), r = i(n, "original-order")), (o > r ? 1 : r > o ? -1 : 0) * s |
|||
}; |
|||
this.$filteredAtoms.sort(e) |
|||
}, _getSorter: function (t, s) { |
|||
return i.data(t, "isotope-sort-data")[s] |
|||
}, _translate: function (t, i) { |
|||
return {translate: [t, i]} |
|||
}, _positionAbs: function (t, i) { |
|||
return {left: t, top: i} |
|||
}, _pushPosition: function (t, i, s) { |
|||
i = Math.round(i + this.offset.left), s = Math.round(s + this.offset.top); |
|||
var e = this.getPositionStyles(i, s); |
|||
this.styleQueue.push({ |
|||
$el: t, |
|||
style: e |
|||
}), this.options.itemPositionDataEnabled && t.data("isotope-item-position", {x: i, y: s}) |
|||
}, layout: function (t, i) { |
|||
var s = this.options.layoutMode; |
|||
if (this["_" + s + "Layout"](t), this.options.resizesContainer) { |
|||
var e = this["_" + s + "GetContainerSize"](); |
|||
this.styleQueue.push({$el: this.element, style: e}) |
|||
} |
|||
this._processStyleQueue(t, i), this.isLaidOut = !0 |
|||
}, _processStyleQueue: function (t, s) { |
|||
var e, n, r, a, h = this.isLaidOut && this.isUsingJQueryAnimation ? "animate" : "css", |
|||
l = this.options.animationOptions, u = this.options.onLayout; |
|||
if (n = function (t, i) { |
|||
i.$el[h](i.style, l) |
|||
}, this._isInserting && this.isUsingJQueryAnimation) n = function (t, i) { |
|||
e = i.$el.hasClass("no-transition") ? "css" : h, i.$el[e](i.style, l) |
|||
}; else if (s || u || l.complete) { |
|||
var c = !1, d = [s, u, l.complete], f = this; |
|||
if (r = !0, a = function () { |
|||
if (!c) { |
|||
for (var i, s = 0, e = d.length; e > s; s++) i = d[s], "function" == typeof i && i.call(f.element, t, f); |
|||
c = !0 |
|||
} |
|||
}, this.isUsingJQueryAnimation && "animate" === h) l.complete = a, r = !1; else if (o.csstransitions) { |
|||
for (var m, p = 0, v = this.styleQueue[0], _ = v && v.$el; !_ || !_.length;) { |
|||
if (m = this.styleQueue[p++], !m) return; |
|||
_ = m.$el |
|||
} |
|||
var A = parseFloat(getComputedStyle(_[0])[g]); |
|||
A > 0 && (n = function (t, i) { |
|||
i.$el[h](i.style, l).one(y, a) |
|||
}, r = !1) |
|||
} |
|||
} |
|||
i.each(this.styleQueue, n), r && a(), this.styleQueue = [] |
|||
}, resize: function () { |
|||
this["_" + this.options.layoutMode + "ResizeChanged"]() && this.reLayout() |
|||
}, reLayout: function (t) { |
|||
this["_" + this.options.layoutMode + "Reset"](), this.layout(this.$filteredAtoms, t) |
|||
}, addItems: function (t, i) { |
|||
var s = this._getAtoms(t); |
|||
this.$allAtoms = this.$allAtoms.add(s), i && i(s) |
|||
}, insert: function (t, i) { |
|||
this.element.append(t); |
|||
var s = this; |
|||
this.addItems(t, function (t) { |
|||
var e = s._filter(t); |
|||
s._addHideAppended(e), s._sort(), s.reLayout(), s._revealAppended(e, i) |
|||
}) |
|||
}, appended: function (t, i) { |
|||
var s = this; |
|||
this.addItems(t, function (t) { |
|||
s._addHideAppended(t), s.layout(t), s._revealAppended(t, i) |
|||
}) |
|||
}, _addHideAppended: function (t) { |
|||
this.$filteredAtoms = this.$filteredAtoms.add(t), t.addClass("no-transition"), this._isInserting = !0, this.styleQueue.push({ |
|||
$el: t, |
|||
style: this.options.hiddenStyle |
|||
}) |
|||
}, _revealAppended: function (t, i) { |
|||
var s = this; |
|||
setTimeout(function () { |
|||
t.removeClass("no-transition"), s.styleQueue.push({ |
|||
$el: t, |
|||
style: s.options.visibleStyle |
|||
}), s._isInserting = !1, s._processStyleQueue(t, i) |
|||
}, 10) |
|||
}, reloadItems: function () { |
|||
this.$allAtoms = this._getAtoms(this.element.children()) |
|||
}, remove: function (t, i) { |
|||
this.$allAtoms = this.$allAtoms.not(t), this.$filteredAtoms = this.$filteredAtoms.not(t); |
|||
var s = this, e = function () { |
|||
t.remove(), i && i.call(s.element) |
|||
}; |
|||
t.filter(":not(." + this.options.hiddenClass + ")").length ? (this.styleQueue.push({ |
|||
$el: t, |
|||
style: this.options.hiddenStyle |
|||
}), this._sort(), this.reLayout(e)) : e() |
|||
}, shuffle: function (t) { |
|||
this.updateSortData(this.$allAtoms), this.options.sortBy = "random", this._sort(), this.reLayout(t) |
|||
}, destroy: function () { |
|||
var t = this.usingTransforms, i = this.options; |
|||
this.$allAtoms.removeClass(i.hiddenClass + " " + i.itemClass).each(function () { |
|||
var i = this.style; |
|||
i.position = "", i.top = "", i.left = "", i.opacity = "", t && (i[l] = "") |
|||
}); |
|||
var s = this.element[0].style; |
|||
for (var e in this.originalStyle) s[e] = this.originalStyle[e]; |
|||
this.element.unbind(".isotope").undelegate("." + i.hiddenClass, "click").removeClass(i.containerClass).removeData("isotope"), C.unbind(".isotope") |
|||
}, _getSegments: function (t) { |
|||
var i, s = this.options.layoutMode, e = t ? "rowHeight" : "columnWidth", n = t ? "height" : "width", |
|||
o = t ? "rows" : "cols", a = this.element[n](), |
|||
h = this.options[s] && this.options[s][e] || this.$filteredAtoms["outer" + r(n)](!0) || a; |
|||
i = Math.floor(a / h), i = Math.max(i, 1), this[s][o] = i, this[s][e] = h |
|||
}, _checkIfSegmentsChanged: function (t) { |
|||
var i = this.options.layoutMode, s = t ? "rows" : "cols", e = this[i][s]; |
|||
return this._getSegments(t), this[i][s] !== e |
|||
}, _masonryReset: function () { |
|||
this.masonry = {}, this._getSegments(); |
|||
var t = this.masonry.cols; |
|||
for (this.masonry.colYs = []; t--;) this.masonry.colYs.push(0) |
|||
}, _masonryLayout: function (t) { |
|||
var s = this, e = s.masonry; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.ceil(t.outerWidth(!0) / e.columnWidth); |
|||
if (n = Math.min(n, e.cols), 1 === n) s._masonryPlaceBrick(t, e.colYs); else { |
|||
var o, r, a = e.cols + 1 - n, h = []; |
|||
for (r = 0; a > r; r++) o = e.colYs.slice(r, r + n), h[r] = Math.max.apply(Math, o); |
|||
s._masonryPlaceBrick(t, h) |
|||
} |
|||
}) |
|||
}, _masonryPlaceBrick: function (t, i) { |
|||
for (var s = Math.min.apply(Math, i), e = 0, n = 0, o = i.length; o > n; n++) if (i[n] === s) { |
|||
e = n; |
|||
break |
|||
} |
|||
var r = this.masonry.columnWidth * e, a = s; |
|||
this._pushPosition(t, r, a); |
|||
var h = s + t.outerHeight(!0), l = this.masonry.cols + 1 - o; |
|||
for (n = 0; l > n; n++) this.masonry.colYs[e + n] = h |
|||
}, _masonryGetContainerSize: function () { |
|||
var t = Math.max.apply(Math, this.masonry.colYs); |
|||
return {height: t} |
|||
}, _masonryResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged() |
|||
}, _fitRowsReset: function () { |
|||
this.fitRows = {x: 0, y: 0, height: 0} |
|||
}, _fitRowsLayout: function (t) { |
|||
var s = this, e = this.element.width(), n = this.fitRows; |
|||
t.each(function () { |
|||
var t = i(this), o = t.outerWidth(!0), r = t.outerHeight(!0); |
|||
0 !== n.x && o + n.x > e && (n.x = 0, n.y = n.height), s._pushPosition(t, n.x, n.y), n.height = Math.max(n.y + r, n.height), n.x += o |
|||
}) |
|||
}, _fitRowsGetContainerSize: function () { |
|||
return {height: this.fitRows.height} |
|||
}, _fitRowsResizeChanged: function () { |
|||
return !0 |
|||
}, _cellsByRowReset: function () { |
|||
this.cellsByRow = {index: 0}, this._getSegments(), this._getSegments(!0) |
|||
}, _cellsByRowLayout: function (t) { |
|||
var s = this, e = this.cellsByRow; |
|||
t.each(function () { |
|||
var t = i(this), n = e.index % e.cols, o = Math.floor(e.index / e.cols), |
|||
r = (n + .5) * e.columnWidth - t.outerWidth(!0) / 2, |
|||
a = (o + .5) * e.rowHeight - t.outerHeight(!0) / 2; |
|||
s._pushPosition(t, r, a), e.index++ |
|||
}) |
|||
}, _cellsByRowGetContainerSize: function () { |
|||
return {height: Math.ceil(this.$filteredAtoms.length / this.cellsByRow.cols) * this.cellsByRow.rowHeight + this.offset.top} |
|||
}, _cellsByRowResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged() |
|||
}, _straightDownReset: function () { |
|||
this.straightDown = {y: 0} |
|||
}, _straightDownLayout: function (t) { |
|||
var s = this; |
|||
t.each(function (t) { |
|||
var e = i(this); |
|||
s._pushPosition(e, 0, s.straightDown.y), s.straightDown.y += e.outerHeight(!0) |
|||
}) |
|||
}, _straightDownGetContainerSize: function () { |
|||
return {height: this.straightDown.y} |
|||
}, _straightDownResizeChanged: function () { |
|||
return !0 |
|||
}, _masonryHorizontalReset: function () { |
|||
this.masonryHorizontal = {}, this._getSegments(!0); |
|||
var t = this.masonryHorizontal.rows; |
|||
for (this.masonryHorizontal.rowXs = []; t--;) this.masonryHorizontal.rowXs.push(0) |
|||
}, _masonryHorizontalLayout: function (t) { |
|||
var s = this, e = s.masonryHorizontal; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.ceil(t.outerHeight(!0) / e.rowHeight); |
|||
if (n = Math.min(n, e.rows), 1 === n) s._masonryHorizontalPlaceBrick(t, e.rowXs); else { |
|||
var o, r, a = e.rows + 1 - n, h = []; |
|||
for (r = 0; a > r; r++) o = e.rowXs.slice(r, r + n), h[r] = Math.max.apply(Math, o); |
|||
s._masonryHorizontalPlaceBrick(t, h) |
|||
} |
|||
}) |
|||
}, _masonryHorizontalPlaceBrick: function (t, i) { |
|||
for (var s = Math.min.apply(Math, i), e = 0, n = 0, o = i.length; o > n; n++) if (i[n] === s) { |
|||
e = n; |
|||
break |
|||
} |
|||
var r = s, a = this.masonryHorizontal.rowHeight * e; |
|||
this._pushPosition(t, r, a); |
|||
var h = s + t.outerWidth(!0), l = this.masonryHorizontal.rows + 1 - o; |
|||
for (n = 0; l > n; n++) this.masonryHorizontal.rowXs[e + n] = h |
|||
}, _masonryHorizontalGetContainerSize: function () { |
|||
var t = Math.max.apply(Math, this.masonryHorizontal.rowXs); |
|||
return {width: t} |
|||
}, _masonryHorizontalResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged(!0) |
|||
}, _fitColumnsReset: function () { |
|||
this.fitColumns = {x: 0, y: 0, width: 0} |
|||
}, _fitColumnsLayout: function (t) { |
|||
var s = this, e = this.element.height(), n = this.fitColumns; |
|||
t.each(function () { |
|||
var t = i(this), o = t.outerWidth(!0), r = t.outerHeight(!0); |
|||
0 !== n.y && r + n.y > e && (n.x = n.width, n.y = 0), s._pushPosition(t, n.x, n.y), n.width = Math.max(n.x + o, n.width), n.y += r |
|||
}) |
|||
}, _fitColumnsGetContainerSize: function () { |
|||
return {width: this.fitColumns.width} |
|||
}, _fitColumnsResizeChanged: function () { |
|||
return !0 |
|||
}, _cellsByColumnReset: function () { |
|||
this.cellsByColumn = {index: 0}, this._getSegments(), this._getSegments(!0) |
|||
}, _cellsByColumnLayout: function (t) { |
|||
var s = this, e = this.cellsByColumn; |
|||
t.each(function () { |
|||
var t = i(this), n = Math.floor(e.index / e.rows), o = e.index % e.rows, |
|||
r = (n + .5) * e.columnWidth - t.outerWidth(!0) / 2, |
|||
a = (o + .5) * e.rowHeight - t.outerHeight(!0) / 2; |
|||
s._pushPosition(t, r, a), e.index++ |
|||
}) |
|||
}, _cellsByColumnGetContainerSize: function () { |
|||
return {width: Math.ceil(this.$filteredAtoms.length / this.cellsByColumn.rows) * this.cellsByColumn.columnWidth} |
|||
}, _cellsByColumnResizeChanged: function () { |
|||
return this._checkIfSegmentsChanged(!0) |
|||
}, _straightAcrossReset: function () { |
|||
this.straightAcross = {x: 0} |
|||
}, _straightAcrossLayout: function (t) { |
|||
var s = this; |
|||
t.each(function (t) { |
|||
var e = i(this); |
|||
s._pushPosition(e, s.straightAcross.x, 0), s.straightAcross.x += e.outerWidth(!0) |
|||
}) |
|||
}, _straightAcrossGetContainerSize: function () { |
|||
return {width: this.straightAcross.x} |
|||
}, _straightAcrossResizeChanged: function () { |
|||
return !0 |
|||
} |
|||
}, i.fn.imagesLoaded = function (t) { |
|||
function s() { |
|||
t.call(n, o) |
|||
} |
|||
|
|||
function e(t) { |
|||
var n = t.target; |
|||
n.src !== a && -1 === i.inArray(n, h) && (h.push(n), --r <= 0 && (setTimeout(s), o.unbind(".imagesLoaded", e))) |
|||
} |
|||
|
|||
var n = this, o = n.find("img").add(n.filter("img")), r = o.length, |
|||
a = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==", h = []; |
|||
return r || s(), o.bind("load.imagesLoaded error.imagesLoaded", e).each(function () { |
|||
var t = this.src; |
|||
this.src = a, this.src = t |
|||
}), n |
|||
}; |
|||
var z = function (i) { |
|||
t.console && t.console.error(i) |
|||
}; |
|||
i.fn.isotope = function (t, s) { |
|||
if ("string" == typeof t) { |
|||
var e = Array.prototype.slice.call(arguments, 1); |
|||
this.each(function () { |
|||
var s = i.data(this, "isotope"); |
|||
return s ? i.isFunction(s[t]) && "_" !== t.charAt(0) ? void s[t].apply(s, e) : void z("no such method '" + t + "' for isotope instance") : void z("cannot call methods on isotope prior to initialization; attempted to call method '" + t + "'") |
|||
}) |
|||
} else this.each(function () { |
|||
var e = i.data(this, "isotope"); |
|||
e ? (e.option(t), e._init(s)) : i.data(this, "isotope", new i.Isotope(t, this, s)) |
|||
}); |
|||
return this |
|||
} |
|||
}(window, jQuery); |
|||
let $mainNav = $("#mainNav"); |
|||
let $body = $("body"); |
|||
let $scroll_to_top = $("#scroll-to-top"); |
|||
// 页面顶部时，导航栏背景透明
|
|||
let toggle_flag = true; |
|||
$('.navbar-toggler').click(() => { |
|||
let all_class = $mainNav.attr('class'); |
|||
if (all_class.indexOf('navbar-shrink') === -1) { |
|||
$mainNav.addClass('navbar-shrink'); |
|||
} else { |
|||
if ($mainNav.offset().top <= 10) { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
} |
|||
toggle_flag = false; |
|||
}); |
|||
// 移动端点击空白处，隐藏菜单
|
|||
$body.click(() => { |
|||
$('.navbar-collapse').collapse('hide'); |
|||
if (toggle_flag) { // 阻止事件冒泡
|
|||
if ($mainNav.offset().top <= 10) { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
} |
|||
toggle_flag = true; |
|||
}); |
|||
// 移动端点击菜单后，隐藏菜单
|
|||
$('.js-scroll-trigger').click(() => { |
|||
$('.navbar-collapse').collapse('hide'); |
|||
}); |
|||
// 导航栏自动隐藏
|
|||
let previousTop = 0; |
|||
$(window).scroll(() => { |
|||
let currentTop = $(window).scrollTop(); |
|||
if (currentTop - previousTop < -10) { |
|||
// 下划
|
|||
$mainNav.removeClass("show-none"); |
|||
previousTop = currentTop; |
|||
} else if (currentTop - previousTop > 10) { |
|||
// 上划
|
|||
$mainNav.addClass("show-none"); |
|||
$('.navbar-collapse').collapse('hide'); |
|||
previousTop = currentTop; |
|||
} |
|||
if (currentTop < 60) { |
|||
// 首页常显示
|
|||
$mainNav.removeClass("show-none"); |
|||
} |
|||
}); |
|||
// 非顶部刷新时，设置导航栏不透明
|
|||
let navbarCollapse = () => { |
|||
if ($mainNav.offset().top > 10) { |
|||
$mainNav.addClass("navbar-shrink"); |
|||
} else { |
|||
$mainNav.removeClass("navbar-shrink"); |
|||
} |
|||
}; |
|||
navbarCollapse(); |
|||
$(window).scroll(navbarCollapse); |
|||
// 底部滚动
|
|||
$(window).scroll(() => { |
|||
if ($(window).scrollTop() < 100) { |
|||
$scroll_to_top.removeClass('show'); |
|||
} else { |
|||
$scroll_to_top.addClass('show'); |
|||
} |
|||
}); |
|||
$scroll_to_top.click(function (e) { |
|||
e.preventDefault() |
|||
$('html,body').animate({ |
|||
scrollTop: 0 |
|||
}, 700); |
|||
}); |
|||
// 主题切换
|
|||
let like_color = 'darkorange'; |
|||
let like_color0 = '#888888'; |
|||
if ($('body').hasClass('body_dark')) { |
|||
$('.article-single').addClass('body_dark'); |
|||
like_color = '#68a7eb'; |
|||
like_color0 = '#777777'; |
|||
} |
|||
let set_light = () => { |
|||
$('.body_dark').removeClass('body_dark'); |
|||
$('#logo').attr('src', 'logo/logo.png'); |
|||
like_color = 'darkorange'; |
|||
like_color0 = '#888888'; |
|||
let headHTML = document.getElementsByTagName('head')[0].innerHTML; |
|||
headHTML = headHTML.replace(/1A1D24/, "E4EBF8"); |
|||
document.getElementsByTagName('head')[0].innerHTML = headHTML; |
|||
}; |
|||
let set_dark = () => { |
|||
$('#logo').attr('src', 'logo/logo-dark.png'); |
|||
$('body').addClass('body_dark'); |
|||
$('.section-title h3').addClass('body_dark'); |
|||
$('#mainNav').addClass('body_dark'); |
|||
$('#switch_dark').addClass('body_dark'); |
|||
$('.navbar-toggler').addClass('body_dark'); |
|||
$('.blog').addClass('body_dark'); |
|||
$('.section').addClass('body_dark'); |
|||
$('.section button').addClass('body_dark'); |
|||
$('#home').addClass('body_dark'); |
|||
$('#notes .services-inner-box').addClass('body_dark'); |
|||
$('#api .services-inner-box').addClass('body_dark'); |
|||
$('#opus .opus-single').addClass('body_dark'); |
|||
$('#demo .demo-single').addClass('body_dark'); |
|||
$('#contact .contact_form').addClass('body_dark'); |
|||
$('.article-single').addClass('body_dark'); |
|||
like_color = '#68a7eb'; |
|||
like_color0 = '#777777'; |
|||
let headHTML = document.getElementsByTagName('head')[0].innerHTML; |
|||
headHTML = headHTML.replace(/E4EBF8/, "1A1D24"); |
|||
document.getElementsByTagName('head')[0].innerHTML = headHTML; |
|||
}; |
|||
$('.toggle').click(function (e) { |
|||
$(this).toggleClass('toggle--on') |
|||
.toggleClass('toggle--off') |
|||
.addClass('toggle--moving'); |
|||
setTimeout(() => { |
|||
$(this).removeClass('toggle--moving'); |
|||
}, 200); |
|||
let is_dark = $('body').hasClass('body_dark'); |
|||
$('.clock div').css('transition', 'all .3s ease-in-out'); |
|||
setTimeout(() => { |
|||
$('.clock div.minutes').css('transition', 'none'); |
|||
$('.clock div.hours').css('transition', 'none'); |
|||
}, 400); |
|||
setTimeout(() => { |
|||
if (!is_dark) { |
|||
set_dark(); |
|||
} else { |
|||
set_light(); |
|||
} |
|||
}, 100); |
|||
$.ajax({ |
|||
url: '/toggle_dark/', |
|||
type: 'post', |
|||
data: { |
|||
'csrfmiddlewaretoken': $('[name="csrfmiddlewaretoken"]').val(), |
|||
'is_dark': is_dark, |
|||
}, |
|||
success: () => { |
|||
} |
|||
}) |
|||
}); |
|||
@ -0,0 +1 @@ |
|||
window.onresize=(()=>{$(window).width()>=768&&$(".button-group button.active").click()});let $grid_note=$(".note-list").isotope({itemSelector:".note-grid"});$(".note-menu").on("click","button",function(){$(this).addClass("active").siblings().removeClass("active");let t=$(this).attr("data-filter");$grid_note.isotope({filter:t})});let $grid_api=$(".api-list").isotope({itemSelector:".api-grid"});$(".api-menu").on("click","button",function(){$(this).addClass("active").siblings().removeClass("active");let t=$(this).attr("data-filter");$grid_api.isotope({filter:t})}); |
|||
@ -0,0 +1,30 @@ |
|||
// 桌面端窗口自适应
|
|||
window.onresize = () => { |
|||
if ($(window).width() >= 768) { |
|||
$('.button-group button.active').click(); |
|||
} |
|||
}; |
|||
// 笔记分类
|
|||
let $grid_note = $('.note-list').isotope({ |
|||
itemSelector: '.note-grid', |
|||
}); |
|||
$('.note-menu').on('click', 'button', function () { |
|||
$(this).addClass('active').siblings().removeClass('active'); |
|||
let filterValue = $(this).attr('data-filter'); |
|||
$grid_note.isotope({ |
|||
filter: filterValue, |
|||
}); |
|||
}); |
|||
|
|||
// API分类
|
|||
let $grid_api = $('.api-list').isotope({ |
|||
itemSelector: '.api-grid', |
|||
}); |
|||
$('.api-menu').on('click', 'button', function () { |
|||
$(this).addClass('active').siblings().removeClass('active'); |
|||
let filterValue = $(this).attr('data-filter'); |
|||
$grid_api.isotope({ |
|||
filter: filterValue, |
|||
}); |
|||
}); |
|||
|
|||
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
Loading…
Reference in new issue