Callouts: Fixed partially styled call-outs

Author: lamATnginx

exampleSite/_banners/test-product-intro.md

@@ -0,0 +1,6 @@
+{{<banner "caution" "Under development">}}
+  <br>
+  This product on our example site is under development and changes are being added frequently. 
+  <br>
+  Please reach out to <strong>#friends-of-the-docs</strong> on Slack to ask questions.
+{{</banner>}}

exampleSite/content/test-product/_index.md

@@ -3,6 +3,11 @@ description: Test pages for nginx-hugo-theme
 title: Test pages
 weight: 100
 nd-landing-page: true
+cascade:
+  nd-banner:
+    enabled: true
+    start-date: 2025-01-01
+    md: /_banners/test-product-intro.md
 ---
 {{<card-layout>}}
   {{<card-section showAsCards="true">}}

layouts/partials/callout.html

@@ -3,6 +3,7 @@
 {{ $title := .title | default "" }}
 {{ $icon  := .icon  | default "" }}
 {{ $inlineParam := .inline | default "false" | lower }}
+{{ $type := .type | default "" }}
 
 {{ if not (in (slice "true" "false") $inlineParam) }}
   {{ errorf "Invalid parameter 'inline'='%s' passed to blockquote partial from '%s'. Allowed values: true, false" $inlineParam .Page.Path }}
@@ -41,9 +42,8 @@
   "Deprecated" "alert-octagon"
   "Important"  "arrow-right-circle"
 }}
-{{ $icon := index $specialTitleIcons $title | default "" }}
-
-{{ $isSpecialTitle := in $specialTitles $title }}
+{{ $icon := index $specialTitleIcons $type | default "" }}
+{{ $isSpecialTitle := in $specialTitles $type }}
 {{ if $isSpecialTitle }}
   {{/*  Loud callouts  */}}
   <div>

layouts/shortcodes/banner.html

@@ -1,9 +1,10 @@
 {{- $type := .Get 0 | default (.Get "type") | default "" -}}
 {{- $title := .Get 1 | default (.Get "title") | default "" -}}
 {{ partial "callout.html" (dict
-    "class" $type
+    "class" (printf "%s %s" $type "call-out")
     "title" $title
     "icon"  "fa-solid fa-triangle-exclamation"
     "inline" true
+    "type" ($type | strings.FirstUpper)
     "content" .Inner
 ) }}

layouts/shortcodes/call-out.html

@@ -14,7 +14,7 @@
 
 */}}
 
-{{ $class := .Get 0 | default (.Get "class") | default "" }}
+{{ $type := .Get 0 | default (.Get "type") | default "" | strings.FirstUpper }}
 {{ $title := .Get 1 | default (.Get "title") | default "" }}
 {{ $icon := .Get 2 | default (.Get "icon") | default "" }}
 
@@ -25,21 +25,12 @@
   {{ warnf "The '<call-out>' Shortcode parameter 'inline' must be 'true' or 'false', but got: '%s'. This will now default to 'false'" $inlineParam}}
 {{ end }}
 
-{{ $inline := eq $inlineParam "true" }}
-
-{{ $sideOption := "side-callout" }}
-{{ $inlineOption := "inline-callout" }}
-
-{{ if $inline }}
-  {{ $class = printf "%s %s" $class $inlineOption }}
-{{ else }}
-  {{ $class = printf "%s %s" $class $sideOption }}
-{{ end }}
+{{ $class := printf "%s %s" ($type | lower) "call-out" }}
 
 {{ partial "callout.html" (dict
     "class" $class
     "title" $title
     "icon"  $icon
-    "inline" $inline
+    "type" $type
     "content" .Inner
 ) }}

layouts/shortcodes/caution.html

@@ -3,5 +3,6 @@
 "title" "Caution"
 "icon"  ""
 "inline" "false"
+"type" "Caution"
 "content" .Inner
 ) }}

layouts/shortcodes/important.html

@@ -3,5 +3,6 @@
 "title" "Important"
 "icon"  ""
 "inline" "false"
+"type" "Important"
 "content" .Inner
 ) }}

layouts/shortcodes/warning.html

@@ -3,5 +3,6 @@
 "title" "Warning"
 "icon"  ""
 "inline" "false"
+"type" "Warning"
 "content" .Inner
 ) }}