summaryrefslogtreecommitdiff
path: root/layout/_partial/scripts.ejs
blob: 63975f4496bd85d9cbec3ae53404fd319d7b67da (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!-- Lazyload support -->
<%- js('js/script.min.js') %>
<% if (theme.lazyload) { %>
    <script defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.min.js"></script>
    <script>
        window.lazyLoadOptions = {
            elements_selector: ".lazy",
            threshold: 0,
            effect: "fadeIn"
        };
    </script>
<% } %>

<!-- Highlight.js support -->
<% if (theme.highlight.enable === true) { %> 
    <link media="none" onload="media='all'" id="highlight-light-theme" rel="stylesheet" 
        href="https://cdn.jsdelivr.net/npm/[email protected]/styles/<%= theme.highlight.lightmode %>.min.css">
    <link media="none" onload="media='all'" id="highlight-dark-theme" rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/[email protected]/styles/<%= theme.highlight.darkmode %>.min.css">
    <script>
        window.addEventListener("load", () => {
            const theme_selector = (mode) => {
                if (mode === SystemDarkmodePrefrence.dark) {
                    document.getElementById("highlight-light-theme").setAttribute("disabled", "disabled");
                    document.getElementById("highlight-dark-theme").removeAttribute("disabled");
                } else {
                    document.getElementById("highlight-dark-theme").setAttribute("disabled", "disabled");
                    document.getElementById("highlight-light-theme").removeAttribute("disabled");
                }
            };
            darklistener.add(theme_selector);
        }, false);
    </script>
<% } %>

<!-- Shikwasa Player support -->
<% if (is_post() && theme.podcast && page.podcast) { %>
    <script defer src="https://cdn.jsdelivr.net/npm/shikwasa/dist/shikwasa.min.js"></script>
    <link media="none" onload="media='all'" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shikwasa/dist/shikwasa.min.css">
<% } %>

<!-- Font Awesome delay loading -->
<link rel="preload" as="style" onload="this.rel='stylesheet'" rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css">