Skip to content

Homepage: Add basic mainframe home page #451

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 25, 2025
Merged

Homepage: Add basic mainframe home page #451

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8de07aa
Homepage: Add basic mainframe home page
nginx-jack Apr 24, 2025
d95afe5
Merge branch 'main' into mf-basic-homepage
ADubhlaoich Apr 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
231 changes: 231 additions & 0 deletions layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
{{ define "main" }}
<div data-mf="false">
<div class="page col-md-12 col-xl-12 pl-md-5" id="site-home">

<div class="justify-content-left" style="margin-left: 1.5em;">
Expand Down Expand Up @@ -191,5 +192,235 @@ <h3 class="saas-title">NGINX Unit</h3>
</div>
</section>
</div>
</div>

{{/* mf homepage */}}

<div class="homepage" data-mf="true">
<div class="homepage-section">
<div class="homepage-heading">
NGINX Product Documentation
</div>
<div class="homepage-banner-text">
Learn how to deliver, manage, and protect your applications using F5 NGINX products.
</div>
<h1 class="homepage-heading">
NGINX One
</h1>
<a href="{{ .Site.BaseURL }}nginx-one" alt="NGINX One Console">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
</div>
<h1 class="homepage-item-text">
NGINX One Console
</h1>
</div>
<div class="homepage-item-content">
Monitor your infrastructure, address security vulnerabilities, and assess the health of your NGINX fleet, all from a single console.
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx" alt="NGINX Plus">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Plus-product-icon-RGB.png">
</div>
<div class="homepage-item-text">
NGINX Plus
</div>
</div>
<div class="homepage-item-content">
The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway.
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx-instance-manager" alt="NGINX Instance Manager">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Instance-Manager-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Instance Manager
</div>
</div>
<div class="homepage-item-content">
Track and control NGINX Open Source and NGINX Plus instances.
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx-ingress-controller" alt="NGINX Ingress Controller">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Ingress-Controller-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Ingress Controller
</div>
</div>
<div class="homepage-item-content">
Kubernetes traffic management with API gateway, identity, and observability features
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx-gateway-fabric" alt="NGINX Gateway Fabric">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Gateway-Fabric-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Gateway Fabric
</div>
</div>
<div class="homepage-item-content">
Next generation Kubernetes connectivity using the Gateway API.
</div>
</div>
</a>

<a href="https://nginx.org/en/docs/" alt="NGINX Open Source">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Open Source
</div>
</div>
<div class="homepage-item-content">
The open source all-in-one load balancer, content cache, and web server
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx-agent" alt="NGINX Agent">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Agent
</div>
</div>
<div class="homepage-item-content">
A daemon providing observability data and remote configuration for NGINX Open Source and NGINX Plus instances
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}solutions" alt="NGINX Solutions">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
</div>
<div class="homepage-item-text">
Subscription Licensing & Solutions
</div>
</div>
<div class="homepage-item-content">
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.
</div>
</div>
</a>

</div>

<div class="homepage-section">
<div class="homepage-heading">
NGINX App Protect
</div>

<a href="{{ .Site.BaseURL }}nginx-app-protect-waf" class="products-card" alt="NGINX App Protect WAF">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-WAF-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX App Protect WAF
</div>
</div>
<div class="homepage-item-content">
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
</div>
</div>
</a>

<a href="{{ .Site.BaseURL }}nginx-app-protect-dos" class="products-card" alt="NGINX App Protect DoS">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-DoS-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX App Protect DoS
</div>
</div>
<div class="homepage-item-content">
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
</div>
</div>
</a>
</div>

<div class="homepage-section">
<div class="homepage-heading">
NGINX as a Service
</div>

<a href="{{ .Site.BaseURL }}nginx-one" class="products-card" alt="NGINX One Console">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-for-Azure-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX as a Service for Azure
</div>
</div>

<div class="homepage-item-content">
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
</div>
</div>
</a>
</div>


<div class="homepage-section">
<div class="homepage-heading">
More NGINX Products
</div>

<a href="{{ .Site.BaseURL }}nginx-one" class="products-card" alt="NGINX One Console">
<div class="homepage-item">
<div class="homepage-item-heading">
<div class="homepage-item-logo">
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
</div>
<div class="homepage-item-text">
NGINX Unit
</div>
</div>
<div class="homepage-item-content">
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
</div>
</div>
</a>
</div>

</div>

{{ end }}
Loading