diff options
| -rw-r--r-- | layout/index.ejs | 4 | ||||
| -rw-r--r-- | layout/post.ejs | 78 | ||||
| -rw-r--r-- | source/css/style.css | 26 |
3 files changed, 56 insertions, 52 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> diff --git a/source/css/style.css b/source/css/style.css index 009e27b..2c54268 100644 --- a/source/css/style.css +++ b/source/css/style.css @@ -15,26 +15,36 @@ pre { .navbar-menu { box-shadow: 0 8px 16px -8px rgb(10 10 10 / 10%) !important; } + .post-content { + padding-top: 0px !important; + } + .post-card { + padding: 0 0 0 0 !important; + } +} + +.post-content { + padding-top: 1.5rem; +} + +.post-card { + padding: 0 1rem 1rem 1rem; } .navbar-brand .navbar-item:hover { background-color: inherit !important; } -.post-entry { +.entry { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important; transition: box-shadow 0.1s; } -.post-entry:hover { +.entry:hover { box-shadow: 0 1em 2em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); } -.post-card { - margin-top: 1.5rem !important; -} - .pagination-bar { padding-left: 0.25rem; padding-right: 0.25rem; @@ -43,8 +53,4 @@ pre { .footer { padding: 1rem 1rem 1rem; background-color: transparent; -} - -.post-content { - padding-top: 2rem; }
\ No newline at end of file |