pref: add animate class name to some pages

layout/about.ejs

@@ -1,4 +1,4 @@
-<div class="about-container">
+<div class="about-container fade-in-down-animation">
     <div class="about-content markdown-body">
         <%- page.content %>
     </div>

layout/archive-content.ejs

@@ -1,3 +1,3 @@
-<div class="archive-container">
+<div class="archive-container fade-in-down-animation">
     <%- partial('_partial/archive-list', {posts_new: site.posts}) %>
 </div>

layout/article-content.ejs

@@ -1,4 +1,4 @@
-<div class="article-content-container">
+<div class="article-content-container fade-in-down-animation">
 
     <div class="article-title">
         <h3><a class="title-hover-animation"><%= page.title %></a></h3>

layout/category-content.ejs

@@ -1,4 +1,4 @@
-<div class="category-container">
+<div class="category-container fade-in-down-animation">
     <div class="category-name">
         <i class="fa fa-folder"></i> <%- __('category') %>：<%= page.category %> [<%= page.posts.length %>]
     </div>

layout/home-content.ejs

@@ -1,4 +1,4 @@
-<div class="home-content-container">
+<div class="home-content-container fade-in-down-animation">
     <ul class="home-article-list">
         <% page.posts.forEach(post => { %>
             <li class="home-article-item">

layout/tag-content.ejs

@@ -1,4 +1,4 @@
-<div class="tag-container">
+<div class="tag-container fade-in-down-animation">
     <div class="tag-name"><i class="fa fa-tag"></i> <%- __('tag') %>：<%= page.tag %> [<%= page.posts.length %>]</div>
     <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
 </div>