hexo-theme-particlex 1.0.0

package/source/js/cryptor.js

@@ -0,0 +1,44 @@
+const cryptor = {
+    init(enc, sha) {
+        this.enc = enc;
+        this.sha = sha;
+        this.composition = false;
+        window.addEventListener("load", () => {
+            this.input = document.getElementsByClassName("crypto")[0];
+            this.content = document.getElementsByClassName("content")[0];
+            this.content.style.opacity = 0;
+            this.input.addEventListener("input", () => this.composition || this.update());
+            this.input.addEventListener("compositionstart", () => (this.composition = true));
+            this.input.addEventListener("compositionend", () => {
+                this.update(), (this.composition = false);
+            });
+        });
+    },
+    SHA(str) {
+        return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
+    },
+    decrypt(enc, key, sha) {
+        try {
+            let res = CryptoJS.AES.decrypt(enc, this.SHA(key), {
+                mode: CryptoJS.mode.ECB,
+                padding: CryptoJS.pad.Pkcs7,
+            }).toString(CryptoJS.enc.Utf8);
+            return { dec: res, check: this.SHA(res) == sha };
+        } catch {
+            return { check: false };
+        }
+    },
+    update() {
+        let res = this.decrypt(this.enc, this.input.value, this.sha);
+        if (res.check) {
+            this.input.disabled = true;
+            this.input.classList.remove("fail");
+            this.input.classList.add("success");
+            this.content.innerHTML = res.dec;
+            this.content.style.opacity = 1;
+            highlight();
+            showimg();
+            rendermath();
+        } else this.input.classList.add("fail");
+    },
+};

package/source/js/functions.js

@@ -0,0 +1,53 @@
+const sleep = ms => new Promise(res => setTimeout(res, ms));
+let copying = false;
+function highlight() {
+    hljs.configure({ ignoreUnescapedHTML: true });
+    let codes = document.getElementsByTagName("pre");
+    for (let code of codes) {
+        let langs = [...code.classList, ...code.firstChild.classList];
+        let lang = [].filter.call(langs, i => i != "sourceCode")[0] || "text";
+        code.innerHTML = `<div class="code-content">${code.innerHTML}</div><div class="language">${lang}</div><div class="copycode"><i class="fa-solid fa-copy fa-fw"></i><i class="fa-solid fa-clone fa-fw"></i></div>`;
+        let copycode = code.getElementsByClassName("copycode")[0];
+        copycode.addEventListener("click", async function () {
+            if (copying) return;
+            copying = true;
+            this.classList.add("copied");
+            await navigator.clipboard.writeText(this.parentElement.firstChild.innerText);
+            await sleep(1000);
+            this.classList.remove("copied");
+            copying = false;
+        });
+        hljs.highlightElement(code.getElementsByClassName("code-content")[0]);
+    }
+}
+function showimg() {
+    let wrap = document.getElementById("showimg"),
+        content = document.getElementById("showimg-content"),
+        imgs = document.querySelectorAll(".article .content img");
+    function show(src) {
+        content.setAttribute("src", src);
+        wrap.style.opacity = 1;
+        wrap.style.visibility = "visible";
+    }
+    function hide() {
+        wrap.style.opacity = 0;
+        wrap.style.visibility = "hidden";
+    }
+    for (let img of imgs)
+        img.addEventListener("click", function () {
+            show(this.getAttribute("src"));
+        });
+    wrap.addEventListener("click", () => hide());
+    window.addEventListener("resize", () => hide());
+}
+function rendermath() {
+    if (typeof renderMathInElement != "undefined")
+        renderMathInElement(document.body, {
+            delimiters: [
+                { left: "$$", right: "$$", display: true },
+                { left: "$", right: "$", display: false },
+                { left: "\\(", right: "\\)", display: false },
+                { left: "\\[", right: "\\]", display: true },
+            ],
+        });
+}

package/source/js/particlex.js

@@ -0,0 +1,57 @@
+const app = Vue.createApp({
+    data() {
+        return {
+            showpage: false,
+            menushow: false,
+            cardtop: 100,
+            barlocal: 0,
+        };
+    },
+    created() {
+        let that = this;
+        window.addEventListener("load", () => {
+            that.showpage = true;
+            document.getElementById("loading").style.opacity = 0;
+            document.getElementById("loading").style.visibility = "hidden";
+        });
+    },
+    mounted() {
+        if (document.getElementById("home-head"))
+            document.getElementById("menu").className += " menu-color";
+        window.addEventListener("scroll", this.handlescroll, true);
+        highlight();
+        showimg();
+        rendermath();
+    },
+    methods: {
+        homeclick() {
+            window.scrollTo({
+                top: window.innerHeight,
+                behavior: "smooth",
+            });
+        },
+        handlescroll() {
+            let newlocal = document.documentElement.scrollTop;
+            let menu = document.getElementById("menu");
+            let wrap = document.getElementById("home-posts-wrap");
+            let footer = document.getElementById("footer");
+            let that = this;
+            if (this.barlocal < newlocal) {
+                menu.className = "hidden-menu";
+                that.menushow = false;
+            } else menu.className = "show-menu";
+            if (wrap) {
+                if (newlocal <= window.innerHeight - 100) menu.className += " menu-color";
+                if (newlocal <= 400) {
+                    wrap.style.top = -newlocal / 5 + "px";
+                    footer.style.top = 150 - newlocal / 5 + "px";
+                } else if (wrap.style.top != "-80px" || footer.style.top != "70px") {
+                    wrap.style.top = "-80px";
+                    footer.style.top = "70px";
+                }
+            }
+            this.barlocal = newlocal;
+        },
+    },
+});
+app.mount("#layout");

package/source/js/searcher.js

@@ -0,0 +1,43 @@
+const searcher = {
+    init(path) {
+        this.composition = false;
+        window.addEventListener("load", () => {
+            this.input = document.getElementsByClassName("search-bar")[0];
+            this.timeline = document.getElementsByClassName("timeline");
+            this.input.addEventListener("input", () => this.composition || this.update());
+            this.input.addEventListener("compositionstart", () => (this.composition = true));
+            this.input.addEventListener("compositionend", () => {
+                this.update();
+                this.composition = false;
+            });
+            fetch(path)
+                .then(res => res.json())
+                .then(data => {
+                    this.data = data;
+                });
+        });
+    },
+    rstr(s) {
+        if (!s) return "";
+        return s.toLowerCase().replace(/\s+/gm, "");
+    },
+    match(s, rs) {
+        return s.indexOf(rs) != -1;
+    },
+    update() {
+        let res = [],
+            rs = this.rstr(this.input.value);
+        if (rs) res = this.data.filter(i => this.match(i.odata, rs)).map(i => i.path);
+        else res = this.data.map(i => i.path);
+        for (let line of this.timeline)
+            if (res.indexOf(line.getAttribute("path")) == -1) {
+                line.style.opacity = 0;
+                line.style.pointerEvents = "none";
+                line.style.marginTop = -line.offsetHeight - 30 + "px";
+            } else {
+                line.style.opacity = 1;
+                line.style.pointerEvents = "";
+                line.style.marginTop = "";
+            }
+    },
+};