diff --git a/config/_default/params.toml b/config/_default/params.toml index e22b5e17..c3bb7ab5 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -12,6 +12,7 @@ tab = true [main.build] transpiler = "dartsass" + silenceDeprecations = true [debugging] showJS = false diff --git a/content/en/cookies.md b/content/en/cookies.md index f37255b9..b2b25b43 100644 --- a/content/en/cookies.md +++ b/content/en/cookies.md @@ -4,7 +4,7 @@ description: Cookie policy of gethinode.com date: 2024-09-19 layout: docs --- - +{{% comment %}}{{% /comment %}} *Effective Date 19-Sep-2024* ## What are cookies? diff --git a/content/en/docs/latest/advanced-settings/module-development.md b/content/en/docs/latest/advanced-settings/module-development.md index 0b2261bd..20a8406d 100644 --- a/content/en/docs/latest/advanced-settings/module-development.md +++ b/content/en/docs/latest/advanced-settings/module-development.md @@ -178,7 +178,7 @@ The workflow requires two secrets within your repository. Add them as `action se Hugo modules have several constraints to work properly. The below overview provides some common challenges and how to overcome them. - +{{% comment %}}{{% /comment %}} {{< accordion class="accordion-theme accordion-flush" >}} {{< accordion-item header="The required distribution files are unavailable" >}} Hugo modules use the latest available release on GitHub, or the most recent HEAD of the default branch otherwise. However, not all repositories maintain their distribution files as part of version control or their GitHub release assets. One such example is the {{}}Leaflet library{{< /link */>}}. The repository does not include the compiled JavaScript, but only its source files. As a workaround, the {{}}Leaflet module{{< /link */>}} downloads the npm package instead and copies the required files in a `postinstall` script. @@ -202,4 +202,4 @@ Hugo modules have several constraints to work properly. The below overview provi You might have an issue with your Hugo module cache. Certain operating systems such as macOS have a volatile cache system, that is modified when your machine has restarted or was recently suspended. Try running `hugo mod clean` to clear the Hugo module cache and then rerun `hugo mod get -u`. {{< /accordion-item >}} {{< /accordion >}} - +{{% comment %}}{{% /comment %}} diff --git a/content/en/docs/latest/advanced-settings/partial-development.md b/content/en/docs/latest/advanced-settings/partial-development.md index b0e94682..586eac03 100644 --- a/content/en/docs/latest/advanced-settings/partial-development.md +++ b/content/en/docs/latest/advanced-settings/partial-development.md @@ -58,13 +58,13 @@ Most shortcodes support multiple arguments to configure their behavior and to re Let's consider the following example. The {{< link "docs/components/toast" />}} shortcode displays a dismissable message in the bottom-right corner of the screen. We can trigger it by assigning its unique identifier to a button. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}}Show toast{{}} {{}}This is a toast message{{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} The toast shortcode displays the message `This is a toast message` provided as inner input. Additionally, it supports the following arguments: diff --git a/content/en/docs/latest/advanced-settings/scripts.md b/content/en/docs/latest/advanced-settings/scripts.md index 29a5c269..bc2c33fe 100644 --- a/content/en/docs/latest/advanced-settings/scripts.md +++ b/content/en/docs/latest/advanced-settings/scripts.md @@ -14,7 +14,7 @@ Hinodes bundles JavaScript files to optimize the page loading speed. By utilizin Hinodes recognizes three types of integrations for JavaScript files. You can mount these files directly into Hugo's virtual file system, or use modules instead. - +{{% comment %}}{{% /comment %}} {{< accordion class="accordion-theme accordion-flush" >}} {{< accordion-item header="Critical" >}} Critical scripts are loaded immediately as part of the page header. The included scripts are considered vital for the initial page to render correctly and are blocking. For example, Hinode includes a script to toggle the site's [color mode]({{% relref "color-modes" %}}). It should be loaded before the page is being displayed to reduce screen flickering. @@ -26,7 +26,7 @@ Hinodes recognizes three types of integrations for JavaScript files. You can mou Optional scripts are only included on the pages that require them. An example is the {{}}Leaflet{{< /link */>}} module, that renders an interactive map. Optional scripts are lazily loaded similarly to core scripts, unless specified otherwise. {{< /accordion-item >}} {{< /accordion >}} - +{{% comment %}}{{% /comment %}} ## Available script categories diff --git a/content/en/docs/latest/advanced-settings/styles.md b/content/en/docs/latest/advanced-settings/styles.md index 4e26a631..f04c6461 100644 --- a/content/en/docs/latest/advanced-settings/styles.md +++ b/content/en/docs/latest/advanced-settings/styles.md @@ -14,7 +14,7 @@ Hinode uses Sass files to take advantage of variables, maps, and functions to ge Hinodes uses Hugo modules and mounted folders to create a flexible virtual file system that is automatically kept up to date. Review the [overview]({{% ref "overview" %}}) for a detailed explanation. The build pipeline of the stylesheet consists of six steps. - +{{% comment %}}{{% /comment %}} {{< nav type="tabs" id="tabs-1" >}} {{< nav-item header="libsass" show="true" >}} @@ -77,7 +77,7 @@ Hinodes uses Hugo modules and mounted folders to create a flexible virtual file {{< /nav-item >}} {{< /nav >}} - +{{% comment %}}{{% /comment %}} ## Example diff --git a/content/en/docs/latest/components/abbr.md b/content/en/docs/latest/components/abbr.md index c200e336..6257b325 100644 --- a/content/en/docs/latest/components/abbr.md +++ b/content/en/docs/latest/components/abbr.md @@ -14,12 +14,12 @@ tags: component Use the abbr shortcode to show the long form of an abbrevitation on hover. The abbreviation data is retrieved from a central data file. By default, the shortcode uses "data/abbr.yaml" with translation support. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments diff --git a/content/en/docs/latest/components/accordion.md b/content/en/docs/latest/components/accordion.md index 53298748..18518364 100644 --- a/content/en/docs/latest/components/accordion.md +++ b/content/en/docs/latest/components/accordion.md @@ -12,7 +12,7 @@ tags: component Use the `accordion` shortcode to show a group of vertically collapsing and expanding items. Add `accordion-item` inner elements for each accordion item. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{}} @@ -27,7 +27,7 @@ Use the `accordion` shortcode to show a group of vertically collapsing and expan {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments @@ -47,7 +47,7 @@ Change the style of your accordion with class attributes and arguments. Add `.accordion-flush` to remove some borders and rounded corners to render accordions edge-to-edge with their parent container. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{}} @@ -62,13 +62,13 @@ Add `.accordion-flush` to remove some borders and rounded corners to render acco {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Always open Set `always-open` to `true` to make accordion items stay open when another item is opened. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{}} @@ -83,4 +83,4 @@ Set `always-open` to `true` to make accordion items stay open when another item {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} diff --git a/content/en/docs/latest/components/alert.md b/content/en/docs/latest/components/alert.md index 3a1211b9..5ae5af05 100644 --- a/content/en/docs/latest/components/alert.md +++ b/content/en/docs/latest/components/alert.md @@ -12,13 +12,13 @@ tags: component Use the `alert` shortcode to display a contextual feedback message. The inner content is used as alert text. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} A simple danger alert—check it out! {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments @@ -34,7 +34,7 @@ Change the style of your accordion with arguments. As an example, the following shortcodes displays a simple alert for each theme color. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} A simple primary alert—check it out! @@ -68,37 +68,37 @@ As an example, the following shortcodes displays a simple alert for each theme c A simple dark alert—check it out! {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Dismissible alert As an example, the following shortcode displays a dismissible alert. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} A dismissible alert—check it out! {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Alert with icon As an example, the following shortcode displays an alert with an icon. The icon is resized to size `2x` and pulled to the left by default. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} An illustrated alert—check it out! {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Alert of specific type As an example, the following shortcode displays an informative alert with an icon. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt @@ -109,11 +109,11 @@ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum. {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} As an example, the following shortcode displays a warning with an icon. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt @@ -124,4 +124,4 @@ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum. {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} diff --git a/content/en/docs/latest/components/animation.md b/content/en/docs/latest/components/animation.md index 9c115c6f..74b5c081 100644 --- a/content/en/docs/latest/components/animation.md +++ b/content/en/docs/latest/components/animation.md @@ -15,11 +15,11 @@ modules: ["lottie"] Use the animation shortcode to show an After Effects animation, powered by {{< link lottie >}}Lottie{{< /link >}}. The Lottie library supports animations that have been exported as JSON with Bodymovin. The animation uses vector graphics and is responsive. The shortcode is a simplified wrapper of the Lottie library that provides basic functionality. As an example, the following shortcode shows an animation that plays when hovering the mouse over it. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments @@ -39,28 +39,28 @@ Change the behavior of your animation with shortcode arguments. Assign a valid path to `data` to provide a JSON file that contains the animation as input. The file should be stored in the `static` folder, or in one of its subfolders. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Animation on hover Set `auto` to false and `hover` to true to trigger the animation when hovering the mouse over it. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Identification Assign a specific identified to the animation by setting the `id` argument. The following example assigns the id `gatin-animation` to the animation. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} diff --git a/content/en/docs/latest/components/args.md b/content/en/docs/latest/components/args.md index 01d37082..2869271d 100644 --- a/content/en/docs/latest/components/args.md +++ b/content/en/docs/latest/components/args.md @@ -14,11 +14,11 @@ tags: component Use the args shortcode to generates a table of structured arguments. The argument definitions are expected to be defined in a data file identified by a provided structure name. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments @@ -28,14 +28,14 @@ The shortcode supports both unnamed and named arguments. ## Data format - +{{% comment %}}{{% /comment %}} Define a file in the `data/structures` folder that contains the argument specifications. ### Supported attributes The format supports the following attributes: - +{{% comment %}}{{% /comment %}} | Name | Required | Description | |-----------|----------|-------------| | name | yes | Argument name. | @@ -47,7 +47,7 @@ The format supports the following attributes: | deprecated | | Points to the version in which the argument was deprecated. See the {{< link "release" />}} shortcode for more details. | | comment | | Documentation about the argument. | | options | | Conditional value requirements, pending data type. | - +{{% comment %}}{{% /comment %}} ### Supported primitive types @@ -68,7 +68,7 @@ Several primitives are supported. The validation function uses these to test if Any provided type not matching a primitive is considered a complex type. Type confirmation is tested with `printf "%T"`. For example, to validate if the page context is of the correct type, use `*hugolib.pageState`. - +{{% comment %}}{{% /comment %}} ### Example file diff --git a/content/en/docs/latest/components/badge.md b/content/en/docs/latest/components/badge.md index ce7d67b6..b8e76b8f 100644 --- a/content/en/docs/latest/components/badge.md +++ b/content/en/docs/latest/components/badge.md @@ -14,12 +14,12 @@ tags: component Badges can be added to headings and buttons. The badge for a button is part of a [custom shortcode]({{% ref "button" %}} "custom shortcode"). The example below illustrates the shortcode for a heading. - +{{% comment %}}{{% /comment %}} {{< example >}} Example heading of size four {{}} {.h4} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments @@ -35,7 +35,7 @@ Use the badge shortcode to display a badge for a heading. See the Bootstrap {{< Badges scale to match the size of the immediate parent element by using relative font sizing and em units. Use Hugo's {{< link hugo_goldmark >}}curly brackets syntax{{< /link >}} to apply a heading class. - +{{% comment %}}{{% /comment %}} {{< example >}} Heading 1 {{}} {.h1} @@ -55,13 +55,13 @@ Heading 5 {{}} Heading 6 {{}} {.h6} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Colored badges Set a background color with contrasting foreground color with the `color` argument. - +{{% comment %}}{{% /comment %}} {{< example >}} {{}} {{}} @@ -72,13 +72,13 @@ Set a background color with contrasting foreground color with the `color` argume {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ### Pill badges Use the `.rounded-pill` utility class to make badges more rounded with a larger `border-radius`. - +{{% comment %}}{{% /comment %}} {{< example >}} {{}} {{}} @@ -89,4 +89,4 @@ Use the `.rounded-pill` utility class to make badges more rounded with a larger {{}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} diff --git a/content/en/docs/latest/components/breadcrumb.md b/content/en/docs/latest/components/breadcrumb.md index fc940484..a7003230 100644 --- a/content/en/docs/latest/components/breadcrumb.md +++ b/content/en/docs/latest/components/breadcrumb.md @@ -12,11 +12,11 @@ tags: component Use the `breadcrumb` shortcode to display the current page’s location within the site's navigational hierarchy. As an example, the following shortcode displays a breadcrumb for the current page. - +{{% comment %}}{{% /comment %}} {{< example lang="hugo" >}} {{}} {{< /example >}} - +{{% comment %}}{{% /comment %}} ## Arguments diff --git a/content/en/docs/latest/components/button-group.md b/content/en/docs/latest/components/button-group.md index 5b362e56..c00e4cf2 100644 --- a/content/en/docs/latest/components/button-group.md +++ b/content/en/docs/latest/components/button-group.md @@ -12,7 +12,7 @@ tags: component Use the `button-group` shortcode to display a group of buttons. Add inner `