ExampleSite: Add Everything page

Remove unused shortcodes (checked documentation and NIC repos)
Add initial spacing

Author: nginx-jack

assets/css/v2/style.css

@@ -36,7 +36,7 @@
   --sidebar-width: 24rem;
   --sidebar-line-width: 11.5px;
   --side-gutter-width: 20rem;
-  --table-top-bottom-spacing: 3rem;
+  --table-top-bottom-spacing: 1rem;
   --table-row-space-between: 1.5rem;
   --table-min-column-spacing-narrow: 1.5rem;
   --table-min-column-spacing-wide: 0.75rem;
@@ -56,8 +56,32 @@
   --component-gap: 3.5rem;
   --overflow-gutter-extension: 1rem;
 }
-body {
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin: 0;
+  padding: 0;
 }
 
 @supports (font-variation-settings: normal) {
@@ -91,6 +115,22 @@ p {
   font-weight: 400;
 }
 
+ul,
+ol {
+  padding: 0;
+  margin: 0;
+}
+
+ul li,
+ol li {
+  margin-bottom: 0.5rem;
+}
+
+ul li:last-child,
+ol li:last-child {
+  margin-bottom: 0;
+}
+
 /* layout */
 header {
   margin: 2rem 2rem 0 2rem;
@@ -261,6 +301,7 @@ nav {
   grid-template-columns: var(--text-content-width-iphone-13) 1fr;
   margin-top: 2rem;
   grid-auto-rows: max-content;
+  grid-gap: 1rem;
 }
 
 .text-content > :not(.wide) {
@@ -793,7 +834,7 @@ main {
 }
 
 p {
-  margin: 0 0 1.5rem 0;
+  margin: 0;
   line-height: 1.5rem;
 }
 
@@ -836,12 +877,12 @@ a:hover {
 
 h1 {
   font-size: 2rem;
-  margin: 0 0 2rem 0;
+  margin: 0 0 1rem 0;
 }
 
 h2 {
   font-size: 1.5rem;
-  margin: 0 0 1rem 0;
+  margin: 1rem 0 .75rem 0;
 }
 
 /* tables */
@@ -910,7 +951,7 @@ table hr {
 blockquote {
   border: 1px solid var(--color-foreground);
   padding: 1rem;
-  margin: 0 -1rem;
+  margin: 1rem -1rem;
 
   /* solid 3px drop shadow */
   box-shadow: 3px 3px 0px var(--color-shadow);
@@ -959,6 +1000,13 @@ blockquote.side-callout {
   grid-row: span 2;
 }
 
+/* blockquote doesn't have an internal grid
+so grid-gap won't handle the spacing */
+blockquote ol,
+blockquote ul {
+  margin: 0 0 1rem 1rem;
+}
+
 /* Tabs */
 .tabs-container {
   /* border-bottom: 1px solid black; */
@@ -1037,6 +1085,7 @@ blockquote.side-callout {
   border: 1px solid var(--color-tabs-divider);
   border-bottom: 1px solid black;
   padding: 10px;
+  margin-bottom: 0;
 
   a {
     text-decoration: none;
@@ -1066,6 +1115,7 @@ blockquote.side-callout {
 
 .tab-content {
   border-bottom: 1px solid black;
+  padding-bottom: 1rem;
 
   .tab-pane {
     display: none;
@@ -1096,17 +1146,13 @@ blockquote.side-callout {
   margin-top: -1.5rem;
 }
 
-li .code-block {
-  /* For indented code blocks, move 1rem back to align code with text from heading */
-  margin-left: -1rem;
-}
-
 .highlight-v2 {
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   overflow-x: scroll;
   scrollbar-width: none;
   line-height: 1.3rem;
+  padding: 1rem 0;
 }
 
 .highlight-v2.single-line {
@@ -1140,6 +1186,11 @@ li .code-block {
   position: relative;
 }
 
+ol .code-container,
+ul .code-container {
+  margin-top: 0.75rem;
+}
+
 .code-container:hover {
   .code-copy-button {
     display: block;

exampleSite/content/includes/index.md

@@ -0,0 +1,3 @@
+---
+headless: true
+---

exampleSite/content/includes/nginx-openid-repo-note.txt

@@ -0,0 +1 @@
+You can find more information about the NGINX Plus OpenID Connect integration in the project's [GitHub repo](https://github.com/nginxinc/nginx-openid-connect#nginx-openid-connect).

exampleSite/content/test-product/_index.md

@@ -2,4 +2,5 @@
 description: Test pages for nginx-hugo-theme
 title: Test pages for nginx-hugo-theme
 weight: 100
+toc: true
 ---

exampleSite/content/test-product/code-block-spacing.md

@@ -0,0 +1,79 @@
+---
+description: Single Line Codeblock Spacing
+title: Single Line Codeblock Spacing
+weight: 200
+---
+
+This is a line. 
+
+```shell
+sudo rm -rf /
+```
+
+This is the line that follows. Great.
+
+## `h2` - Headers followed by codeblocks
+```shell
+sudo rm -rf /
+```
+### `h3` - Header
+```shell
+sudo rm -rf /
+```
+#### `h4` - Header
+```shell
+sudo rm -rf /
+```
+
+## Order List with single line code block
+
+
+1. Create the `/etc/ssl/nginx` directory:
+
+    ```shell
+    sudo mkdir -p /etc/ssl/nginx
+    ```
+
+1. Log in to [MyF5 Customer Portal](https://account.f5.com/myf5/) and download your `nginx-repo.crt` and `nginx-repo.key` files.
+
+1. Copy the files to the `/etc/ssl/nginx/` directory:
+
+    ```shell
+    sudo cp nginx-repo.crt nginx-repo.key /etc/ssl/nginx/
+    ```
+
+1. Install the prerequisites:
+
+    ```shell
+    sudo yum install yum-utils procps
+    ```
+
+1. Set up the yum repository by creating the file `nginx-agent.repo` in `/etc/yum.repos.d`, for example using `vi`:
+
+    ```shell
+    sudo vi /etc/yum.repos.d/nginx-agent.repo
+    ```
+
+1. Add the following lines to `nginx-agent.repo`:
+
+    ```ini
+    [nginx-agent]
+    name=nginx agent repo
+    baseurl=https://pkgs.nginx.com/nginx-agent/centos/$releasever/$basearch/
+    sslclientcert=/etc/ssl/nginx/nginx-repo.crt
+    sslclientkey=/etc/ssl/nginx/nginx-repo.key
+    gpgcheck=0
+    enabled=1
+    ```
+
+## Text with Ordered List in note
+
+- **Using an instance's configuration for the group configuration**: If an instance is the first to join a config sync group and the group's configuration hasn't been defined, the instance’s configuration will become the group’s configuration. Any instances added later will automatically inherit this configuration. 
+
+  {{< note >}} If you add multiple instances to a single config sync group, simultaneously (with automation), follow these steps. Your instances will inherit your desired configuration:
+  
+  1. Create a config sync group.
+  1. Add a configuration to the config sync group, so all instances inherit it.
+  1. Add the instances in a separate operation.
+  
+  Your instances should synchronize with your desired configuration within 30 seconds. {{< /note >}}

exampleSite/content/test-product/everything.md

@@ -0,0 +1,66 @@
+---
+description: Everything
+title: Everything
+weight: 200
+---
+
+## before-you-begin
+
+{{< before-you-begin >}}
+Before you can set users' passwords, ensure you have [created users](#create-users) in NGINX Instance Manager. Once you've created the users, you can use one of the following options to set their passwords.
+{{< /before-you-begin >}}
+
+## bootstrap-table
+
+{{<bootstrap-table "table">}}
+| Method | Endpoint                                                            |
+|--------|---------------------------------------------------------------------|
+| GET    | `/api/platform/v1/systems/{systemUID}/instances`                    |
+| POST   | `/api/platform/v1/security/{systemUID}/instances/{nginxUID}/config` |
+{{</bootstrap-table>}}
+
+## call-out
+
+{{<call-out "tip" "Enhanced templating with Sprig">}}
+<i class="fas fa-code-branch"></i>
+ Go templating in Instance Manager includes support for the [Sprig function library](https://masterminds.github.io/sprig/), offering a wide range of additional functions that can be used in templates for advanced operations like string manipulation, data conversion, mathematics, and more.
+ {{</call-out>}}
+
+ ## caution
+
+ {{<caution>}}
+Enabling logs using the **NGINX Logs** blade on your NGINXaaS deployment is now deprecated. This feature will be removed in an upcoming update. If you have issues accessing your NGINX logs using the deprecated method, please follow the steps in this guide to access your NGINX logs.
+{{</caution>}}
+
+
+## comment
+
+This one literally stops the contents being rendered... It's for markdown comments.
+{{<comment>}}
+This won't render anything.
+{{</comment>}}
+
+## deprecated
+
+{{< deprecated >}}Using the helper.sh script to download your NGINX Plus certificate and key bundle is deprecated in in NGINX Controller v3.9.{{< /deprecated >}}
+
+## download
+
+{{< download "ngf/grafana-dashboard.json" "ngf-grafana-dashboard.json" >}}
+
+## img
+
+{{< img src="hero-graphic.webp" caption="hero-graphic" width="50%">}}
+
+## important
+
+{{< important >}}If the fingerprint is different, remove the file.{{< /important >}}
+
+## include
+
+{{< include "nginx-openid-repo-note.txt" >}}
+
+## see-also
+
+{{< see-also >}}See also!{{< /see-also >}}
+

exampleSite/content/test-product/note-combinations.md

@@ -0,0 +1,19 @@
+
+---
+description: Note with content
+title: Note with content
+weight: 200
+---
+
+
+## Text with Ordered List in note
+
+- **Using an instance's configuration for the group configuration**: If an instance is the first to join a config sync group and the group's configuration hasn't been defined, the instance’s configuration will become the group’s configuration. Any instances added later will automatically inherit this configuration. 
+
+  {{< note >}} If you add multiple instances to a single config sync group, simultaneously (with automation), follow these steps. Your instances will inherit your desired configuration:
+  
+  1. Create a config sync group.
+  1. Add a configuration to the config sync group, so all instances inherit it.
+  1. Add the instances in a separate operation.
+  
+  Your instances should synchronize with your desired configuration within 30 seconds. {{< /note >}}

exampleSite/content/test-product/short-page.md

@@ -0,0 +1,9 @@
+---
+title: Short Page
+description: "Short Page"
+weight: 200
+---
+
+See the NGINX Gateway Fabric technical specifications page:
+
+<https://github.com/nginx/nginx-gateway-fabric#technical-specifications>