feat: replace background image (#114)

apache · Apr 26, 2022 · f47895f · f47895f
1 parent 5ab4b30
commit f47895f
Show file tree

Hide file tree

Showing 10 changed files with 15 additions and 11 deletions.
diff --git a/content/cn/_index.html b/content/cn/_index.html
@@ -45,7 +45,7 @@
 {{< /blocks/section >}}
 
 
-{{< blocks/section >}}
+{{< blocks/section color="blue-deep">}}
 <div class="col">
 <h1 class="text-center">This is the second Section</h1>
 </div>
@@ -72,7 +72,7 @@ <h1 class="text-center">This is the second Section</h1>
 
 {{< /blocks/section >}}
 
-{{< blocks/section >}}
+{{< blocks/section color="blue-light">}}
 
 <div class="col-12">
 <h1 class="text-center">This is another Section</h1>

diff --git a/content/cn/about/featured-background.jpg b/content/cn/about/featured-background.jpg
diff --git a/content/cn/featured-background.jpg b/content/cn/featured-background.jpg
diff --git a/content/en/_index.html b/content/en/_index.html
@@ -47,7 +47,7 @@
 {{< /blocks/section >}}
 
 
-{{< blocks/section >}}
+{{< blocks/section color="blue-deep">}}
 <div class="col">
 <h1 class="text-center">This is the second Section -- Wait PM design</h1>
 </div>
@@ -74,7 +74,7 @@ <h1 class="text-center">This is the second Section -- Wait PM design</h1>
 
 {{< /blocks/section >}}
 
-{{< blocks/section >}}
+{{< blocks/section color="blue-light">}}
 
 <div class="col-12">
 <h1 class="text-center">Another Section -- Wait PM design</h1>

diff --git a/content/en/about/featured-background.jpg b/content/en/about/featured-background.jpg
diff --git a/content/en/featured-background.jpg b/content/en/featured-background.jpg
diff --git a/themes/docsy/assets/scss/_variables.scss b/themes/docsy/assets/scss/_variables.scss
@@ -17,7 +17,7 @@ $td-enable-google-fonts: true !default;
 
 // Theme colors
 
-$primary: #30638E !default;
+$primary: #502ec5 !default;
 $primary-light: lighten($primary, 75%) !default;
 $secondary: #FFA630 !default;
 $success: #3772FF !default;
@@ -28,7 +28,9 @@ $white: #fff !default;
 $light: #D3F3EE !default;
 
 $dark: #403F4C !default;
+$blue-light: #7bfff4 !default;
 $blue: #72A1E5 !default;
+$blue-deep: #26a3ff !default;
 $orange: #BA5A31 !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #eee !default;

diff --git a/themes/docsy/assets/scss/blocks/_cover.scss b/themes/docsy/assets/scss/blocks/_cover.scss
@@ -12,7 +12,7 @@
     padding-bottom: 5rem;
     background: {
         repeat: no-repeat;
-        position: 50% 0;
+        position: 100% 100%;
         size: cover;
     };
 
@@ -21,4 +21,4 @@
         bottom: 2px;
         right: 4px;
     }
-}
+}
diff --git a/themes/docsy/assets/vendor/bootstrap/scss/_variables.scss b/themes/docsy/assets/vendor/bootstrap/scss/_variables.scss
@@ -59,7 +59,9 @@ $colors: map-merge(
     "cyan":       $cyan,
     "white":      $white,
     "gray":       $gray-600,
-    "gray-dark":  $gray-800
+    "gray-dark":  $gray-800,
+    'blue-light': $blue-light,
+    'blue-deep':  $blue-deep
   ),
   $colors
 );

diff --git a/themes/docsy/layouts/shortcodes/blocks/cover.html b/themes/docsy/layouts/shortcodes/blocks/cover.html
@@ -15,16 +15,16 @@
 <link rel="preload" as="image" href="{{ $promo_image_big.RelPermalink }}" media="(min-width: 1200px)">
 <style>
 #{{ $blockID }} {
-    background-image: url({{ $promo_image_small.RelPermalink }}); 
+    background-image: url({{ $promo_image_small.RelPermalink }});
 }
 @media only screen and (min-width: 1200px) {
     #{{ $blockID }} {
-        background-image: url({{ $promo_image_big.RelPermalink }}); 
+        background-image: url({{ $promo_image_big.RelPermalink }});
     }
 }
 </style>
 {{ end }}
-<section id="{{ $blockID }}" class="row td-cover-block td-cover-block--height-{{ $height }}{{ if not .Site.Params.ui.navbar_translucent_over_cover_disable }} js-td-cover{{ end }} td-overlay td-overlay--dark -bg-{{ $col_id }}">
+<section id="{{ $blockID }}" class="row td-cover-block td-cover-block--height-{{ $height }}{{ if not .Site.Params.ui.navbar_translucent_over_cover_disable }} js-td-cover{{ end }} td-overlay -bg-{{ $col_id }}">
   <div class="container td-overlay__inner">
     <div class="row">
       <div class="col-12">