Merge pull request #73 from tfsojon/chandu

Updated added on issue #56 and #64

config/_default/params.toml

@@ -13,7 +13,7 @@ logo_dark = "images/logos/logo-dark.svg"
 logo_webp = false
 
 logo_text = "Intelops"
-logo_width = "147px"
+logo_width = "130px"
 mainSections = ["blog"]
 mobile = "+211234565523"
 fullSiteSearch = true

content/english/open-source/contributed-open-source.md

@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 

content/english/open-source/our-open-source.md

@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 

content/english/platform/capten.md

@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 

content/english/platform/compage.md

@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/what-is-compage.svg"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/how-it-works.svg"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/content/compage/integrations-features.svg"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 

content/english/platform/opty.md

@@ -51,6 +51,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -63,6 +64,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "left" # Value will be - "left/right"
+    bg_color: true
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 
@@ -75,6 +77,7 @@ image_and_content_block:
     title: "Lots of people love us, <br> and we're also."
     image: "images/block-image-01.png"
     content_position: "right" # Value will be - "left/right"
+    bg_color: false
     content: |
       Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula estibulum.
 

netlify.toml

@@ -3,7 +3,8 @@
   command = "hugo --minify --gc"
 
 [build.environment]
-  HUGO_VERSION = "0.85.0"
+  HUGO_VERSION = "0.111.3"
+  GO_VERSION = "1.19.4"
   HUGO_BASEURL = "/"
 
 [[headers]]

themes/delta/assets/js/script.js

@@ -337,7 +337,7 @@ if ($(".navigation-alt").length !== 0) {
         (navigationAltHeight + navigationBottomHeight) * 2
       ) {
         navigationBottom.addClass("sticky");
-        navigationBottom.css("top", 0 - navigationAltHeight + "px");
+        navigationBottom.css("top", 0 - navigationBottomHeight + "px");
       } else {
         navigationBottom.removeClass("sticky");
         navigationBottom.css("top", "unset");

themes/delta/assets/scss/templates/_navigation.scss

@@ -133,16 +133,19 @@
       }
     }
     .navbar-brand.d-none {
-      margin-right: 13px;
+      margin-right: 16px;
       img {
-        padding-right: 10px;
+        padding-right: 13px;
         border-right: 1px solid #ddd;
       }
     }
   }
   &.navigation-bottom,
   &.navigation-alt {
     position: relative;
+    .navbar {
+      padding: 3px 0 !important;
+    }
   }
   &.navigation-bottom .navbar {
     border-top: 1px solid lighten($banner-primary, 12);
@@ -195,6 +198,8 @@
     }
     &.dropdown-lg {
       text-align: left;
+      max-height: 300px;
+      overflow-y: auto;
       small {
         display: block;
         color: $text-muted;
@@ -209,7 +214,7 @@
         line-height: 1.3;
       }
       .dropdown-item {
-        padding: 12px 15px;
+        padding: 15px;
       }
     }
   }
@@ -247,7 +252,9 @@
         width: 480px;
         display: flex;
         flex-wrap: wrap;
-        padding: 10px 5px;
+        padding: 18px 15px;
+        max-height: initial;
+        overflow-y: initial;
         li {
           transform: translateX(0) translateY(20px);
           width: 50%;

themes/delta/layouts/open-source/single.html

@@ -1,9 +1,11 @@
 {{ define "main" }}
 {{ partial "header.html" . }}
 
+{{ $bg_color := .Params.banner.bg_color }}
+
 {{ partial "header-alt.html" . }}
 {{with .Params.banner}}
-<section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{.bg_color}};">
+<section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{$bg_color}};">
   <div class="container">
     <div class="row align-items-center text-center text-lg-start">
       <div class="col-lg-6">
@@ -52,7 +54,8 @@ <h1 class="title text-xl mb-3 text-white">{{.title | markdownify}}</h1>
 {{with .Params.image_and_content_block}}
 {{if .enable}}
 {{ range .blocks }}
-<section class="section pb-0">
+<section class="section position-relative">
+  {{if .bg_color}} <span class="position-absolute h-100 w-100 top-0 left-0" style="z-index:-1;pointer-events:none;opacity:0.1;background-color: {{$bg_color}};"></span> {{end}}
   <div class="container container-delta-lg">
     <div class="row gx-4 gx-xl-5 align-items-center">
       <div class="col-lg-6 order-1 {{with .content_position}}{{if eq . `right`}}order-lg-1{{else if eq . `left`}}order-lg-0{{else}}order-lg-0{{end}}{{end}}">
@@ -63,9 +66,9 @@ <h2 class="title">{{.title | markdownify}}</h2>
         {{with .content}}<div class="content">{{. | markdownify}}</div>{{end}}
       </div>
       <div class="col-lg-6 order-0 mb-5 mb-lg-0 {{with .content_position}}{{if eq . `right`}}order-lg-0{{else if eq . `left`}}order-lg-1{{else}}order-lg-1{{end}}{{end}}">
-        <div class="bg-secondary-soft py-3 py-md-6 px-2 px-md-4 rounded-md">
+        <div class="px-2 px-md-4 text-center">
           {{with .image}}
-          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 py-6" ) }}
+          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3" ) }}
           {{end}}
         </div>
       </div>

themes/delta/layouts/partials/header-alt.html

@@ -8,7 +8,7 @@
         {{ partial "logo.html" }}
       </a>
 
-      <span class="navbar-brand me-auto" title="{{.Params.navigation.logo_text}}">
+      <span class="navbar-brand me-auto" style="line-height:0;" title="{{.Params.navigation.logo_text}}">
         {{ $logoPath:= .Params.navigation.logo }}
         {{ $logoWebp:= false }}
         {{ $logoDarkPath:= .Params.navigation.logo_dark }}
@@ -215,7 +215,7 @@
       {{ $section := .Section | urlize}}
 
       <div class="collapse navbar-collapse text-center" id="navigation-alt">
-        <ul class="navbar-nav mx-auto align-items-center">
+        <ul class="navbar-nav mx-auto align-items-center pt-0">
 
           {{ range .Params.navigation.menu }}
           <li class="nav-item">

themes/delta/layouts/partials/logo.html

@@ -26,14 +26,6 @@
     class="ghtm-img ghtm-logo-light"
     height="{{ $logoDefaultHeight }}"
     width="{{ $logoDefaultWidth }}" />
-  <img
-    loading="lazy"
-    decoding="async"
-    src="{{ $logoDarkPath | absURL }}"
-    alt="{{ $logoText }}"
-    class="ghtm-img ghtm-logo-dark"
-    height="{{ $logoDefaultHeight }}"
-    width="{{ $logoDefaultWidth }}" />
 {{ else }}
   <!-- /image cdn -->
 
@@ -140,16 +132,6 @@
       src="{{ $scratch.Get `logo` }}"
       alt="{{ $logoText }}"
       onerror="this.onerror=null;this.src='{{ $scratch.Get `logo_fallback` }}'" />
-
-    <img
-      loading="preload"
-      decoding="async"
-      class="ghtm-img ghtm-logo-dark"
-      width="{{ replace $logoWidth `x` `` | default $logoDefaultWidth }}"
-      height="{{ $logoDefaultHeight }}"
-      src="{{ $scratch.Get `logo_dark` }}"
-      alt="{{ $logoText }}"
-      onerror="this.onerror=null;this.src='{{ $scratch.Get `logo_dark_fallback` }}'" />
   {{ else if $logoPath }}
     <img
       loading="preload"

themes/delta/layouts/platform/single.html

@@ -3,6 +3,8 @@
 
 {{ partial "header-alt.html" . }}
 
+{{ $bg_color := .Params.banner.bg_color }}
+
 {{with .Params.banner}}
 <section class="banner platform-banner wave-block overflow-hidden my-4 rounded-lg" style="background-color: {{.bg_color}};">
   <div class="container">
@@ -53,7 +55,8 @@ <h1 class="title text-xl mb-3 text-white">{{.title | markdownify}}</h1>
 {{with .Params.image_and_content_block}}
 {{if .enable}}
 {{ range .blocks }}
-<section class="section pb-0">
+<section class="section position-relative">
+  {{if .bg_color}} <span class="position-absolute h-100 w-100 top-0 left-0" style="z-index:-1;pointer-events:none;opacity:0.1;background-color: {{$bg_color}};"></span> {{end}}
   <div class="container container-delta-lg">
     <div class="row gx-4 gx-xl-5 align-items-center">
       <div class="col-lg-6 order-1 {{with .content_position}}{{if eq . `right`}}order-lg-1{{else if eq . `left`}}order-lg-0{{else}}order-lg-0{{end}}{{end}}">
@@ -64,9 +67,9 @@ <h2 class="title">{{.title | markdownify}}</h2>
         {{with .content}}<div class="content">{{. | markdownify}}</div>{{end}}
       </div>
       <div class="col-lg-6 order-0 mb-5 mb-lg-0 {{with .content_position}}{{if eq . `right`}}order-lg-0{{else if eq . `left`}}order-lg-1{{else}}order-lg-1{{end}}{{end}}">
-        <div class="bg-secondary-soft py-3 py-md-6 px-2 px-md-4 rounded-md text-center">
+        <div class="px-2 px-md-4 text-center">
           {{with .image}}
-          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 py-6 mx-auto" ) }}
+          {{ partial "image.html" (dict "Src" . "Size" "570x" "Webp" false "Class" "img-fluid px-0 px-md-3 mx-auto" ) }}
           {{end}}
         </div>
       </div>