提交

Initsnow · Apr 5, 2023 · 79c8a53 · 79c8a53
1 parent 5d26ce3
commit 79c8a53
Show file tree

Hide file tree

Showing 89 changed files with 481 additions and 0 deletions.
diff --git a/a.css b/a.css
@@ -0,0 +1,111 @@
+body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0;
+  background-color: #f1f4f1;
+}
+#head {
+  width: 86%;
+  height: 130px;
+  max-width: 530px;
+  background-color: #6f8ebe;
+  border-radius: 0 0 10px 10px;
+  padding: 15px;
+  margin: 0 0 50px 0;
+  color: whitesmoke;
+}
+@media only screen and (min-width: 600px) {
+  #cover img {
+    object-position: 0 -20px;
+  }
+}
+#cover {
+  max-height: 130px;
+  overflow: hidden;
+  position: relative;
+  top: 4px;
+  border-radius: 10px;
+}
+#cover img {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+#heading {
+  font-size: 26px;
+  margin: 0;
+}
+#url {
+  font-size: 10px;
+  color: inherit;
+}
+.body {
+  width: 80%;
+  max-width: 510px;
+  background-color: white;
+  border-radius: 10px;
+  padding: 15px;
+  margin: 5px 0;
+}
+.about {
+  width: 80%;
+  max-width: 510px;
+  background-color: white;
+  border-radius: 10px;
+  padding: 15px;
+  margin: 5px 0;
+}
+.about a {
+  color: pink;
+}
+.title {
+  margin: 0 0 0 5px;
+  font-size: 20px;
+  font-weight: bold;
+}
+p {
+  margin: 8px 0;
+}
+.content {
+  width: 100%;
+}
+#row {
+  display: flex;
+  justify-content: center;
+}
+button {
+  color: whitesmoke;
+  border-radius: 10px;
+  border: 0;
+  background-color: #6f8ebe;
+  font-size: 15px;
+  height: 50px;
+  flex: 1;
+  margin: 5px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+/* 水波纹动画 */
+.ripple {
+  position: absolute;
+  border-radius: 50%;
+  background-color: rgba(187, 81, 88, 0.7);
+  animation-name: ripple;
+  animation-duration: 1s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: forwards;
+}
+
+/* 动画关键帧 */
+@keyframes ripple {
+  from {
+    transform: scale(0);
+    opacity: 1;
+  }
+  to {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
diff --git a/a.js b/a.js
@@ -0,0 +1,64 @@
+if (navigator.userAgent.indexOf("Firefox") >= 0) {
+  Qmsg.error("还不支持Firefox！(ﾟДﾟ*)ﾉ");
+}
+async function play(e, name) {
+  createRipple(e);
+  const buffer = await getBuffer("voices/" + name + ".aac");
+  buffer && playAudio(buffer);
+}
+function createRipple(event) {
+  const button = event.currentTarget;
+  const circle = document.createElement("div");
+  button.appendChild(circle);
+
+  // 计算水波纹的位置和大小
+  var x =
+    event.pageX ||
+    document.documentElement.scrollLeft +
+      document.body.scrollLeft +
+      event.clientX;
+  var y =
+    event.pageY ||
+    document.documentElement.scrollTop +
+      document.body.scrollTop +
+      event.clientY;
+  var wx = button.offsetWidth;
+  x = x - button.offsetLeft - wx / 2;
+  y = y - button.offsetTop - wx / 2;
+  circle.style.cssText =
+    "width: " +
+    wx +
+    "px;height: " +
+    wx +
+    "px;top: " +
+    y +
+    "px;left: " +
+    x +
+    "px";
+
+  // 启动动画
+  circle.classList.add("ripple");
+  //setTimeout(() => circle.remove(), 1000);
+}
+
+const audioContext = new AudioContext();
+const playAudio = function (buffer) {
+  const source = audioContext.createBufferSource();
+  source.buffer = buffer;
+  source.connect(audioContext.destination);
+  source.start();
+};
+const getBuffer = function (url) {
+  const request = new XMLHttpRequest();
+  return new Promise((resolve, reject) => {
+    request.open("GET", url, true);
+    request.responseType = "arraybuffer";
+    request.onload = () => {
+      audioContext.decodeAudioData(request.response, (buffer) =>
+        buffer ? resolve(buffer) : reject("decoding error")
+      );
+    };
+    request.onerror = (error) => reject(error);
+    request.send();
+  });
+};
diff --git a/donate.html b/donate.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>赞助||Donate</title>
+    <style rel="stylesheet">
+      img {
+        max-height: 200px;
+        margin: 0 10px;
+      }
+    </style>
+  </head>
+  <body style="display: flex; justify-content: center">
+    <div style="border-radius: 10px; padding: 20px; background-color: #769da6">
+      <p>原作者（地府一线消息）</p>
+      <hr style="border: 0; background-color: darkgray; height: 3px" />
+      <div>
+        <span>支付宝:</span>
+        <img src="imgs/zfb.jpg" /><span>微信:</span
+        ><img src="imgs/wechat.png" /><span>QQ:</span><img src="imgs/qq.png" />
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/favicon.ico b/favicon.ico
diff --git a/imgs/qq.png b/imgs/qq.png
diff --git a/imgs/wechat.png b/imgs/wechat.png
diff --git a/imgs/zfb.jpg b/imgs/zfb.jpg