Improve showIfParam shortcode

Author: Ndpnt

themes/opentermsarchive/assets/css/components/showIfParam.css

@@ -0,0 +1,3 @@
+[show-if-param-content] {
+  background-color: rgb(231, 248, 255);
+}

themes/opentermsarchive/assets/css/loader.css

@@ -36,3 +36,4 @@
 @import "/components/textContent.css";
 @import "/components/aside.css";
 @import "/components/refItem.css";
+@import "/components/showIfParam.css";

themes/opentermsarchive/layouts/shortcodes/showIfParam.html

@@ -1,3 +1,22 @@
+{{/* 
+  Shortcode: showIfParam
+  Description: Shows content conditionally based on a URL parameter value.
+  
+  Usage:
+  {{% showIfParam "paramName" "expectedValue" %}}
+  Content to show when paramName=expectedValue
+  {{% /showIfParam %}}
+  
+  Parameters:
+  - paramName: The URL parameter to check (required)
+  - expectedValue: The value to match against (optional, defaults to "true")
+  
+  Example:
+  {{% showIfParam "feature" "beta" %}}
+  This content will only show when URL has ?feature=beta
+  {{% /showIfParam %}}
+*/}}
+
 {{ $param := .Get 0 }}
 {{ $value := .Get 1 | default "true" }}
 {{ $content := .Inner | markdownify }}