feat: new page cover

lh1me · Jun 1, 2021 · 23e143e · 23e143e
1 parent 445a0ad
commit 23e143e
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 16 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,4 +1,4 @@
-version: 1619416789282
+version: 1622521899375
 language: cn
 aomori_widgets:
   - toc

diff --git a/layout/_partial/archive.ejs b/layout/_partial/archive.ejs
@@ -1,25 +1,22 @@
-<% if (pagination == 2){ %>
-  
-<% } else { %>
-  <% var last; %>
-  <% page.posts.each(function(post, i){ %>
+<section class="archives-cover"></section>
+<% var last; %>
+<% page.posts.each(function(post, i){ %>
     <% var year = post.date.year(); %>
     <% if (last != year){ %>
-      <% if (last != null){ %>
+    <% if (last != null){ %>
         </div></section>
-      <% } %>
-      <% last = year; %>
-      <section class="archives-wrap">
+    <% } %>
+    <% last = year; %>
+    <section class="archives-wrap">
         <div class="archive-year-wrap">
-          <a href="<%- url_for(config.archive_dir + '/' + year) %>" class="archive-year"><%= year %></a>
+        <a href="<%- url_for(config.archive_dir + '/' + year) %>" class="archive-year"><%= year %></a>
         </div>
         <div class="archives">
     <% } %>
     <%- partial('archive-post', {post: post, even: i % 2 == 0}) %>
-  <% }) %>
-  <% if (page.posts.length){ %>
+<% }) %>
+<% if (page.posts.length){ %>
     </div></section>
-  <% } %>
 <% } %>
 
 <% if (page.total > 1){ %>

diff --git a/layout/_partial/page/friends.ejs b/layout/_partial/page/friends.ejs
@@ -1,3 +1,5 @@
+<div class="friends-cover"></div>
+
 <div class="friends-links clearfix">
     <% for (var link in site.data.friends) { %>
     <a href="<%= site.data.friends[link].url %>" rel="nofollow" target="_blank"> <%= site.data.friends[link].name %> </a>

diff --git a/source/dist/build.css b/source/dist/build.css
diff --git a/source/images/archives.svg b/source/images/archives.svg
diff --git a/source/images/avatar.jpg b/source/images/avatar.jpg
diff --git a/source/images/friends.svg b/source/images/friends.svg
diff --git a/source/stylesheets/page.scss b/source/stylesheets/page.scss
@@ -12,6 +12,14 @@
         // .article-entry {}
     }
 
+    &-cover {
+        width: 100%;
+        height: 260px;
+        margin-bottom: 50px;
+        background: url('/images/friends.svg') no-repeat center center;
+        background-size: contain;
+    }
+
     &-links {
         a {
             background: var(--color-white-light);

diff --git a/source/stylesheets/style.scss b/source/stylesheets/style.scss
@@ -943,6 +943,15 @@ img:not([src]):not([srcset]) {
     }
 }
 
+.archives-cover {
+    width: 100%;
+    height: 260px;
+    margin-bottom: 50px;
+    background: url('/images/archives.svg') no-repeat center center;
+    background-size: contain;
+}
+
+
 .archives-wrap {
     background: var(--color-white-light);
     border-radius: 8px;