Merge pull request #3 from OpenTenBase/dev/fix-theme

Dev/fix theme
OpenTenBase · Oct 20, 2023 · bb2562f · bb2562f
2 parents 40fafc2 + 021c70f
commit bb2562f
Show file tree

Hide file tree

Showing 18 changed files with 121 additions and 142 deletions.
diff --git a/hugo.toml b/hugo.toml
@@ -7,7 +7,7 @@ timeZone = "Asia/Shanghai"
 # post pagination
 paginate = 6 # see https://gohugo.io/extras/pagination/
 # post excerpt
-summaryLength = 20 # see https://gohugo.io/content-management/excerpts/
+summaryLength = 50 # see https://gohugo.io/content-management/excerpts/
 # defaultContentLanguage
 defaultContentLanguage = "cn"
 # google analytics

diff --git a/hugo_stats.json b/hugo_stats.json
@@ -55,11 +55,11 @@
       "blog-content",
       "blog_section",
       "btn",
+      "btn-link",
       "btn-main",
       "button",
       "button-primary",
       "clearfix",
-      "client-thumb",
       "col-12",
       "col-lg-10",
       "col-lg-12",
@@ -81,8 +81,6 @@
       "content",
       "copyright",
       "cta",
-      "cta-link-style",
-      "d-none",
       "fadeIn",
       "fadeInUp",
       "feature-content",
@@ -91,13 +89,12 @@
       "feature-title-font",
       "font-weight-bold",
       "h2",
-      "h2-mobile",
       "hero",
       "hero-copy",
       "hero-cta",
-      "hero-inner",
       "hero-paragraph",
       "hero-title",
+      "hero-title_info",
       "highlight",
       "img-fluid",
       "is-revealing",
@@ -108,7 +105,6 @@
       "latest_activity_title",
       "list-inline",
       "list-inline-item",
-      "logo",
       "lozad",
       "mb-4",
       "mb-50",
@@ -117,7 +113,6 @@
       "media-wrapper",
       "ml-auto",
       "mr-3",
-      "mt-0",
       "mx-auto",
       "nav-item",
       "nav-link",
@@ -130,9 +125,9 @@
       "navbar-toggler",
       "navbar-toggler-icon",
       "navigation",
-      "navigation-font",
       "navigation-layout",
       "navigation-logo-layout",
+      "no-data",
       "offset-lg-2",
       "p-0",
       "padding-0",

diff --git a/i18n/cn.yaml b/i18n/cn.yaml
@@ -35,4 +35,6 @@
 - id: contact
   translation: 联系 我们
 - id: themefisher
-  translation: Themefisher
+  translation: Themefisher
+- id: newPublish
+  translation: 最新发布
diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -35,4 +35,6 @@
 - id: contact
   translation: Contact
 - id: themefisher
-  translation: Themefisher
+  translation: Themefisher
+- id: newPublish
+  translation: Latest
diff --git a/themes/meghna-hugo/assets/css/style.css b/themes/meghna-hugo/assets/css/style.css
@@ -39,7 +39,7 @@ p {
 }
 
 pre {
-  color: #afbac4;
+  background: #d9dee5;
 }
 
 /*=================================================================
@@ -98,11 +98,11 @@ a:hover {
 }
 
 .btn {
-  background-color: transparent;
-  color: #1b1e23;
-  padding: 10px 30px;
-  border-radius: 0;
-  transition: all 0.3s ease-in 0s;
+  /*background-color: transparent;*/
+  /*color: #1b1e23;*/
+  /*padding: 10px 30px;*/
+  /*border-radius: 0;*/
+  /*transition: all 0.3s ease-in 0s;*/
 }
 
 .btn:focus {
@@ -140,7 +140,7 @@ a:hover {
 }
 
 .color {
-  color: #1d73e4;
+  color: #1d73e4 !important;
 }
 
 .sub-title {
@@ -387,9 +387,7 @@ a:hover {
 }
 
 .section-bg {
-  /*background: #292F36;*/
   width: 100%;
-  height: 265px;
   flex-shrink: 0;
   background: #13161b;
 }
@@ -1086,14 +1084,14 @@ a:hover {
   height: 491px;
   flex-shrink: 0;
   background: #fff;
-  border: 1px solid var(--unnamed, #d6dbe3);
+  border: 1px solid #d6dbe3;
 }
 
 .service-block-style {
   margin-bottom: 40px;
   border-radius: 4px;
-  border: 1px solid var(--unnamed, #d6dbe3);
-  height: 160px;
+  border: 1px solid #d6dbe3;
+  min-height: 180px;
 }
 
 .service-block-layout {
@@ -1103,7 +1101,7 @@ a:hover {
   gap: 8px;
   flex: 1 0 0;
   border-radius: 4px;
-  border: 1px solid var(--unnamed, #d6dbe3);
+  border: 1px solid #d6dbe3;
 }
 
 .service-block {
@@ -1349,7 +1347,7 @@ a:hover {
   font-weight: 500;
   line-height: normal;
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 .testimonial_item_position {
@@ -1360,7 +1358,7 @@ a:hover {
   font-weight: 400;
   line-height: normal;
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 .testimonial_item_content {
@@ -1526,6 +1524,12 @@ a:hover {
   color: #4B5364;
   font-size: 12px;
   line-height: 20px; /* 166.667% */
+  width: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  word-wrap: break-word;
+  overflow: hidden;
 }
 
 .community_news_layout_footer {
@@ -1932,21 +1936,23 @@ input#e-mail,
 }
 
 .copyright {
-  color: var(--unnamed, #f1f2f5);
+  border-top: 1px solid #F1F2F5;
+  margin: 60px 0;
+  color: #f1f2f5;
   font-family: PingFang SC;
   font-size: 16px;
-  font-style: normal;
+  gap: 24px;
   font-weight: 400;
-  line-height: normal;
+  line-height: 24px;
   /*text-decoration-line: underline;*/
 }
 
 .copyright img {
   margin-bottom: 15px;
 }
 
-.copyright p {
-  margin-top: 10px;
+.copyright div {
+  margin-top: 24px;
 }
 
 #scrollUp {
@@ -2784,11 +2790,9 @@ figcaption {
 .hero {
   position: relative;
   text-align: center;
-  padding-top: 40px;
   width: 100%;
-  height: 400px;
   flex-shrink: 0;
-  border: 1px solid var(--unnamed, #d6dbe3);
+  border: 1px solid #d6dbe3;
   background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
 }
 
@@ -2797,14 +2801,7 @@ figcaption {
   position: absolute;
   bottom: 0;
   right: 0;
-  height: 230px;
   width: 80%;
-  /*background: #2294fb;*/
-  /*background: linear-gradient(to top right, #0081F6 0, #44A6FF 100%)*/
-}
-
-.hero-inner {
-  position: relative;
 }
 
 .hero-title-logo {
@@ -2822,17 +2819,32 @@ figcaption {
   font-style: normal;
   font-weight: 600;
   line-height: 135.023%; /* 59.41px */
+  display: flex;
+  justify-content: flex-start;
+  text-align: left;
 }
 
 .hero-paragraph {
-  margin-bottom: 19px;
-  width: auto;
+  margin-top: 20px;
   color: #000;
   font-family: PingFang SC;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%; /* 32px */
+  width: 100%;
+  word-wrap:break-word;
+  white-space:pre-wrap;
+  text-align:left;
+}
+
+.hero-copy {
+  padding: 80px 0px 56px 0;
+}
+
+.hero-cta {
+  margin-top: 20px;
+  display: flex;
 }
 
 .hero-illustration {
@@ -2851,30 +2863,19 @@ figcaption {
 
 @media (min-width: 641px) {
   .hero {
-    text-align: left;
-    padding-top: 92px;
-    padding-bottom: 80px;
     width: 100%;
-    height: 524px;
     flex-shrink: 0;
     background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
   }
 
   .hero::before {
-    left: 620px;
-    height: 800px;
     width: 100%;
   }
 
   .hero-inner {
     display: flex;
   }
 
-  .hero-copy {
-    padding-right: 48px;
-    min-width: 512px;
-  }
-
   .hero-illustration {
     margin-top: -68px;
     padding-bottom: 0;
@@ -2889,14 +2890,8 @@ figcaption {
 
 @media (min-width: 1025px) {
   .hero::before {
-    left: auto;
     width: 43%;
   }
-
-  .hero-copy {
-    padding-right: 88px;
-    min-width: 552px;
-  }
 }
 
 .features .section-title {
@@ -2940,7 +2935,7 @@ figcaption {
 }
 
 .feature-sub-title-font {
-  color: var(--unnamed, #181818);
+  color: #181818;
   font-feature-settings: "clig" off, "liga" off;
   font-family: PingFang SC;
   font-size: 16px;
@@ -2958,6 +2953,12 @@ figcaption {
   font-style: normal;
   font-weight: 400;
   line-height: 22px; /* 157.143% */
+  width: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-wrap:break-word;
+  overflow: hidden;
 }
 
 .feature-inner {
@@ -3427,11 +3428,6 @@ main {
 }
 
 .latest_activity_footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: #000;
-  font-family: PingFang SC;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -3460,3 +3456,14 @@ main {
 .feature-content {
   padding: 40px;
 }
+
+.post-single-content a {
+  color: #0056b3;
+}
+
+.no-data {
+  min-height: 800px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/themes/meghna-hugo/layouts/404.html b/themes/meghna-hugo/layouts/404.html
@@ -3,7 +3,7 @@
 {{ partial "navigation.html" . }}
 
 <section class="section">
-  <div class="container">
+  <div class="container no-data">
     <div class="row">
       <div class="col-12 text-center">
         <h1>404</h1>

diff --git a/themes/meghna-hugo/layouts/_default/article.html b/themes/meghna-hugo/layouts/_default/article.html
@@ -7,7 +7,7 @@
     <div class="content latest_activity_layout">
       <div class="latest_activity_title">{{ .Title }}</div>
       <div class="latest_activity_content text-truncate">{{ .Summary }}</div>
-      <a class="latest_activity_footer" href="{{ .Permalink }}">{{ i18n "readMore" }}</a>
+      <a class="btn btn-link latest_activity_footer padding-0" href="{{ .Permalink }}">{{ i18n "readMore" }}</a>
     </div>
   </div>
 </article>