diff options
Diffstat (limited to 'layout')
| -rw-r--r-- | layout/index.ejs | 4 | ||||
| -rw-r--r-- | layout/post.ejs | 78 | 
2 files changed, 40 insertions, 42 deletions
| diff --git a/layout/index.ejs b/layout/index.ejs index cfb032a..93f15af 100644 --- a/layout/index.ejs +++ b/layout/index.ejs @@ -1,7 +1,7 @@  <% page.posts.each(function (post) { %> -    <div class="columns "> +    <div class="columns">          <div class="column is-8 is-offset-2"> -            <div class="card post-entry"> +            <div class="card entry">                  <!-- Post thumbnail with lazayload support -->                  <% if (post.thumbnail) { %>                      <div class="card-iamge"> diff --git a/layout/post.ejs b/layout/post.ejs index 9c04e82..4a9b2f1 100644 --- a/layout/post.ejs +++ b/layout/post.ejs @@ -13,48 +13,46 @@                  </div>              <% } %>              <div class="card-content"> -                <section class="section"> -                    <h2 class="title has-text-centered"> -                        <%= page.title %> -                    </h2> -                    <% if (page.podcast) { %> -                        <div class="post-podcast-player"></div> -                        <script> -                            window.addEventListener("load", () => { -                                const player = new Shikwasa({ -                                    container: () => document.querySelector('.post-podcast-player'), -                                    audio: { -                                        title: "<%= page.title %>", -                                        artist: "<%= page.podcast.author %>", -                                        cover: "<%= page.podcast.cover %>", -                                        src: "<%= page.podcast.media %>" -                                    }, -                                    fixed: { -                                        type: "auto", -                                        position: "bottom" -                                    }, -                                    themeColor: "red" -                                }); -                            }, false); -                        </script> -                    <% } %> -                    <section class="content post-content is-size-6"> -                        <%- page.content %> -                    </section> -                    <div class="level"> -                        <div class="level-left"> -                            <div class="level-item"> -                                <% if (page.tags) { %> -                                    <div class="tags"> -                                        <% (page.tags).forEach(function(item) { %> -                                            <span class="tag"># <%= item.name %></span> -                                            <% }); %> -                                    </div> -                                <% } %> -                            </div> +                <h2 class="title has-text-centered"> +                    <%= page.title %> +                </h2> +                <% if (page.podcast) { %> +                    <div class="post-podcast-player"></div> +                    <script> +                        window.addEventListener("load", () => { +                            const player = new Shikwasa({ +                                container: () => document.querySelector('.post-podcast-player'), +                                audio: { +                                    title: "<%= page.title %>", +                                    artist: "<%= page.podcast.author %>", +                                    cover: "<%= page.podcast.cover %>", +                                    src: "<%= page.podcast.media %>" +                                }, +                                fixed: { +                                    type: "auto", +                                    position: "bottom" +                                }, +                                themeColor: "red" +                            }); +                        }, false); +                    </script> +                <% } %> +                <section class="content post-content is-size-6"> +                    <%- page.content %> +                </section> +                <div class="level"> +                    <div class="level-left"> +                        <div class="level-item"> +                            <% if (page.tags) { %> +                                <div class="tags"> +                                    <% (page.tags).forEach(function(item) { %> +                                        <span class="tag"># <%= item.name %></span> +                                        <% }); %> +                                </div> +                            <% } %>                          </div>                      </div> -                </section> +                </div>                              </div>          </div>      </div> | 
