modify style after text adjustment

Author: libangrui

config.toml

@@ -57,17 +57,17 @@ copyright = "Openpitrix Technology © 2018"
         title = "Microservice Architecture Oriented"
         desc = "OpenPitrix itself adopts microservice architecture. The system can be deployed into virtual machine, container orchestration system such as Kubernetes, or bare metal."
     [languages.en.index.seventh]
-        title = ""
+        title = "As the picture show"
     [languages.en.index.eighth]
-        title = "Use Cases" 
-        [[languages.en.index.eighth.architecture]]
-            name = "Deployed as one-stop-shop application management platform in an organization to support multiple cloud systems including hybrid cloud."
+        title = "Use Cases"
+        [[languages.en.index.eighth.cases]]
+            desc = "Deployed as one-stop-shop application management platform in an organization to support multiple cloud systems including hybrid cloud."
             weight = 1
-        [[languages.en.index.eighth.architecture]]
-            name = "Cloud management platform (CMP) can use OpenPitrix as a component to manage applications in multi-cloud environment."
+        [[languages.en.index.eighth.cases]]
+            desc = "Cloud management platform (CMP) can use OpenPitrix as a component to manage applications in multi-cloud environment."
             weight = 2
-        [[languages.en.index.eighth.architecture]]
-            name = "Deployed as application management system in Kubernetes. OpenPitrix is different than Helm, OpenPitrix uses Helm under the hood though. In an organization, people usually want to categorize applications by status such as developing, testing, staging, production; or by departments of their organization, to name a few."
+        [[languages.en.index.eighth.cases]]
+            desc = "Deployed as application management system in Kubernetes. OpenPitrix is different than Helm, OpenPitrix uses Helm under the hood though. In an organization, people usually want to categorize applications by status such as developing, testing, staging, production; or by departments of their organization, to name a few."
             weight = 3
     [languages.en.index.footer]
         title = "About Pitrix itself"

layouts/index.html

@@ -147,15 +147,16 @@ <h3 class="section-title">{{ .title }}</h3>
     <div class="container">
       {{ with .Site.Params.Index.Eighth }}     
         <div class="section-content">
-          <h3 class="section-title">{{ .title }}</h3>
+          <h3 class="section-title" data-aos="fade" data-aos-delay="100" data-aos-anchor="#eighth">{{ .title }}</h3>
           <div class="section-case">
-            <div class="section-desc">
-              <ul>
-                {{ range .architecture }}
-                  <li>{{ .name }}</li>
-                {{ end }}
-              </ul>
-            </div>
+            <ul>
+              {{ range .cases }}
+                <li data-aos="fade" data-aos-delay="300" data-aos-anchor="#eighth">
+                  <i></i>
+                  <div class="section-case_content">{{ .desc }}</div>
+                </li>
+              {{ end }}
+            </ul>
           </div>
         </div>
       {{ end }}

layouts/partials/header.html

@@ -19,19 +19,18 @@
       <div class="container">
         <h1 class="logo">
           <a href="#">
-            <img class="pc-show" src="/assets/logo-new.svg" alt="openPitrix" height="23">
-            <span class="logo1 mobile-show" style="background-image: url('/assets/logo-1.svg');"></span>
-            <span class="logo2" style="background-image: url('/assets/logo-2.svg');"></span>
+            <img class="logo1" src="/assets/logo-new.svg" alt="openPitrix" />
+            <img class="mobile-show logo2" src="/assets/logo2-new.svg" alt="openPitrix" />
           </a>
         </h1>
         <button class="menu-btn mobile-show"></button>
         <div class="menu-wrapper">
           <ul class="menu">
             {{ range .Site.Menus.main }}
-            <li>
-              <a href="{{ .URL | relURL }}">{{ .Name }}</a>
-              <img class="mobile-show" src="/assets/arrow-right.svg" alt="arrow-right">
-            </li>
+              <li>
+                <a href="{{ .URL | relURL }}">{{ .Name }}</a>
+                <img class="mobile-show" src="/assets/arrow-right.svg" alt="arrow-right">
+              </li>
             {{ end }}
           </ul>
         </div>