Skip to content

Commit 6465f0f

Browse files
lamATnginxnginx-jack
lamATnginx
authored and
nginx-jack
committed
Update card-layout usage (#979)
* chore: Remove card-layout shortcode usage * chore: Update NIC docs
1 parent 55183cb commit 6465f0f

File tree

8 files changed

+220
-259
lines changed

8 files changed

+220
-259
lines changed

‎archetypes/landing-page.md‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,18 +31,16 @@ nd-product:
3131
[//]: # "One card will take full width page: two will take half width each. Three will stack like an inverse pyramid."
3232
[//]: # "Some examples of content could be the latest release note, the most common install path, and a popular new feature."
3333

34-
{{<card-layout>}}
35-
{{<card-section showAsCards="true" isFeaturedSection="true">}}
36-
{{<card title="<some-title>">}}
37-
<!-- Each description should be roughly 10 words or less. -->
38-
{{</card>}}
39-
<!-- The titleURL and icon are both optional -->
40-
<!-- Lucide icon names can be found at https://lucide.dev/icons/ -->
41-
{{<card title="<some-title>" titleUrl="<some-url>" icon="<some-lucide-icon>">}}
42-
<!-- Each description should be roughly 10 words or less. -->
43-
{{</card>}}
44-
{{</card-section>}}
45-
{{</card-layout>}}
34+
{{<card-section showAsCards="true" isFeaturedSection="true">}}
35+
{{<card title="<some-title>">}}
36+
<!-- Each description should be roughly 10 words or less. -->
37+
{{</card>}}
38+
<!-- The titleURL and icon are both optional -->
39+
<!-- Lucide icon names can be found at https://lucide.dev/icons/ -->
40+
{{<card title="<some-title>" titleUrl="<some-url>" icon="<some-lucide-icon>">}}
41+
<!-- Each description should be roughly 10 words or less. -->
42+
{{</card>}}
43+
{{</card-section>}}
4644

4745
## Other content
4846

‎content/_index.md‎

Lines changed: 44 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -6,52 +6,50 @@ description: Learn how to deliver, manage, and protect your applications using F
66
## NGINX Product Documentation
77
Learn how to deliver, manage, and protect your applications using F5 NGINX products.
88

9-
{{<card-layout>}}
10-
{{<card-section showAsCards="true" title="NGINX One">}}
11-
{{<card title="NGINX One Console" titleUrl="/nginx-one/" brandIcon="NGINX-One-product-icon.svg" isLanding="true">}}
12-
Monitor your infrastructure, address security vulnerabilities, and assess the health of your NGINX fleet, all from a single console.
13-
{{</card >}}
14-
{{<card title="NGINX Plus" titleUrl="/nginx/" brandIcon="NGINX-Plus-product-icon-RGB.svg" isLanding="true">}}
15-
The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway.
16-
{{</card >}}
17-
{{<card title="NGINX Instance Manager" titleUrl="/nginx-instance-manager/" brandIcon="NGINX-Instance-Manager-product-icon.svg" isLanding="true">}}
18-
Track and control NGINX Open Source and NGINX Plus instances.
19-
{{</card >}}
20-
{{<card title="NGINX Ingress Controller" titleUrl="/nginx-ingress-controller/" brandIcon="NGINX-Ingress-Controller-product-icon.svg" isLanding="true">}}
21-
Kubernetes traffic management with API gateway, identity, and observability features.
22-
{{</card >}}
23-
{{<card title="NGINX Gateway Fabric" titleUrl="/nginx-gateway-fabric/" brandIcon="NGINX-Gateway-Fabric-product-icon.svg" isLanding="true">}}
24-
Next generation Kubernetes connectivity using the Gateway API.
25-
{{</card >}}
26-
{{<card title="NGINX Open Source" titleUrl="https://nginx.org/en/docs/" brandIcon="NGINX-product-icon.svg" isLanding="true">}}
27-
The open source all-in-one load balancer, content cache, and web server
28-
{{</card >}}
29-
{{<card title="NGINX Agent" titleUrl="/nginx-agent/" brandIcon="NGINX-product-icon.svg" isLanding="true">}}
30-
A daemon providing observability data and remote configuration for NGINX Open Source and NGINX Plus instances
31-
{{</card >}}
32-
{{<card title="Subscription Licensing & Solutions" titleUrl="/solutions/" brandIcon="NGINX-product-icon.svg" isLanding="true">}}
33-
Stay compliant with your NGINX subscription licenses and see how you can use NGINX One to build secure, scalable, and high-performing applications and APIs.
34-
{{</card >}}
35-
{{</card-section>}}
9+
{{<card-section showAsCards="true" title="NGINX One">}}
10+
{{<card title="NGINX One Console" titleUrl="/nginx-one/" brandIcon="NGINX-One-product-icon.svg" isLanding="true">}}
11+
Monitor your infrastructure, address security vulnerabilities, and assess the health of your NGINX fleet, all from a single console.
12+
{{</card >}}
13+
{{<card title="NGINX Plus" titleUrl="/nginx/" brandIcon="NGINX-Plus-product-icon.svg" isLanding="true">}}
14+
The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway.
15+
{{</card >}}
16+
{{<card title="NGINX Instance Manager" titleUrl="/nginx-instance-manager/" brandIcon="NGINX-Instance-Manager-product-icon.svg" isLanding="true">}}
17+
Track and control NGINX Open Source and NGINX Plus instances.
18+
{{</card >}}
19+
{{<card title="NGINX Ingress Controller" titleUrl="/nginx-ingress-controller/" brandIcon="NGINX-Ingress-Controller-product-icon.svg" isLanding="true">}}
20+
Kubernetes traffic management with API gateway, identity, and observability features.
21+
{{</card >}}
22+
{{<card title="NGINX Gateway Fabric" titleUrl="/nginx-gateway-fabric/" brandIcon="NGINX-Gateway-Fabric-product-icon.svg" isLanding="true">}}
23+
Next generation Kubernetes connectivity using the Gateway API.
24+
{{</card >}}
25+
{{<card title="NGINX Open Source" titleUrl="https://nginx.org/en/docs/" brandIcon="NGINX-Open-Source-product-icon.svg" isLanding="true">}}
26+
The open source all-in-one load balancer, content cache, and web server
27+
{{</card >}}
28+
{{<card title="NGINX Agent" titleUrl="/nginx-agent/" brandIcon="NGINX-Agent-product-icon.svg" isLanding="true">}}
29+
A daemon providing observability data and remote configuration for NGINX Open Source and NGINX Plus instances
30+
{{</card >}}
31+
{{<card title="Subscription Licensing & Solutions" titleUrl="/solutions/" brandIcon="NGINX-product-icon.svg" isLanding="true">}}
32+
Stay compliant with your NGINX subscription licenses and see how you can use NGINX One to build secure, scalable, and high-performing applications and APIs.
33+
{{</card >}}
34+
{{</card-section>}}
3635

37-
{{<card-section showAsCards="true" title="NGINX App Protect">}}
38-
{{<card title="NGINX App Protect WAF" titleUrl="/nginx-app-protect-waf/" brandIcon="NGINX-App-Protect-WAF-product-icon.svg" isLanding="true">}}
39-
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
40-
{{</card >}}
41-
{{<card title="NGINX App Protect DoS" titleUrl="/nginx-app-protect-dos/" brandIcon="NGINX-App-Protect-DoS-product-icon.svg" isLanding="true">}}
42-
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
43-
{{</card >}}
44-
{{</card-section>}}
36+
{{<card-section showAsCards="true" title="NGINX App Protect">}}
37+
{{<card title="NGINX App Protect WAF" titleUrl="/nginx-app-protect-waf/" brandIcon="NGINX-App-Protect-WAF-product-icon.svg" isLanding="true">}}
38+
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
39+
{{</card >}}
40+
{{<card title="NGINX App Protect DoS" titleUrl="/nginx-app-protect-dos/" brandIcon="NGINX-App-Protect-DoS-product-icon.svg" isLanding="true">}}
41+
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
42+
{{</card >}}
43+
{{</card-section>}}
4544

46-
{{<card-section showAsCards="true" title="NGINX as a Service">}}
47-
{{<card title="NGINX as a Service for Azure" titleUrl="/nginxaas/azure/" brandIcon="NGINX-for-Azure-product-icon.png" isLanding="true">}}
48-
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
49-
{{</card >}}
50-
{{</card-section>}}
45+
{{<card-section showAsCards="true" title="NGINX as a Service">}}
46+
{{<card title="NGINX as a Service for Azure" titleUrl="/nginxaas/azure/" brandIcon="NGINX-for-Azure-product-icon.png" isLanding="true">}}
47+
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
48+
{{</card >}}
49+
{{</card-section>}}
5150

52-
{{<card-section showAsCards="true" title="More NGINX Products">}}
53-
{{<card title="NGINX Unit" titleUrl="https://unit.nginx.org/" brandIcon="NGINX-product-icon.svg" isLanding="true">}}
54-
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
55-
{{</card >}}
56-
{{</card-section>}}
57-
{{</card-layout>}}
51+
{{<card-section showAsCards="true" title="More NGINX Products">}}
52+
{{<card title="NGINX Unit" titleUrl="https://unit.nginx.org/" brandIcon="NGINX-Unit-product-icon.svg" isLanding="true">}}
53+
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
54+
{{</card >}}
55+
{{</card-section>}}

‎content/agent/_index.md‎

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -33,26 +33,22 @@ configurations, collection and reporting of real-time NGINX performance and oper
3333
[//]: # "One card will take full width page: two will take half width each. Three will stack like an inverse pyramid."
3434
[//]: # "Some examples of content could be the latest release note, the most common install path, and a popular new feature."
3535

36-
{{<card-layout>}}
37-
{{<card-section showAsCards="true" isFeaturedSection="true">}}
38-
{{<card title="About" titleUrl="about/" icon="info">}}
39-
Learn everything you need to know about NGINX Agent
40-
{{</card>}}
41-
<!-- The titleURL and icon are both optional -->
42-
<!-- Lucide icon names can be found at https://lucide.dev/icons/ -->
43-
{{<card title="Getting started" titleUrl="installation-upgrade/getting-started/" icon="unplug">}}
44-
Install NGINX Agent and run a mock control plane
45-
{{</card>}}
46-
{{</card-section>}}
47-
{{</card-layout>}}
36+
{{<card-section showAsCards="true" isFeaturedSection="true">}}
37+
{{<card title="About" titleUrl="about/" icon="info">}}
38+
Learn everything you need to know about NGINX Agent
39+
{{</card>}}
40+
<!-- The titleURL and icon are both optional -->
41+
<!-- Lucide icon names can be found at https://lucide.dev/icons/ -->
42+
{{<card title="Getting started" titleUrl="installation-upgrade/getting-started/" icon="unplug">}}
43+
Install NGINX Agent and run a mock control plane
44+
{{</card>}}
45+
{{</card-section>}}
4846

49-
{{<card-layout>}}
50-
{{<card-section showAsCards="true" isFeaturedSection="true">}}
51-
{{<card title="Upgrade" titleUrl="installation-upgrade/upgrade/" icon="circle-fading-arrow-up">}}
52-
{{</card>}}
53-
{{<card title="Configuration" titleUrl="configuration/" icon="cog">}}
54-
{{</card>}}
55-
{{<card title="Support" titleUrl="support/" icon="hand-helping">}}
56-
{{</card>}}
57-
{{</card-section>}}
58-
{{</card-layout>}}
47+
{{<card-section showAsCards="true" isFeaturedSection="true">}}
48+
{{<card title="Upgrade" titleUrl="installation-upgrade/upgrade/" icon="circle-fading-arrow-up">}}
49+
{{</card>}}
50+
{{<card title="Configuration" titleUrl="configuration/" icon="cog">}}
51+
{{</card>}}
52+
{{<card title="Support" titleUrl="support/" icon="hand-helping">}}
53+
{{</card>}}
54+
{{</card-section>}}

‎content/ngf/_index.md‎

Lines changed: 24 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -31,19 +31,17 @@ For a list of supported Gateway API resources and features, see the [Gateway API
3131

3232
## Featured content
3333

34-
{{<card-layout>}}
35-
{{<card-section showAsCards="true" isFeaturedSection="true">}}
36-
{{<card title="Get started" titleUrl="/nginx-gateway-fabric/get-started">}}
37-
Use kind to quickly deploy and test a NGINX Gateway Fabric cluster.
38-
{{</card>}}
39-
{{<card title="Deploy NGINX Gateway Fabric" titleUrl="/nginx-gateway-fabric/install">}}
40-
Choose how to deploy NGINX Gateway Fabric in production.
41-
{{</card>}}
42-
{{<card title="Changelog" titleUrl="/nginx-gateway-fabric/changelog">}}
43-
Review the changes from the latest releases.
44-
{{</card>}}
45-
{{</card-section>}}
46-
{{</card-layout>}}
34+
{{<card-section showAsCards="true" isFeaturedSection="true">}}
35+
{{<card title="Get started" titleUrl="/nginx-gateway-fabric/get-started">}}
36+
Use kind to quickly deploy and test a NGINX Gateway Fabric cluster.
37+
{{</card>}}
38+
{{<card title="Deploy NGINX Gateway Fabric" titleUrl="/nginx-gateway-fabric/install">}}
39+
Choose how to deploy NGINX Gateway Fabric in production.
40+
{{</card>}}
41+
{{<card title="Changelog" titleUrl="/nginx-gateway-fabric/changelog">}}
42+
Review the changes from the latest releases.
43+
{{</card>}}
44+
{{</card-section>}}
4745

4846
## Design
4947

@@ -59,21 +57,17 @@ For more information, see the [Gateway architecture]({{< ref "/ngf/overview/gate
5957

6058
## More information
6159

62-
{{<card-layout>}}
63-
6460
{{<card-section showAsCards="true">}}
65-
{{<card title="Gateway API compatibility" titleUrl="/nginx-gateway-fabric/overview/gateway-api-compatibility/">}}
66-
View how much of the Gateway API NGINX Gateway Fabric supports.
67-
{{</card>}}
68-
{{<card title="Technical specifications" titleUrl="/nginx-gateway-fabric/reference/technical-specifications/">}}
69-
Check which versions of NGINX Gateway Fabric match the API.
70-
{{</card>}}
71-
{{<card title="Routing traffic to applications" titleUrl="/nginx-gateway-fabric/traffic-management/basic-routing/">}}
72-
Create simple rules for directing network traffic with HTTPRoute resources.
73-
{{</card>}}
74-
{{<card title="Secure traffic using Let's Encrypt and cert-manager" titleUrl="/nginx-gateway-fabric/traffic-security/integrate-cert-manager/">}}
75-
Implement HTTPS with Let's Encrypt to secure client-server communication.
76-
{{</card>}}
77-
{{</card-section>}}
78-
79-
{{</card-layout>}}
61+
{{<card title="Gateway API compatibility" titleUrl="/nginx-gateway-fabric/overview/gateway-api-compatibility/">}}
62+
View how much of the Gateway API NGINX Gateway Fabric supports.
63+
{{</card>}}
64+
{{<card title="Technical specifications" titleUrl="/nginx-gateway-fabric/reference/technical-specifications/">}}
65+
Check which versions of NGINX Gateway Fabric match the API.
66+
{{</card>}}
67+
{{<card title="Routing traffic to applications" titleUrl="/nginx-gateway-fabric/traffic-management/basic-routing/">}}
68+
Create simple rules for directing network traffic with HTTPRoute resources.
69+
{{</card>}}
70+
{{<card title="Secure traffic using Let's Encrypt and cert-manager" titleUrl="/nginx-gateway-fabric/traffic-security/integrate-cert-manager/">}}
71+
Implement HTTPS with Let's Encrypt to secure client-server communication.
72+
{{</card>}}
73+
{{</card-section>}}

0 commit comments

Comments
 (0)