diff --git a/templates/assets/libs/canvas/bubble.js b/templates/assets/libs/canvas/bubble.js new file mode 100644 index 00000000..3b53d99a --- /dev/null +++ b/templates/assets/libs/canvas/bubble.js @@ -0,0 +1,91 @@ +if (document.querySelector(".author-content.author-content-item.single")) { + const canvas = document.createElement("canvas"); + canvas.id = "header_canvas"; + canvas.style.position = "absolute"; + canvas.style.bottom = "0"; + canvas.width = 844; + canvas.height = 346; + document.querySelector(".author-content.author-content-item.single").appendChild(canvas); + const parent = document.querySelector(".author-content.author-content-item.single").parentNode; + parent.className = "thumbnail_canvas"; + (function () { + var canvas, + ctx, + width, + height, + bubbles, + animateHeader = true; + initHeader(); + function initHeader() { + canvas = document.getElementById("header_canvas"); + window_resize(); + if (canvas) { + ctx = canvas.getContext("2d"); + //建立泡泡 + bubbles = []; + var num = width * 0.04; //气泡数量 + for (var i = 0; i < num; i++) { + var c = new Bubble(); + bubbles.push(c); + } + animate(); + } + } + function animate() { + if (animateHeader) { + ctx.clearRect(0, 0, width, height); + for (var i in bubbles) { + bubbles[i].draw(); + } + } + requestAnimationFrame(animate); + } + function window_resize() { + //canvas铺满窗口 + //width = window.innerWidth; + //height = window.innerHeight; + + //如果需要铺满内容可以换下面这个 + const panel = document.querySelector(".thumbnail_canvas"); + if (panel) { + width = panel.offsetWidth; + height = panel.offsetHeight; + + canvas.width = width; + canvas.height = height; + } + } + window.onresize = function () { + window_resize(); + }; + function Bubble() { + var _this = this; + (function () { + _this.pos = {}; + init(); + })(); + function init() { + _this.pos.x = Math.random() * width; + _this.pos.y = height + Math.random() * 100; + _this.alpha = 0.1 + Math.random() * 0.5; //气泡透明度 + _this.alpha_change = 0.0002 + Math.random() * 0.0005; //气泡透明度变化速度 + _this.scale = 0.2 + Math.random() * 0.8; //气泡大小 + _this.scale_change = Math.random() * 0.002; //气泡大小变化速度 + _this.speed = 0.1 + Math.random() * 0.4; //气泡上升速度 + } + //气泡 + this.draw = function () { + if (_this.alpha <= 0) { + init(); + } + _this.pos.y -= _this.speed; + _this.alpha -= _this.alpha_change; + _this.scale += _this.scale_change; + ctx.beginPath(); + ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false); + ctx.fillStyle = "rgba(255,255,255," + _this.alpha + ")"; + ctx.fill(); + }; + } + })(); +} diff --git a/templates/bangumis.html b/templates/bangumis.html new file mode 100644 index 00000000..3495f57e --- /dev/null +++ b/templates/bangumis.html @@ -0,0 +1,746 @@ + + + + + +
+ + +
+ +
+
+
+

追番列表

+
+

生命不息，追番不止！

+ +
+ 想看 (10) + 在看 (55) + 已看 (43) +
+
+
+
+
+ + + +
+
+
+ 夏日重现 +
+
+ + + 全25话 + 0 + + + 番剧 + 日本 + + + 总播放 + 2.1 亿 + + 追番人数 + 439.7 万 + + 硬币数 + 136.5 万 + + + 弹幕总数 + 127.4 万 + + 评分 + 9.8 + + +
+
+

简介：“潮死了。” + 网代慎平收到发小——小舟潮的讣告后，回到了阔别两年的故乡——和歌山市日都岛。 + 慎平与亲人朋友重聚，葬礼也顺利地进行着。 然而，好友告诉他“潮的死有疑点，可能是他杀”。 + 第二天，邻近... +

+
+
+
+
+ 首页 + 上一页 + 1 / 5 + 下一页 + 尾页 +
+
+
+
+
+ + + +
+
+
+ 夏日重现 +
+
+ + + 全25话 + 0 + + + 番剧 + 日本 + + + 总播放 + 2.1 亿 + + 追番人数 + 439.7 万 + + 硬币数 + 136.5 万 + + + 弹幕总数 + 127.4 万 + + 评分 + 9.8 + + +
+
+

简介：“潮死了。” + 网代慎平收到发小——小舟潮的讣告后，回到了阔别两年的故乡——和歌山市日都岛。 + 慎平与亲人朋友重聚，葬礼也顺利地进行着。 然而，好友告诉他“潮的死有疑点，可能是他杀”。 + 第二天，邻近... +

+
+
+
+
+ 首页 + 上一页 + 1 / 5 + 下一页 + 尾页 +
+
+
+
+
+ + + +
+
+
+ 夏日重现 +
+
+ + + 全25话 + 0 + + + 番剧 + 日本 + + + 总播放 + 2.1 亿 + + 追番人数 + 439.7 万 + + 硬币数 + 136.5 万 + + + 弹幕总数 + 127.4 万 + + 评分 + 9.8 + + +
+
+

简介：“潮死了。” + 网代慎平收到发小——小舟潮的讣告后，回到了阔别两年的故乡——和歌山市日都岛。 + 慎平与亲人朋友重聚，葬礼也顺利地进行着。 然而，好友告诉他“潮的死有疑点，可能是他杀”。 + 第二天，邻近... +

+
+
+
+
+ 首页 + 上一页 + 1 / 5 + 下一页 + 尾页 +
+
+
+ +
+
+ + +
+ +
+
+
评论
+
隐私政策
+
+ 你无需删除空行，直接评论以获取最佳展示效果 +
+
+ +
+ +
+ + +
+ + +
+ + + + \ No newline at end of file diff --git a/templates/modules/head.html b/templates/modules/head.html index f931db55..060240d9 100644 --- a/templates/modules/head.html +++ b/templates/modules/head.html @@ -283,6 +283,9 @@ case 'comments': title = '留言板' break; + case 'bangumis': + title = '追番页' + break; } if (title != '') diff --git a/templates/moments.html b/templates/moments.html index 95e36461..0df2e12b 100644 --- a/templates/moments.html +++ b/templates/moments.html @@ -27,6 +27,8 @@ +
@@ -82,6 +84,7 @@
+
diff --git a/theme.yaml b/theme.yaml index 5cabcd02..fbc9f272 100644 --- a/theme.yaml +++ b/theme.yaml @@ -29,6 +29,10 @@ spec: description: 留言板页面 screenshot: file: comments.html + - name: 追番页面模版 + description: 追番页面 + screenshot: + file: bangumis.html description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo logo: https://liuzhihang.com/upload/logo.jpg website: https://liuzhihang.com