diff options
Diffstat (limited to 'layout')
| -rw-r--r-- | layout/_partial/head.ejs | 4 | ||||
| -rw-r--r-- | layout/_partial/header.ejs | 3 | ||||
| -rw-r--r-- | layout/_partial/scripts.ejs | 11 | ||||
| -rw-r--r-- | layout/post.ejs | 4 |
4 files changed, 13 insertions, 9 deletions
diff --git a/layout/_partial/head.ejs b/layout/_partial/head.ejs index 135d822..9c255b8 100644 --- a/layout/_partial/head.ejs +++ b/layout/_partial/head.ejs @@ -33,6 +33,6 @@ <!-- Scripts and styles --> <%- css('css/style.min.css') %> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma/css/bulma.min.css"> - <link media="(prefers-color-scheme: dark)" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jloh/bulma-prefers-dark/css/bulma-prefers-dark.min.css"> + <link media="all" rel="stylesheet" id="bulma-light" href="https://cdn.jsdelivr.net/npm/bulma/css/bulma.min.css"> + <link media="none" rel="stylesheet" id="bulma-dark" href="https://cdn.jsdelivr.net/npm/bulmaswatch@0.8.1/darkly/bulmaswatch.min.css"> </head>
\ No newline at end of file diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs index b32edbb..6c423a0 100644 --- a/layout/_partial/header.ejs +++ b/layout/_partial/header.ejs @@ -18,6 +18,9 @@ </div> <div class="navbar-menu" id="header-menu"> <div class="navbar-end"> + <a class="navbar-item" href="javaScript:void(0);" id="btn-toggle-dark"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg> + </a> <% for (let item of theme.menubar) { %> <a class="navbar-item is-uppercase" href="<%= item[0] %>"> <%= item[1] %> diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs index 2efb659..14348a9 100644 --- a/layout/_partial/scripts.ejs +++ b/layout/_partial/scripts.ejs @@ -1,7 +1,7 @@ <!-- Lazyload support --> <%- js('js/script.min.js') %> <% if (theme.lazyload) { %> - <script async defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.min.js"></script> + <script async defer src="https://cdn.staticfile.org/vanilla-lazyload/17.3.1/lazyload.min.js"></script> <script> window.lazyLoadOptions = { elements_selector: ".lazy", @@ -18,19 +18,20 @@ <!-- 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/highlightjs@9.16.2/styles/<%= theme.highlight.lightmode %>.min.css"> + href="https://cdn.staticfile.org/highlight.js/9.16.2/styles/<%= theme.highlight.lightmode %>.min.css"> <link media="none" onload="media='all'" id="highlight-dark-theme" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/<%= theme.highlight.darkmode %>.min.css"> + href="https://cdn.staticfile.org/highlight.js/9.16.2/styles/<%= theme.highlight.darkmode %>.min.css"> <script> window.addEventListener("load", () => { const theme_selector = (mode) => { - if (mode === SystemDarkmodePrefrence.dark) { + if (mode === SystemDarkmodePreference.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"); } + console.debug(`highlightjs theme set to ${mode}`); }; darklistener.add(theme_selector); }, false); @@ -50,4 +51,4 @@ <!-- Font Awesome delay loading --> <link rel="preload" as="style" onload="this.rel='stylesheet'" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"> + href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> diff --git a/layout/post.ejs b/layout/post.ejs index 9befb97..3428ddf 100644 --- a/layout/post.ejs +++ b/layout/post.ejs @@ -63,7 +63,7 @@ const player = new Shikwasa({ container: () => document.querySelector('.post-podcast-player'), - audio: { + audio: { title: "<%= page.title %>", artist: "<%= page.podcast.authors %>", cover: "<%= page.podcast.cover %>", @@ -82,7 +82,7 @@ window.player = player; }, false); </script> - <% } %> + <% } %> <section class="content is-size-6"> <%- page.content %> </section> |