ExampleSite: Add Everything page

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;
@@ -55,9 +55,35 @@
   --codeblock-line-box-side-length: 4px;
   --component-gap: 3.5rem;
   --overflow-gutter-extension: 1rem;
-}
-body {
+
+  --flow-gap: 1rem;
+}
+
+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 +117,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 +303,7 @@ nav {
   grid-template-columns: var(--text-content-width-iphone-13) 1fr;
   margin-top: 2rem;
   grid-auto-rows: max-content;
+  grid-gap: var(--flow-gap);
 }
 
 .text-content > :not(.wide) {
@@ -793,7 +836,7 @@ main {
 }
 
 p {
-  margin: 0 0 1.5rem 0;
+  margin: 0;
   line-height: 1.5rem;
 }
 
@@ -836,12 +879,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 +953,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 +1002,15 @@ blockquote.side-callout {
   grid-row: span 2;
 }
 
+blockquote > div > * {
+  margin: 0 0 var(--flow-gap) 0;
+}
+
+blockquote ol,
+blockquote ul {
+  margin: 0 0 1rem 1rem;
+}
+
 /* Tabs */
 .tabs-container {
   /* border-bottom: 1px solid black; */
@@ -1037,6 +1089,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 +1119,7 @@ blockquote.side-callout {
 
 .tab-content {
   border-bottom: 1px solid black;
+  padding-bottom: 1rem;
 
   .tab-pane {
     display: none;
@@ -1096,17 +1150,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 +1190,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/call-out/_index.md

@@ -0,0 +1,6 @@
+---
+description: Call Out usages
+title: Call Out usages
+weight: 100
+toc: true
+---

exampleSite/content/test-product/call-out/call-out-code-blocks.md

@@ -0,0 +1,38 @@
+
+---
+description: Callout - Code Blocks
+title: Callout - Code Blocks
+weight: 200
+---
+
+
+## Code Block Multi line
+
+{{<call-out "" "Example:" "" >}}
+To start the container with the `debian` image:
+
+```sh
+sudo docker run \
+--env=NGINX_LICENSE_JWT="YOUR_JWT_HERE" \
+--env=NGINX_AGENT_SERVER_GRPCPORT=443 \
+--env=NGINX_AGENT_SERVER_HOST=agent.connect.nginx.com \
+--env=NGINX_AGENT_SERVER_TOKEN="YOUR_NGINX_ONE_DATA_PLANE_KEY_HERE" \
+--env=NGINX_AGENT_TLS_ENABLE=true \
+--restart=always \
+--runtime=runc \
+-d private-registry.nginx.com/nginx-plus/agent:debian
+```
+
+{{</call-out>}}
+
+## Code Block Single line
+
+{{<call-out "" "Example:" "" >}}
+How to read load nginx config
+
+```sh
+nginx -s reload
+```
+
+{{</call-out>}}
+

exampleSite/content/test-product/call-out/call-out-code-lists.md

@@ -0,0 +1,32 @@
+
+---
+description: Callout - Lists
+title: Callout - Lists
+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 >}}
+
+
+## Text with Unordered 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:
+
+  - Create a config sync group.
+  - Add a configuration to the config sync group, so all instances inherit it.
+  - Add the instances in a separate operation.
+
+  Your instances should synchronize with your desired configuration within 30 seconds. {{< /note >}}

exampleSite/content/test-product/code-blocks/_index.md

@@ -0,0 +1,6 @@
+---
+description: Code Block usages
+title: Code Block usages
+weight: 100
+toc: true
+---

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

@@ -0,0 +1,67 @@
+---
+description: Code Blocks - Spacing and OL/UL
+title: Code Blocks - Spacing and OL/UL
+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
+    ```

exampleSite/content/test-product/code-blocks.md → exampleSite/content/test-product/code-blocks/code-blocks.md

@@ -1,6 +1,6 @@
 ---
-description: Test Product code blocks
-title: Test Product code blocks
+description: Code Blocks - with root and non-root
+title: Code Blocks - with root and non-root
 weight: 200
 ---