Skip to content

Commit 2c23557

Browse files
nginx-jacklamATnginx
nginx-jack
authored and
lamATnginx
committed
Homepage: Match mainframe css and layout setup
1 parent 8515a71 commit 2c23557

File tree

2 files changed

+194
-67
lines changed

2 files changed

+194
-67
lines changed

‎layouts/catalogs/single.html‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11

22
{{ define "main" }}
33
<div class="row flex-xl-nowrap">
4-
<nav class="sidenav overflow-auto col-md-3 d-none d-xl-block d-print-none align-top">
5-
{{ partial "sidebar.html" . }}
6-
</nav>
7-
4+
85
{{ .Content }}
96

107
<!-- If there is a script defined in the page metadata, load it -->
@@ -14,4 +11,3 @@
1411
{{end }}
1512

1613
{{ end }}
17-

‎layouts/index.html‎

Lines changed: 193 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -523,96 +523,227 @@ <h1 class="homepage-item-text">
523523
</a>
524524

525525
</div>
526+
<div class="homepage-banner-text">
527+
Learn how to deliver, manage, and protect your applications using F5 NGINX products.
528+
</div>
529+
<h1 class="homepage-heading">
530+
NGINX One
531+
</h1>
532+
<a href="{{ .Site.BaseURL }}nginx-one" alt="NGINX One Console">
533+
<div class="homepage-item">
534+
<div class="homepage-item-heading">
535+
<div class="homepage-item-logo">
536+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
537+
</div>
538+
<h1 class="homepage-item-text">
539+
NGINX One Console
540+
</h1>
541+
</div>
542+
<div class="homepage-item-content">
543+
Monitor your infrastructure, address security vulnerabilities, and assess the health of your NGINX fleet, all from a single console.
544+
</div>
545+
</div>
546+
</a>
526547

527-
<div class="homepage-section">
528-
<div class="homepage-heading">
529-
NGINX App Protect
548+
<a href="{{ .Site.BaseURL }}nginx" alt="NGINX Plus">
549+
<div class="homepage-item">
550+
<div class="homepage-item-heading">
551+
<div class="homepage-item-logo">
552+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Plus-product-icon-RGB.png">
553+
</div>
554+
<div class="homepage-item-text">
555+
NGINX Plus
556+
</div>
557+
</div>
558+
<div class="homepage-item-content">
559+
The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway.
560+
</div>
530561
</div>
562+
</a>
531563

532-
<a href="{{ .Site.BaseURL }}nginx-app-protect-waf" class="products-card" alt="NGINX App Protect WAF">
533-
<div class="homepage-item">
534-
<div class="homepage-item-heading">
535-
<div class="homepage-item-logo">
536-
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-WAF-product-icon.png">
537-
</div>
538-
<div class="homepage-item-text">
539-
NGINX App Protect WAF
540-
</div>
564+
<a href="{{ .Site.BaseURL }}nginx-instance-manager" alt="NGINX Instance Manager">
565+
<div class="homepage-item">
566+
<div class="homepage-item-heading">
567+
<div class="homepage-item-logo">
568+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Instance-Manager-product-icon.png">
541569
</div>
542-
<div class="homepage-item-content">
543-
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
570+
<div class="homepage-item-text">
571+
NGINX Instance Manager
544572
</div>
573+
</div>
574+
<div class="homepage-item-content">
575+
Track and control NGINX Open Source and NGINX Plus instances.
576+
</div>
577+
</div>
578+
</a>
579+
580+
<a href="{{ .Site.BaseURL }}nginx-ingress-controller" alt="NGINX Ingress Controller">
581+
<div class="homepage-item">
582+
<div class="homepage-item-heading">
583+
<div class="homepage-item-logo">
584+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Ingress-Controller-product-icon.png">
545585
</div>
546-
</a>
586+
<div class="homepage-item-text">
587+
NGINX Ingress Controller
588+
</div>
589+
</div>
590+
<div class="homepage-item-content">
591+
Kubernetes traffic management with API gateway, identity, and observability features
592+
</div>
593+
</div>
594+
</a>
547595

548-
<a href="{{ .Site.BaseURL }}nginx-app-protect-dos" class="products-card" alt="NGINX App Protect DoS">
549-
<div class="homepage-item">
550-
<div class="homepage-item-heading">
551-
<div class="homepage-item-logo">
552-
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-DoS-product-icon.png">
553-
</div>
554-
<div class="homepage-item-text">
555-
NGINX App Protect DoS
556-
</div>
596+
<a href="{{ .Site.BaseURL }}nginx-gateway-fabric" alt="NGINX Gateway Fabric">
597+
<div class="homepage-item">
598+
<div class="homepage-item-heading">
599+
<div class="homepage-item-logo">
600+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Gateway-Fabric-product-icon.png">
557601
</div>
558-
<div class="homepage-item-content">
559-
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
602+
<div class="homepage-item-text">
603+
NGINX Gateway Fabric
560604
</div>
605+
</div>
606+
<div class="homepage-item-content">
607+
Next generation Kubernetes connectivity using the Gateway API.
608+
</div>
609+
</div>
610+
</a>
611+
612+
<a href="https://nginx.org/en/docs/" alt="NGINX Open Source">
613+
<div class="homepage-item">
614+
<div class="homepage-item-heading">
615+
<div class="homepage-item-logo">
616+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
561617
</div>
562-
</a>
563-
</div>
618+
<div class="homepage-item-text">
619+
NGINX Open Source
620+
</div>
621+
</div>
622+
<div class="homepage-item-content">
623+
The open source all-in-one load balancer, content cache, and web server
624+
</div>
625+
</div>
626+
</a>
564627

565-
<div class="homepage-section">
566-
<div class="homepage-heading">
567-
NGINX as a Service
628+
<a href="{{ .Site.BaseURL }}nginx-agent" alt="NGINX Agent">
629+
<div class="homepage-item">
630+
<div class="homepage-item-heading">
631+
<div class="homepage-item-logo">
632+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
633+
</div>
634+
<div class="homepage-item-text">
635+
NGINX Agent
636+
</div>
568637
</div>
638+
<div class="homepage-item-content">
639+
A daemon providing observability data and remote configuration for NGINX Open Source and NGINX Plus instances
640+
</div>
641+
</div>
642+
</a>
569643

570-
<a href="{{ .Site.BaseURL }}nginxaas/azure" alt="NGINX as a Service for Azure">
644+
<a href="{{ .Site.BaseURL }}solutions" alt="NGINX Solutions">
571645
<div class="homepage-item">
572-
<div class="homepage-item-heading">
573-
<div class="homepage-item-logo">
574-
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-for-Azure-product-icon.png">
575-
</div>
576-
<div class="homepage-item-text">
577-
NGINX as a Service for Azure
578-
</div>
646+
<div class="homepage-item-heading">
647+
<div class="homepage-item-logo">
648+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
579649
</div>
650+
<div class="homepage-item-text">
651+
Subscription Licensing & Solutions
652+
</div>
653+
</div>
654+
<div class="homepage-item-content">
655+
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.
656+
</div>
657+
</div>
658+
</a>
580659

581-
<div class="homepage-item-content">
582-
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
660+
</div>
661+
662+
<div class="homepage-section">
663+
<div class="homepage-heading">
664+
NGINX App Protect
665+
</div>
666+
667+
<a href="{{ .Site.BaseURL }}nginx-app-protect-waf" class="products-card" alt="NGINX App Protect WAF">
668+
<div class="homepage-item">
669+
<div class="homepage-item-heading">
670+
<div class="homepage-item-logo">
671+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-WAF-product-icon.png">
672+
</div>
673+
<div class="homepage-item-text">
674+
NGINX App Protect WAF
583675
</div>
584676
</div>
585-
</a>
677+
<div class="homepage-item-content">
678+
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
679+
</div>
680+
</div>
681+
</a>
682+
683+
<a href="{{ .Site.BaseURL }}nginx-app-protect-dos" class="products-card" alt="NGINX App Protect DoS">
684+
<div class="homepage-item">
685+
<div class="homepage-item-heading">
686+
<div class="homepage-item-logo">
687+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-DoS-product-icon.png">
688+
</div>
689+
<div class="homepage-item-text">
690+
NGINX App Protect DoS
691+
</div>
692+
</div>
693+
<div class="homepage-item-content">
694+
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
695+
</div>
696+
</div>
697+
</a>
698+
</div>
699+
700+
<div class="homepage-section">
701+
<div class="homepage-heading">
702+
NGINX as a Service
586703
</div>
587704

705+
<a href="{{ .Site.BaseURL }}nginxaas/azure" alt="NGINX as a Service for Azure">
706+
<div class="homepage-item">
707+
<div class="homepage-item-heading">
708+
<div class="homepage-item-logo">
709+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-for-Azure-product-icon.png">
710+
</div>
711+
<div class="homepage-item-text">
712+
NGINX as a Service for Azure
713+
</div>
714+
</div>
588715

589-
<div class="homepage-section">
590-
<div class="homepage-heading">
591-
More NGINX Products
716+
<div class="homepage-item-content">
717+
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
592718
</div>
719+
</div>
720+
</a>
721+
</div>
593722

594-
<a href="https://unit.nginx.org/" alt="NGINX Unit">
595-
<div class="homepage-item">
596-
<div class="homepage-item-heading">
597-
<div class="homepage-item-logo">
598-
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
599-
</div>
600-
<div class="homepage-item-text">
601-
NGINX Unit
602-
</div>
723+
724+
<div class="homepage-section">
725+
<div class="homepage-heading">
726+
More NGINX Products
727+
</div>
728+
729+
<a href="https://unit.nginx.org/" alt="NGINX Unit">
730+
<div class="homepage-item">
731+
<div class="homepage-item-heading">
732+
<div class="homepage-item-logo">
733+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
603734
</div>
604-
<div class="homepage-item-content">
605-
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
735+
<div class="homepage-item-text">
736+
NGINX Unit
606737
</div>
607738
</div>
608-
</a>
739+
<div class="homepage-item-content">
740+
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
741+
</div>
609742
</div>
743+
</a>
610744
</div>
611-
<footer class="footer">
612-
{{ block "footer-v2" . }}
613-
{{ partial "footer-v2.html" . }}
614-
{{ end }}
615-
</footer>
745+
</div>
746+
616747

617748
</div>
618749

0 commit comments

Comments
 (0)