From ef9166a92607093dea593653a9977fba40d82ad3 Mon Sep 17 00:00:00 2001
From: Doge <guiqiqi187@gmail.com>
Date: Fri, 21 May 2021 01:53:08 +0800
Subject: Add header adjustment with autoscroll

---
 layout/_partial/header.ejs | 12 +++++++++---
 layout/post.ejs            | 12 +++++++++++-
 2 files changed, 20 insertions(+), 4 deletions(-)

(limited to 'layout')

diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index 34097f7..a9d9dbd 100644
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -1,7 +1,7 @@
-<% if (is_post()) { %> 
-<section class="hero is-medium auto-dark">
+<% if (is_home()) { %> 
+<section class="hero is-<%= theme.header.index %> auto-dark">
 <% } else { %> 
-<section class="hero is-large auto-dark">
+<section class="hero is-<%= theme.header.other %> auto-dark">
 <% } %>
     <div class="hero-head">
         <header class="navbar" aria-label="main navigation">
@@ -69,4 +69,10 @@
             </p>
         </div>
     </div>
+
+    <% if (is_home()) { %>
+        <div class="hero-foot">
+
+        </div>
+    <% } %>
 </section>
\ No newline at end of file
diff --git a/layout/post.ejs b/layout/post.ejs
index 9d9c8df..1419b70 100644
--- a/layout/post.ejs
+++ b/layout/post.ejs
@@ -1,6 +1,16 @@
 <div class="columns">
     <div class="column is-8 is-offset-2">
-        <div class="card">
+        <div id="post" class="card">
+            <% if (theme.header.autoscroll) { %> 
+                <script>
+                    window.addEventListener("load", ()=>{
+                        let content = document.getElementById("post");
+                        content.scrollIntoView({ 
+                            behavior: "smooth" 
+                        });
+                    });
+                </script>
+            <% } %>
             <% if (page.thumbnail) { %>
                 <div class="card-iamge">
                     <figure class="image is-16by9">
-- 
cgit v1.2.3