@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha1

package/layouts/partials/icons/trimble-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} viewBox="0 0 216 51"><path d="M74.862 16.979h8.883v4.241h.112c1.114-3.519 5.137-4.913 8.714-4.913v9.157a10.7 10.7 0 00-3.688-.781c-3.015 0-3.966.781-4.973 2.178V45.01h-9.048zm20.089 0h9.05V45.01h-9.05zm12.11 0h9.051v3.74h.111a9.424 9.424 0 017.99-4.412c2.737 0 5.472 1.728 5.64 4.412h.109a9.426 9.426 0 017.99-4.412c3.627 0 6.309 1.957 6.309 5.973v22.73h-9.048V25.184c0-1.5-.5-2.508-2.177-2.508a2.847 2.847 0 00-2.346 1.17l-.507.667v20.5h-9.045V25.184c0-1.5-.5-2.508-2.177-2.508a2.871 2.871 0 00-2.352 1.17l-.5.667v20.5h-9.051zm40.24-11.731h9.053v13.345h.116a8.332 8.332 0 015.467-2.29c6.263 0 9.608 6.254 9.608 14.348 0 6.42-2.677 14.689-10.272 14.689-3.522 0-5.812-1.673-7.6-4.358l-1.681 4.024h-4.693zm9.053 30.771c-.163 2.342 1.233 3.63 2.96 3.63 2.512 0 2.848-2.518 2.848-7.708v-2.12c0-5.584 0-8.491-2.788-8.491a4.035 4.035 0 00-2.515 1.122l-.5.495zm17.55-30.771h9.05V45.01h-9.05zm20.455 26.909c0 2.463.5 6.65 4.078 6.65a4.791 4.791 0 004.576-3.857l6.088 2.23a11.546 11.546 0 01-11.226 7.658c-8.659 0-12.567-6.982-12.567-14.739 0-7.934 4.134-14.634 12.454-14.634 8.716 0 11.731 7.485 11.731 14.8v1.9zm6.755-5.356c-.054-2.624-.276-5.642-3.407-5.642-2.567 0-3.348 3.018-3.348 5.642zM94.926 5.073H104v8.068h-9.074z" fill="currentColor"/><path d="M50.771 5.099h28.043v7.708H69.82v32.054H59.764V12.807h-8.993zM32.572 35.038a14.593 14.593 0 01-.516 1.739q-.087.235-.178.46c-.382.378-.654.608-.732.672a17.178 17.178 0 01-11.7 4.237l-3.877 2.1a19.8 19.8 0 0010.09-.413 19.374 19.374 0 007.124-3.96 19.727 19.727 0 004.64-5.911 22.025 22.025 0 00.9-2.035zM18.983 7.682c.136-.006.279-.008.42-.01.258-.008.514-.006.771 0a9.081 9.081 0 00-1.312.416l3.463 1.876a9.827 9.827 0 017.28 3.067c-.42.04-.857.1-1.3.171l5.862 3.176c-.013-.064-.02-.131-.034-.2a2.792 2.792 0 01.623.514l3.9 2.11c-.048-.148-.087-.293-.137-.442a22.183 22.183 0 00-1.436-3.283 17.847 17.847 0 00-2.3-3.184 21.85 21.85 0 00-2.438-2.314c-.031-.025-.167-.137-.34-.272a20.665 20.665 0 00-10.549-4.143c-.116-.008-.221-.01-.333-.016a17.973 17.973 0 00-3.865.105l-.229.038c-.551.078-1.03.167-1.417.257-.35.08-.676.164-.986.248l3.607 1.954c.25-.023.498-.057.75-.068zM3.798 31.338a18.109 18.109 0 01-1.038-3.762 20.006 20.006 0 01-.2-3.162 11.364 11.364 0 01.139-1.745 17.522 17.522 0 011.225-4.46v-5.135a18.81 18.81 0 00-1.729 2.777 20.059 20.059 0 00-2.023 6.408 13.835 13.835 0 00-.171 2.183 21.623 21.623 0 00.217 3.43 20.207 20.207 0 001.445 4.979 20.861 20.861 0 001.8 3.235 1.18 1.18 0 00.2.279c.084.12.178.239.266.358V31.03a5.798 5.798 0 00-.131.308zm29.425-9.291a7.784 7.784 0 01-.85 1.122 26.517 26.517 0 012.2 5.283c.2-.262.391-.527.564-.809a9.438 9.438 0 00.734-1.476 9.654 9.654 0 00.469-1.58 10.134 10.134 0 00.2-1.656 10.868 10.868 0 00-.071-1.711 11.487 11.487 0 00-.541-2.417l-.046-.129a7.027 7.027 0 00-1-1.8l-.136-.18-.589-.319a7.821 7.821 0 01-.934 5.672zM15.071 8.393a16.38 16.38 0 012.028.624 8.79 8.79 0 011.76-.925l-.626-.339a27.477 27.477 0 00-3.162.64zm23.251 23.534l12.279-6.648-11.952-6.471a19.532 19.532 0 01-.327 13.119zM21.431 10.035a7.462 7.462 0 00-1.413.338 28.8 28.8 0 015 3.611 24.159 24.159 0 013.281-.781L22.32 9.965a8.042 8.042 0 00-.889.07z" fill="currentColor"/><path d="M27.232 35.217A20.478 20.478 0 018.983 27.68a14.378 14.378 0 00-3.082 5.513 4.6 4.6 0 00-.1 1.766c.275.381.576.766.928 1.184a17.231 17.231 0 008.264 5.321 17.41 17.41 0 004.46.679l13.123-7.108a9.066 9.066 0 00.166-1.652 15.324 15.324 0 01-5.51 1.834zM9.329 23.5a40.33 40.33 0 015.27-4.321 9.895 9.895 0 01-.348-.853 8.029 8.029 0 01.6-6.952c.075-.123.163-.232.243-.349a9.319 9.319 0 00-3.894-.384 9.608 9.608 0 00-3.266 7.322 11.841 11.841 0 00.693 3.918 13.957 13.957 0 00.702 1.619zm7.337-6.019c.035.1.08.189.117.284a40.837 40.837 0 015.47-2.772 24.243 24.243 0 00-4.679-3 5.142 5.142 0 00-.538.715 5.52 5.52 0 00-.37 4.778zm9.979 5.898a6.872 6.872 0 002.384-.779 32.135 32.135 0 00-4.634-5.707c-.306.112-.612.228-.922.355a36.858 36.858 0 00-5.365 2.723 9.725 9.725 0 008.537 3.408zM9.665 7.888a19.768 19.768 0 014.961-2.095l-10.7-5.8v13.081a19.816 19.816 0 015.739-5.186zm21.373 12.827a5.516 5.516 0 00.372-4.779c-.05-.147-.115-.289-.176-.432a15.972 15.972 0 00-4.075.537 35 35 0 013.804 4.782c.02-.037.053-.07.075-.108z" fill="currentColor"/><path d="M26.883 32.685a12.352 12.352 0 005.551-2.151 22.653 22.653 0 00-2.122-5.718 9.443 9.443 0 01-3.309 1.1 12.4 12.4 0 01-11.026-4.541 38.391 38.391 0 00-5.249 4.39 17.78 17.78 0 0016.155 6.92zm-19.4-7.217a16.386 16.386 0 01-1.27-2.741 13.6 13.6 0 01-.47-7.809 16.158 16.158 0 00-1.26 2.085c-.216.427-.393.823-.556 1.2V31.03a20.35 20.35 0 013.556-5.562zm28.557 5.247c-.263.3-.544.583-.833.855q.052.48.077.945a18.343 18.343 0 00.756-1.8zM4.763 37.793c-.309-.369-.58-.718-.84-1.066v13.828l11.649-6.31a23.43 23.43 0 01-1.293-.321 19.865 19.865 0 01-9.516-6.131zM39.471 42.2a3.131 3.131 0 113.14 3.066 3.095 3.095 0 01-3.14-3.066zm.6 0a2.538 2.538 0 102.544-2.433 2.482 2.482 0 00-2.548 2.433zm4.107 1.719h-.6l-1.005-1.574h-.611v1.574h-.519v-3.412h1.53a1.719 1.719 0 01.854.165.841.841 0 01.386.732c0 .677-.478.926-1.1.941zm-1.648-2c.492 0 1.168.087 1.168-.526 0-.44-.386-.5-.827-.5h-.907v1.03zm166.893.281a3.131 3.131 0 113.14 3.066 3.095 3.095 0 01-3.14-3.066zm.6 0a2.538 2.538 0 102.544-2.433 2.482 2.482 0 00-2.548 2.433zm4.107 1.719h-.6l-1-1.574h-.611v1.574h-.518v-3.412h1.531a1.719 1.719 0 01.854.165.841.841 0 01.386.732c0 .677-.478.926-1.1.941zm-1.648-2c.492 0 1.168.087 1.168-.526 0-.44-.387-.5-.827-.5h-.907v1.03z" fill="currentColor"/></svg>

package/layouts/partials/index/list-blog-brief.html

@@ -0,0 +1,17 @@
+<div class="container mb-5">
+  <div class="row">
+    {{ range first 3 (where .Site.RegularPages.ByPublishDate.Reverse ".Section" "not in" "addons") }}
+    {{- if not .Params.hideHomePages -}}
+    {{- partial "blog-brief.html" . -}}
+    {{- end -}}
+    {{- end -}}
+  </div>
+
+  {{ if .IsHome }}
+  <div class="text-center mt-3">
+    <a href="{{ "/news/" | relURL }}" class="h4">
+      View All
+    </a>
+  </div>
+  {{- end -}}
+</div>

package/layouts/partials/logos/trimble.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" {{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{- . -}}"{{ end }} viewBox="0 0 444.7 100"><path d="M115.85,87.13v-62H93V11.21h62.57v14h-23v62Z" fill="currentColor"/><path d="M141.9,87.13V32.74h16.52v8.84h.1c3-4.62,8.21-10.26,18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27,18.27,0,0,0-14.57,7.49v34Z" fill="currentColor"/><path d="M182.72,25V11.72h16.62V25Zm.11,62.17V32.44h16.41V87.13Z" fill="currentColor"/><path d="M205.7,87.13V32.44h16.51v8.62c3.29-4.31,9.34-9.74,18-9.74,9.13,0,13.44,3.79,15,9.74,3.28-4.2,9.44-9.74,18-9.74,11.08,0,16,7,16,16.72V87.13H272.69V52.45c0-4.92-1.13-7.49-5.95-7.49-4.1,0-7.39,2.26-11,5.44V87.13H239.25V52.45c0-4.92-1.13-7.49-6-7.49-4.1,0-7.38,2.26-11.08,5.44V87.13Z" fill="currentColor"/><path d="M312,80.66v6.47H295.45V11.21H312V40.86c3.59-5,8.72-9.54,16.82-9.54,12.42,0,21,9.54,21,28.41S341.11,88,328.59,88C321.2,88,316.07,85.28,312,80.66Zm21.34-20.82c0-9.13-3.18-14.88-10.57-14.88-4.21,0-8,2.57-10.77,5.34V70.51c3.59,3.38,6.56,5,11,5C329.82,75.53,333.31,69.79,333.31,59.84Z" fill="currentColor"/><path d="M354.94,87.13V11.21h16.41V87.13Z" fill="currentColor"/><path d="M376.47,59.84c0-21.24,16.21-28.52,27.49-28.52S429.1,37,429.1,61.79v2.46H392.88c.83,9,5.85,12.51,12.73,12.51a25.16,25.16,0,0,0,16.21-6.56l6.36,9.85c-6.36,5.44-14.26,8.21-23.8,8.21C390.11,88.26,376.47,81,376.47,59.84Zm37.86-5.34c-.82-7.69-4.31-11.39-10.47-11.39-5.13,0-9.54,3.39-10.77,11.39Z" fill="currentColor"/><path d="M432.22,81a6.19,6.19,0,0,1,6.26-6.26A6.26,6.26,0,1,1,432.22,81Zm11.38,0a5.14,5.14,0,1,0-5.12,5.23A5.12,5.12,0,0,0,443.6,81Zm-7.55-3.56h2.56c1.62,0,2.56.7,2.56,2.1a1.84,1.84,0,0,1-1.34,1.94l1.48,2.81h-1.43l-1.38-2.62h-1.08v2.62h-1.37Zm2.48,3.18c.84,0,1.3-.27,1.3-1s-.46-1-1.33-1h-1.08v2Z" fill="currentColor"/><path d="M6.19,76.41V100L26.71,88.16A39.1,39.1,0,0,1,6.19,76.41Z" fill="currentColor"/><path d="M26.56,11.74,6.19,0V23.45A39.33,39.33,0,0,1,26.56,11.74Z" fill="currentColor"/><path d="M92.8,50,72.29,38.16a39.27,39.27,0,0,1-.06,23.72Z" fill="currentColor"/><path d="M19.7,17.92c2.94-.65,9.05,0,12.28.89a18.68,18.68,0,0,1,10.37-3.45A41.12,41.12,0,0,0,19.7,17.92Z" fill="currentColor"/><path d="M58.79,60.84a53.07,53.07,0,0,0-3.21-13.13c-7,3.18-15.72,1.13-21.53-3.9A95.93,95.93,0,0,0,22.62,58.32C32.47,66.35,48.67,68.46,58.79,60.84Z" fill="currentColor"/><path d="M17.23,59.09C8.55,50.19,5.52,37.22,8.3,27.25a35,35,0,0,0,2,47.47A63.4,63.4,0,0,1,17.23,59.09Z" fill="currentColor"/><path d="M54,43.94a47.18,47.18,0,0,0-7-10.78A80.73,80.73,0,0,0,37,40.93C42.26,45.3,49.14,46.16,54,43.94Z" fill="currentColor"/><path d="M47.47,27.72a36.33,36.33,0,0,1,7.62-4.23c-5.56-5.62-14.5-5.47-18.39-3A37.17,37.17,0,0,1,47.47,27.72Z" fill="currentColor"/><path d="M20.4,62c-4.32,7.47-5.9,13-6.48,15.87A35,35,0,0,0,57.1,77a30,30,0,0,0,2-11.33C47.14,72.79,30.66,70.07,20.4,62Z" fill="currentColor"/><path d="M57.4,41.45c3.83-4,3.06-10.84.15-14.78a29.6,29.6,0,0,0-7.13,4.18A52.73,52.73,0,0,1,57.4,41.45Z" fill="currentColor"/><path d="M64,32.85a14.1,14.1,0,0,1-4.84,12.59A57.37,57.37,0,0,1,62.49,57.2C67.74,50.38,67.58,40.64,64,32.85Z" fill="currentColor"/><path d="M34.16,37.9A83.13,83.13,0,0,1,44,30.11a33.17,33.17,0,0,0-10.82-6.59C29.92,27.89,30.92,33.53,34.16,37.9Z" fill="currentColor"/><path d="M63.12,62.69a49.42,49.42,0,0,1-.43,8.88A35.37,35.37,0,0,0,70,47.07,26.82,26.82,0,0,1,63.12,62.69Z" fill="currentColor"/><path d="M29.1,22.28a28.42,28.42,0,0,0-13.9.09c-6.89,9.77-3.69,24.08,4.33,33A100.8,100.8,0,0,1,31.18,40.79C27.1,35.72,25.48,27.89,29.1,22.28Z" fill="currentColor"/></svg>

package/layouts/partials/menu-right.html

@@ -0,0 +1,24 @@
+<div class="sticky-top sticky-offset">
+  {{ if and (gt .WordCount 200 ) (not .Params.hideToc) }}
+  <div class="h5 pt-2 ml-3 on-this-page">
+    On this page
+  </div>
+  {{- .TableOfContents -}}
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      document.querySelectorAll('#TableOfContents ul').forEach(function (ul) {
+        ul.classList.add('list-unstyled', 'pl-0', 'ml-0');
+      });
+      document.querySelectorAll('#TableOfContents a').forEach(function (a) {
+        a.classList.add('nav-link');
+      });
+    });
+  </script>
+
+  <hr class="opacity-25">
+  {{ end }}
+
+  {{- if not .Params.blog -}}
+  {{ partial "was-this-page-helpful.html" . }}
+  {{ end }}
+</div>

package/layouts/partials/meta.html

@@ -0,0 +1,81 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>{{- if .IsHome -}}{{- .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title -}}{{- end -}}</title>
+
+<!-- Removes the .no-js class from the <html> element if JavaScript is enabled -->
+<script>document.documentElement.classList.remove('no-js');</script>
+
+<!-- Load Modus Bootstrap CSS from CDN -->
+<link rel="stylesheet" href="https://modus-bootstrap.netlify.app/docs/v2/dist/css/modus-bootstrap.min.css">
+
+<!-- Compiles and minifies the sites Sass files from /assets/css/ -->
+{{- $sassOptions := (dict "enableSourceMap" true) -}}
+{{ $styles := resources.Get "styles/styles.scss" | toCSS $sassOptions | postCSS | minify }}
+<link rel="stylesheet" href="{{ $styles.RelPermalink }}?v{{ hugo.Version }}">
+
+<!-- Load jQuery from CDN with fallback -->
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="https://code.jquery.com/jquery-3.7.0.min.js"><\/script>');</script>
+<link rel="stylesheet" href="{{- .Site.BaseURL -}}fonts/modus-icons.css">
+
+<!-- Loads Dark Mode Toggle JS -->
+<script src="{{- .Site.BaseURL -}}js/theme-toggle.js"></script>
+
+<meta name="description"
+  content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{- end -}}{{- end -}}">
+
+<!-- OpenGraph Meta tags using Hugo's own built-in template -->
+{{ template "_internal/opengraph.html" . }}
+{{ if eq $.Site.Language.Lang "en-US" }}
+<meta property="og:locale" content="en_US">
+{{ end }}
+
+<!-- no need to define additional Twitter card meta tags as fallback to Open Graph -->
+<!-- https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started#twitter-cards-and-open-graph -->
+
+{{- if .Params.private -}}
+<meta name="robots" content="noindex, nofollow">
+{{ end }}
+
+{{- with .Site.Params.themeColor -}}
+<!-- Theme Color is used for the tab color on Chrome for Android -->
+<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color -->
+<meta name="theme-color" content="{{- . | default "#005f9e" -}}">
+{{ end }}
+
+{{- with .Site.Params.googleSiteVerification -}}
+<!-- Google Site Verification -->
+<!-- https://support.google.com/webmasters/answer/9008080?hl=en -->
+<meta name="google-site-verification" content="{{- . -}}">
+{{ end }}
+
+<!-- Loads the Trimble favicon and the SVG icon -->
+<link rel="alternate icon" type="image/x-icon" href="{{- .Site.BaseURL -}}favicon.ico">
+<link rel="icon" type="image/svg+xml" href="{{- .Site.BaseURL -}}favicon.svg">
+
+<!-- Polyfills for Internet Explorer 11 -->
+<script nomodule crossorigin="anonymous"
+  src="https://polyfill.io/v3/polyfill.min.js?features=default%2CNumber.parseInt%2CNumber.parseFloat%2CArray.prototype.find%2CArray.prototype.includes"></script>
+<script
+  nomodule>window.MSInputMethodContext && document.documentMode && document.write('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-ie11@5.3.1/css/bootstrap-ie11.min.css"><script src="https://cdn.jsdelivr.net/combine/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js,npm/ie11-custom-properties@4,npm/element-qsa-scope@1"><\/script>');</script>
+
+{{- if not .Params.hideSearch -}}
+<script>
+  var baseurl = "{{- .Site.BaseURL -}}";
+</script>
+
+<!-- Combines and minifies the 3x JS files which are used for the Search -->
+{{ $autocomplete := resources.Get "js/auto-complete.min.js" }}
+{{ $lunr := resources.Get "js/lunr.min.js" }}
+{{ $search := resources.Get "js/search.min.js" }}
+{{ $js := slice $autocomplete $lunr $search | resources.Concat "js/search.js" | resources.Minify }}
+<script src="{{- $js.RelPermalink -}}" fetchpriority="low"></script>
+{{- end -}}
+{{ if .IsHome }}
+{{ hugo.Generator }}
+{{ end }}
+
+<!-- Loads Bootstrap 5 JS from CDN -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
+
+{{ partial "custom-header" . }}

package/layouts/partials/navbar-dropdown.html

@@ -0,0 +1,21 @@
+<ul class="dropdown-menu dropdown-menu-end mt-2 pb-0" style="min-width:250px;z-index: 1030;">
+  {{ with .Site.Data.navbar_apps }}
+  {{ range . }}
+  <li class="border-bottom">
+    <a class="dropdown-item py-3 pe-2" href="{{- .url -}}" target="_blank" rel="noopener">
+      <div class="d-flex">
+        <div class="col-2 text-center">
+          {{ with .icon }}
+          <img src="{{- . -}}" class="filter-greyscale opacity-75" height="18" width="18" alt="">
+          {{ end }}
+        </div>
+        <div class="col-9 align-self-center">
+          {{- .title }} <img src="/img/icons/external-link.svg" class="filter-greyscale opacity-50" height="14"
+            width="14" alt="">
+        </div>
+      </div>
+    </a>
+  </li>
+  {{ end }}
+  {{ end }}
+</ul>

package/layouts/partials/navbar-search.html

@@ -0,0 +1,19 @@
+<div class="search-container d-inline-block position-relative">
+  <input class="form-control form-control-search position-absolute" aria-label="Search" id="search-by" type="search"
+    name="q" placeholder="Search..." autocomplete="off" title="" required>
+  <label class="btn btn-lg btn-icon-only border-0 btn-search position-absolute px-1" for="search-by">
+    <i class="modus-icons notranslate text-white" aria-hidden="true">search</i>
+  </label>
+</div>
+
+<script>
+  // Lose Focus on Input when user presses Escape only if no input
+  const input = document.querySelector('.form-control-search');
+  input.addEventListener('keydown', (event) => {
+    if (event.key === 'Escape') {
+      if (input.value === '') {
+        input.blur();
+      }
+    }
+  });
+</script>

package/layouts/partials/navbar.html

@@ -0,0 +1,31 @@
+<nav class="navbar shadow-sm navbar-blue sticky-top" aria-label="Main Navigation">
+  <div class="container-fluid">
+    <div>
+      <button class="btn btn-lg btn-icon-only d-inline-block border-0" type="button" aria-label="Menu"
+        data-bs-target="#sidebar" data-bs-toggle="collapse">
+        <i class="modus-icons menu-btn notranslate mt-1 text-white" aria-hidden="true">menu</i>
+      </button>
+      <a class="navbar-brand text-primary" href="/">
+        <img src="https://modus-bootstrap.trimble.com/img/trimble-logo-rev.svg" width="107" height="25"
+          class="img-fluid d-none d-sm-inline-block" alt="home" />
+        <img src="https://modus-bootstrap.trimble.com/img/trimble-icon-rev.svg"
+          class="d-inline-block d-sm-none px-1 mt-1" height="25" width="25" alt="home" />
+      </a>
+    </div>
+
+    <div class="d-flex d-row">
+
+      {{ partial "navbar-search" . }}
+
+      <div class="dropdown">
+        <button type="button" class="btn btn-lg btn-icon-only border-0" data-bs-toggle="dropdown" aria-expanded="false"
+          aria-label="Menu">
+          <i class="modus-icons notranslate mt-2 text-white" aria-hidden="true">apps</i>
+        </button>
+
+        {{ partial "navbar-dropdown" . }}
+
+      </div>
+    </div>
+  </div>
+</nav>

package/layouts/partials/related-content.html

@@ -0,0 +1,50 @@
+{{ $related := .Site.RegularPages.Related . | first 3 }}
+{{ with $related }}
+<span class="h3 mt-4 overflow-hidden">You May Also Like</span>
+<div class="row mb-3">
+  {{- range . -}}
+  <div class="col-12 col-md-6 col-lg-4 my-3">
+    <div class="card card-post h-100">
+      <div class="card-header rounded-top border-0 mb-0 pb-0"
+        style="background-image: url({{- .Params.Image | relURL -}}); background-color: {{- .Params.headerBgColor -}};">
+      </div>
+      <div class="card-body border-0 pb-0">
+        <h3
+          class="h5 card-title mb-0 mt-n1 ms-n2 text-primary {{ if .Params.DoNotTranslateTitle }} notranslate{{- end -}}">
+          {{- .Title | title -}}
+        </h3>
+        <p class="mt-1 opacity-75">
+          <time datetime="{{ .Date }}" class="opacity-75">
+            {{- .Date.Format "Jan 2, 2006" -}}
+          </time><br>By {{ .Params.author -}}
+        </p>
+        <p class="ms-n2">
+          <a href="{{ .RelPermalink }}" class="stretched-link text-decoration-none text-body">
+            {{- with .Description -}}{{ . }}
+            {{- else -}}{{ with .Summary }}{{- . | plainify | htmlUnescape -}}
+            {{- end -}}{{- end -}}
+          </a>
+        </p>
+      </div>
+      <div class="card-footer border-0 py-0 bg-transparent">
+        <div class="row">
+          <div class="px-2 mx-3 mb-1 read-more-divider"></div>
+        </div>
+        <div class="row">
+          <p class="ps-3 fw-bold text-primary">
+            Read More <svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="6.3" height="9.8"
+              viewBox="0 0 6.3 9.8">
+              <g transform="translate(1.412 1.412)">
+                <path id="Path_627" data-name="Path 627" d="M18,18.965l3.889-3.482L18,12" transform="translate(-18 -12)"
+                  fill="none" stroke="#005f9e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+              </g>
+            </svg>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+  {{- end -}}
+</div>
+
+{{- end -}}

package/layouts/partials/skippy.html

@@ -0,0 +1,11 @@
+<div class="skippy overflow-hidden">
+  <div class="text-center w-100" >
+    <a class="sr-only sr-only-focusable btn btn-primary rounded p-1 m-2" href="#main">Skip to
+      main content</a>
+
+    {{ if (eq .Page.Layout "docs") }}
+    <a class="sr-only sr-only-focusable d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
+      navigation</a>
+    {{- end }}
+  </div>
+</div>

package/layouts/partials/trimble-logo.html

@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="115" height="26" class="img-fluid" viewBox="0 0 444.7 100">
+  <path d="M115.85 87.13v-62H93V11.21h62.57v14h-23v62z" fill="currentcolor" />
+  <path
+    d="M141.9 87.13V32.74h16.52v8.84h.1c3-4.62 8.21-10.26 18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27 18.27.0 00-14.57 7.49v34z"
+    fill="currentcolor" />
+  <path d="M182.72 25V11.72h16.62V25zm.11 62.17V32.44h16.41V87.13z" fill="currentcolor" />
+  <path
+    d="M205.7 87.13V32.44h16.51v8.62c3.29-4.31 9.34-9.74 18-9.74 9.13.0 13.44 3.79 15 9.74 3.28-4.2 9.44-9.74 18-9.74 11.08.0 16 7 16 16.72V87.13H272.69V52.45c0-4.92-1.13-7.49-5.95-7.49-4.1.0-7.39 2.26-11 5.44V87.13H239.25V52.45c0-4.92-1.13-7.49-6-7.49-4.1.0-7.38 2.26-11.08 5.44V87.13z"
+    fill="currentcolor" />
+  <path
+    d="M312 80.66v6.47H295.45V11.21H312V40.86c3.59-5 8.72-9.54 16.82-9.54 12.42.0 21 9.54 21 28.41S341.11 88 328.59 88C321.2 88 316.07 85.28 312 80.66zm21.34-20.82c0-9.13-3.18-14.88-10.57-14.88-4.21.0-8 2.57-10.77 5.34V70.51c3.59 3.38 6.56 5 11 5C329.82 75.53 333.31 69.79 333.31 59.84z"
+    fill="currentcolor" />
+  <path d="M354.94 87.13V11.21h16.41V87.13z" fill="currentcolor" />
+  <path
+    d="M376.47 59.84c0-21.24 16.21-28.52 27.49-28.52S429.1 37 429.1 61.79v2.46H392.88c.83 9 5.85 12.51 12.73 12.51a25.16 25.16.0 0016.21-6.56l6.36 9.85c-6.36 5.44-14.26 8.21-23.8 8.21C390.11 88.26 376.47 81 376.47 59.84zm37.86-5.34c-.82-7.69-4.31-11.39-10.47-11.39-5.13.0-9.54 3.39-10.77 11.39z"
+    fill="currentcolor" />
+  <path
+    d="M432.22 81a6.19 6.19.0 016.26-6.26A6.26 6.26.0 11432.22 81zm11.38.0a5.14 5.14.0 10-5.12 5.23A5.12 5.12.0 00443.6 81zm-7.55-3.56h2.56c1.62.0 2.56.7 2.56 2.1a1.84 1.84.0 01-1.34 1.94l1.48 2.81h-1.43l-1.38-2.62h-1.08v2.62h-1.37zm2.48 3.18c.84.0 1.3-.27 1.3-1s-.46-1-1.33-1h-1.08v2z"
+    fill="currentcolor" />
+  <path d="M6.19 76.41V1e2L26.71 88.16A39.1 39.1.0 016.19 76.41z" fill="currentcolor" />
+  <path d="M26.56 11.74 6.19.0V23.45A39.33 39.33.0 0126.56 11.74z" fill="currentcolor" />
+  <path d="M92.8 50 72.29 38.16a39.27 39.27.0 01-.06 23.72z" fill="currentcolor" />
+  <path d="M19.7 17.92c2.94-.65 9.05.0 12.28.89a18.68 18.68.0 0110.37-3.45A41.12 41.12.0 0019.7 17.92z"
+    fill="currentcolor" />
+  <path
+    d="M58.79 60.84a53.07 53.07.0 00-3.21-13.13c-7 3.18-15.72 1.13-21.53-3.9A95.93 95.93.0 0022.62 58.32C32.47 66.35 48.67 68.46 58.79 60.84z"
+    fill="currentcolor" />
+  <path d="M17.23 59.09C8.55 50.19 5.52 37.22 8.3 27.25a35 35 0 002 47.47 63.4 63.4.0 016.93-15.63z"
+    fill="currentcolor" />
+  <path d="M54 43.94a47.18 47.18.0 00-7-10.78A80.73 80.73.0 0037 40.93c5.26 4.37 12.14 5.23 17 3.01z"
+    fill="currentcolor" />
+  <path d="M47.47 27.72a36.33 36.33.0 017.62-4.23c-5.56-5.62-14.5-5.47-18.39-3a37.17 37.17.0 0110.77 7.23z"
+    fill="currentcolor" />
+  <path d="M20.4 62c-4.32 7.47-5.9 13-6.48 15.87A35 35 0 0057.1 77a30 30 0 002-11.33C47.14 72.79 30.66 70.07 20.4 62z"
+    fill="currentcolor" />
+  <path d="M57.4 41.45c3.83-4 3.06-10.84.15-14.78a29.6 29.6.0 00-7.13 4.18 52.73 52.73.0 016.98 10.6z"
+    fill="currentcolor" />
+  <path d="M64 32.85a14.1 14.1.0 01-4.84 12.59A57.37 57.37.0 0162.49 57.2C67.74 50.38 67.58 40.64 64 32.85z"
+    fill="currentcolor" />
+  <path d="M34.16 37.9A83.13 83.13.0 0144 30.11a33.17 33.17.0 00-10.82-6.59C29.92 27.89 30.92 33.53 34.16 37.9z"
+    fill="currentcolor" />
+  <path d="M63.12 62.69a49.42 49.42.0 01-.43 8.88A35.37 35.37.0 0070 47.07 26.82 26.82.0 0163.12 62.69z"
+    fill="currentcolor" />
+  <path
+    d="M29.1 22.28a28.42 28.42.0 00-13.9.09c-6.89 9.77-3.69 24.08 4.33 33A100.8 100.8.0 0131.18 40.79c-4.08-5.07-5.7-12.9-2.08-18.51z"
+    fill="currentcolor" />
+</svg>

package/layouts/partials/was-this-page-helpful.html

@@ -0,0 +1,19 @@
+<div class="d-none small p-2 feedback mt-2">
+  <div class="mt-2 mb-1">Was this page helpful?</div>
+  <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-helpful border rounded p-1 me-2"
+    aria-label="Helpful">
+    {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
+  </button>
+  <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-not-helpful border rounded p-1"
+    aria-label="Not Helpful">
+    {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
+  </button>
+</div>
+
+<div class="small ml-2 d-none feedback-helpful">
+  Thanks for your feedback!
+</div>
+
+<div class="small ml-2 d-none feedback-not-helpful">
+  <a href="" rel="nofollow" target="_blank">Please, provide feedback about how we can improve the page</a>. Thank you!
+</div>

package/layouts/shortcodes/alert.html

@@ -0,0 +1,18 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+{{ $color := .Get "color" | default "primary" }}
+<div
+  class="alert alert-{{ $color }} d-flex align-items-center {{ with .Get "dismissible" }}alert-dismissible fade show{{end}}"
+  role="alert">
+  {{ with .Get "title" }}<h4 class="alert-heading">{{ . | safeHTML }}</h4>{{ end }}
+  {{- with .Get "icon" -}}<i class="modus-icons small notranslate me-2"
+    aria-hidden="true">{{- . | safeHTML | lower -}}</i>{{ end }}
+  {{ if eq .Page.File.Ext "md" }}
+  {{ .Inner | markdownify }}
+  {{ else }}
+  {{ .Inner | htmlUnescape | safeHTML }}
+  {{ end }}
+
+  {{ with .Get "dismissible" }}
+  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+  {{ end }}
+</div>

package/layouts/shortcodes/blocks/cover.html

@@ -0,0 +1,50 @@
+{{ $_hugo_config := `{ "version": 1 }` -}}
+{{ $blockID := printf "td-cover-block-%d" .Ordinal -}}
+{{ $promo_image := (.Page.Resources.ByType "image").GetMatch "**background*" -}}
+{{ $logo_image := (.Page.Resources.ByType "image").GetMatch "**logo*" -}}
+{{ $col_id := .Get "color" | default "dark" -}}
+{{ $image_anchor := .Get "image_anchor" | default "smart" -}}
+{{ $logo_anchor := .Get "logo_anchor" | default "smart" -}}
+{{/* Height can be one of: auto, min, med, max, full. */ -}}
+{{ $height := .Get "height" | default "max" -}}
+
+{{ with $promo_image -}}
+{{ $promo_image_big := (.Fill (printf "1920x1080 %s" $image_anchor)) -}}
+{{ $promo_image_small := (.Fill (printf "960x540 %s" $image_anchor)) -}}
+<link rel="preload" as="image" href="{{ $promo_image_small.RelPermalink }}" media="(max-width: 1200px)">
+<link rel="preload" as="image" href="{{ $promo_image_big.RelPermalink }}" media="(min-width: 1200px)">
+<style>
+#{{ $blockID }} {
+  background-image: url({{ $promo_image_small.RelPermalink }});
+}
+@media only screen and (min-width: 1200px) {
+  #{{ $blockID }} {
+    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 }}  -bg-{{ $col_id }}">
+  <div class="col-12">
+    <div class="container">
+      <div class="text-center">
+        {{ with .Get "title" }}<h1 class="display-3 mt-0 mt-md-5 pb-4">{{ $title := . }}{{ with $logo_image }}{{ $logo_image_resized := (.Fit (printf "70x70 %s" $logo_anchor)) }}<img class="td-cover-logo" src="{{ $logo_image_resized.RelPermalink }}" alt="{{ $title | html }} Logo">{{ end }}{{ $title | html }}</h1>{{ end }}
+        {{ with .Get "subtitle" }}<p class="display-2 text-uppercase mb-0">{{ . | html }}</p>{{ end }}
+        <div class="pt-3 lead">
+          {{ if eq .Page.File.Ext "md" }}
+              {{ .Inner | markdownify }}
+          {{ else }}
+              {{ .Inner | htmlUnescape | safeHTML }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+  {{ with .Get "byline" | default "" -}}
+    <div class="byline">{{ . }}</div>
+  {{- end }}
+</section>
+{{/**/ -}}

package/layouts/shortcodes/blocks/feature.html

@@ -0,0 +1,17 @@
+{{ $icon := .Get "icon" | default "info" -}}
+{{ $url_text := .Get "url_text" -}}
+<div class="col-lg-4 mb-5 mb-lg-0 text-center">
+  <div class="mb-4 h1" style="min-height: 100px">
+    <i class="{{ if not (or (hasPrefix $icon "fas ") (hasPrefix $icon "fab ")) }}modus-icons fs-1{{- end -}}"
+      style="font-size: 45px;">
+      {{- $icon -}}</i>
+  </div>
+  <h4 class="h3">
+    {{- .Get "title" | markdownify -}}
+  </h4>
+  <div class="mb-0">
+    {{ .Inner }}
+  </div>
+  {{ with .Get "url" }}<p><a href="{{ . }}">{{ with $url_text }}{{ $url_text }}{{ else }}{{ T "ui_read_more" }}{{ end }}
+      …</a></p>{{ end }}
+</div>

package/layouts/shortcodes/blocks/link-down.html

@@ -0,0 +1,7 @@
+{{ with .Parent }}
+{{ $id := $.Get "id" | default (printf "td-block-%d" ( add .Ordinal 1 ))  }}
+{{ $color := $.Get "color" | default "blue" }}
+<a class="btn btn-link text-{{ $color }}" href="#{{ $id }}" aria-label="{{ T "ui_read_more"}}"><i class="fa-solid fa-circle-chevron-down" style="font-size: 400%"></i></a>
+{{ else }}
+{{ errorf "The link-down shortcode is supposed to be nested inside a shortcode"}}
+{{ end }}

package/layouts/shortcodes/blocks/section.html

@@ -0,0 +1,13 @@
+{{ $col_id := .Get "color" | default .Ordinal -}}
+{{ $height := .Get "height" | default "auto"  -}}
+{{ $type   := .Get "type" | default "container" -}}
+
+<section class="row td-box td-box--{{ $col_id }} td-box--height-{{ $height }} mt-3">
+  <div class="col">
+    <div class="{{ $type }}">
+      {{/* Do NOT remove this comment! It ends the HTML block above. See https://spec.commonmark.org/0.30/#html-blocks, 7. */}}
+      {{ .Inner -}}
+    </div>
+  </div>
+</section>
+{{/**/ -}}

package/layouts/shortcodes/checklist.html

@@ -0,0 +1,7 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+<div class="form-check my-2">
+  <input type="checkbox" class="form-check-input" id="{{- .Inner | urlize -}}">
+  <label class="form-check-label text-dark p fs-5" for="{{- .Inner | urlize -}}">
+    {{- .Inner | markdownify -}}
+  </label>
+</div>

package/layouts/shortcodes/cloakemail.html

@@ -0,0 +1,38 @@
+{{/* Get address, protocol and other parameters */}}
+{{- $address := .Get "address" | default (.Get 0) -}}
+{{- $protocol := .Get "protocol" | default "mailto" -}}
+{{- $class := .Get "class" -}}
+{{- $displaytext := .Get "display" -}}
+{{- $parts := split $address "@" -}}
+{{- $user := (index $parts 0) -}}
+{{- $domain := (index $parts 1) | default "" -}}
+{{- $query := .Get "query" | default "" -}}
+{{/* Compute md5 fingerprint */}}
+{{- $fingerprint := md5 (print $address $protocol (index (seq 999 | shuffle) 0)) | truncate 8 "" -}}
+{{/* Set via CSS what is displayed when JavaScript is disabled. Query is never displayed */}}
+<style>
+  #span-{{ $fingerprint }}.cloaked-e-mail:before {
+    content:{{ with $domain }}attr(data-domain) "\0040" {{ end }}attr(data-user);
+    unicode-bidi:bidi-override;
+    direction:rtl;
+  }
+</style>
+&#32;<span class="cloaked-e-mail" data-user="{{ range $index := seq (sub (len $user) 1) 0}}{{ substr $user $index 1}}{{ end }}"{{ with $domain }} data-domain="{{ range $index := seq (sub (len $domain) 1) 0}}{{ substr $domain $index 1}}{{ end }}"{{ end }} id="span-{{ $fingerprint }}"></span>&#32;
+{{/* Alter display with JavaScript by changing DOM */}}
+<script id="script-{{ $fingerprint }}">
+  var scriptTag = document.getElementById("script-{{ $fingerprint }}");
+  var link = document.createElement("a");
+  var address = "{{ range $index := seq (sub (len $user) 1) 0}}{{ substr $user $index 1}}{{ end }}".split('').reverse().join(''){{ with $domain }} + "@" + "{{ range $index := seq (sub (len $domain) 1) 0}}{{ substr $domain $index 1}}{{ end }}".split('').reverse().join(''){{ with $query }} + "?" + "{{ range $index := seq (sub (len $query) 1) 0}}{{ substr $query $index 1}}{{ end }}".split('').reverse().join(''){{ end }}{{ end }};
+  link.href = {{ $protocol }} + ":" + address;
+  {{ with $displaytext }}
+  link.innerText = {{ $displaytext }};
+  {{ else }}
+  link.innerText = address.split('?')[0];
+  {{ end }}
+  {{ with $class }}
+  link.className = "{{ $class }}";
+  {{ end }}
+  scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
+  scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
+</script>
+{{/* The end */}}

package/layouts/shortcodes/date-today.html

@@ -0,0 +1 @@
+{{ now.Format "2006-01-02" }}

package/layouts/shortcodes/example.html

@@ -0,0 +1,50 @@
+{{- /*
+  Usage: `example args`
+
+  `args` are all optional and can be one of the following:
+    * id: the `div`'s id - default: ""
+    * class: any extra class(es) to be added to the `div` - default: ""
+    * lang: language used to display the code - default: "html"
+    * show_markup: if the markup should be output in the HTML - default: `true`
+    * show_preview: if the preview should be output in the HTML - default: `true`
+    * stackblitz_add_js: if extra JS snippet should be added to StackBlitz - default: `false`
+*/ -}}
+
+{{- $id := .Get "id" -}}
+{{- $class := .Get "class" -}}
+{{- $lang := .Get "lang" | default "html" -}}
+{{- $stackblitz_add_js := .Get "stackblitz_add_js" | default false -}}
+{{- $show_markup := .Get "show_markup" | default true -}}
+{{- $show_preview := .Get "show_preview" | default true -}}
+{{- $input := .Inner -}}
+{{- $content := .Inner -}}
+
+<div class="bd-example-snippet bd-code-snippet border rounded border-opacity-10">
+  {{- if eq $show_preview true -}}
+  <div{{ with $id }} id="{{ . }}" {{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
+    {{- $input -}}
+</div>
+{{- end -}}
+
+{{- if eq $show_markup true -}}
+{{- if eq $show_preview true -}}
+<div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1 border-0 border-top border-bottom">
+  <small class="font-monospace text-body-secondary text-uppercase">{{- $lang -}}</small>
+  <div class="d-flex ms-auto">
+    <button type="button" class="btn-edit text-nowrap border-0" {{ with $stackblitz_add_js }}
+      data-sb-js-snippet="{{ $stackblitz_add_js }}" {{ end }} title="Try it on StackBlitz">
+      s
+    </button>
+    <button type="button" class="btn-clipboard mt-0 me-0 border-0" title="Copy to clipboard">
+      c
+    </button>
+  </div>
+</div>
+{{- end -}}
+
+{{- $content = replaceRE `<svg class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?<\/svg>` `<img src="..." class="$1" alt="...">` $content -}}
+{{- $content = replaceRE `<img class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?>` `<img src="..." class="$1" alt="...">` $content -}}
+{{- $content = replaceRE ` (class=" *?")` "" $content -}}
+{{- highlight (trim $content "\n") $lang "" -}}
+{{- end -}}
+</div>

package/layouts/shortcodes/iframe.html

@@ -0,0 +1,24 @@
+{{ $src := .Get "src" | }}
+{{ $width := .Get "width" | default "100%" }}
+{{ $tryautoheight := .Get "tryautoheight" | default true }}
+{{ $style := .Get "style" | default "min-height:98vh; border:none;" }}
+{{ $sandbox := .Get "sandbox" | default false }}
+{{ $name := .Get "name" | default "iframe-name" }}
+{{ $id := .Get "id" | default "iframe-id" }}
+{{ $class := .Get "class" }}
+{{ $sub := .Get "sub" | default "Your browser can not display embedded frames. You can access the embedded page via the following link:" }}
+{{ with $src }}
+{{ if $tryautoheight }}
+<script>
+  function resizeIframe(iframe) {
+    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
+  }
+</script>
+{{ end }}
+<iframe id="{{ $id }}" {{ with $class }} class="{{ $class }}" {{ end }} src="{{ $src }}" width="{{ $width }}"
+  name="{{ $name }}" {{ with $style }} style="{{ $style | safeCSS }}" {{ end }}{{ if $tryautoheight }}
+  onload="resizeIframe(this)" {{ end }} referrerpolicy="no-referrer"
+  {{ if (eq $sandbox false)}}{{ else if (eq $sandbox true) }} sandbox{{ else }} sandbox="{{ $sandbox }}" {{ end }}>
+  <p>{{ $sub }} <a href="{{ $src }}">{{ $src }}</a></p>
+</iframe>
+{{ end }}

package/layouts/shortcodes/img.html

@@ -0,0 +1,10 @@
+<p><img src="{{- .Get "src" -}}" class="{{.Get "class" }} img-fluid"
+    loading="{{- if .Get "loading" -}}auto{{ else }}lazy{{ end }}" {{if .Get "width" }} width="{{- .Get "width" -}}"
+    {{- end -}} {{if .Get "height" }} height="{{- .Get "height" -}}" {{- end -}} alt="{{- .Get "alt" -}}"></p>
+{{- if .Get "dark" -}}
+<style>
+  [data-bs-theme="dark"] img[src="{{- .Get "src" -}}"] {
+    content: url({{- .Get "dark" | lower -}});
+  }
+</style>
+{{- end -}}

package/layouts/shortcodes/markdown.html

@@ -0,0 +1 @@
+{{ .Inner | markdownify }}

package/layouts/shortcodes/message.html

@@ -0,0 +1,7 @@
+{{ $color := .Get "color" | default "primary" }}
+{{ $icon := .Get "icon" | default "info" }}
+<div class="message message-{{ $color }} align-items-center">
+  {{- with .Get "icon" -}}<i class="modus-icons small notranslate me-2"
+    aria-hidden="true">{{- . | safeHTML | lower -}}</i>{{ end }}
+  {{- .Inner | markdownify -}}
+</div>

package/layouts/shortcodes/partial.html

@@ -0,0 +1 @@
+{{ partial (.Get 0) }}