Skip to content

Commit e0ef635

Browse files
nginx-jacklamATnginx
nginx-jack
authored and
lamATnginx
committed
Homepage: Match mainframe css and layout setup
1 parent f4140d7 commit e0ef635

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
@@ -309,96 +309,227 @@ <h1 class="homepage-item-text">
309309
</a>
310310

311311
</div>
312+
<div class="homepage-banner-text">
313+
Learn how to deliver, manage, and protect your applications using F5 NGINX products.
314+
</div>
315+
<h1 class="homepage-heading">
316+
NGINX One
317+
</h1>
318+
<a href="{{ .Site.BaseURL }}nginx-one" alt="NGINX One Console">
319+
<div class="homepage-item">
320+
<div class="homepage-item-heading">
321+
<div class="homepage-item-logo">
322+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
323+
</div>
324+
<h1 class="homepage-item-text">
325+
NGINX One Console
326+
</h1>
327+
</div>
328+
<div class="homepage-item-content">
329+
Monitor your infrastructure, address security vulnerabilities, and assess the health of your NGINX fleet, all from a single console.
330+
</div>
331+
</div>
332+
</a>
312333

313-
<div class="homepage-section">
314-
<div class="homepage-heading">
315-
NGINX App Protect
334+
<a href="{{ .Site.BaseURL }}nginx" alt="NGINX Plus">
335+
<div class="homepage-item">
336+
<div class="homepage-item-heading">
337+
<div class="homepage-item-logo">
338+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Plus-product-icon-RGB.png">
339+
</div>
340+
<div class="homepage-item-text">
341+
NGINX Plus
342+
</div>
316343
</div>
344+
<div class="homepage-item-content">
345+
The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway.
346+
</div>
347+
</div>
348+
</a>
317349

318-
<a href="{{ .Site.BaseURL }}nginx-app-protect-waf" class="products-card" alt="NGINX App Protect WAF">
319-
<div class="homepage-item">
320-
<div class="homepage-item-heading">
321-
<div class="homepage-item-logo">
322-
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-WAF-product-icon.png">
323-
</div>
324-
<div class="homepage-item-text">
325-
NGINX App Protect WAF
326-
</div>
350+
<a href="{{ .Site.BaseURL }}nginx-instance-manager" alt="NGINX Instance Manager">
351+
<div class="homepage-item">
352+
<div class="homepage-item-heading">
353+
<div class="homepage-item-logo">
354+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Instance-Manager-product-icon.png">
327355
</div>
328-
<div class="homepage-item-content">
329-
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
356+
<div class="homepage-item-text">
357+
NGINX Instance Manager
358+
</div>
359+
</div>
360+
<div class="homepage-item-content">
361+
Track and control NGINX Open Source and NGINX Plus instances.
362+
</div>
363+
</div>
364+
</a>
365+
366+
<a href="{{ .Site.BaseURL }}nginx-ingress-controller" alt="NGINX Ingress Controller">
367+
<div class="homepage-item">
368+
<div class="homepage-item-heading">
369+
<div class="homepage-item-logo">
370+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Ingress-Controller-product-icon.png">
330371
</div>
372+
<div class="homepage-item-text">
373+
NGINX Ingress Controller
331374
</div>
332-
</a>
375+
</div>
376+
<div class="homepage-item-content">
377+
Kubernetes traffic management with API gateway, identity, and observability features
378+
</div>
379+
</div>
380+
</a>
333381

334-
<a href="{{ .Site.BaseURL }}nginx-app-protect-dos" class="products-card" alt="NGINX App Protect DoS">
335-
<div class="homepage-item">
336-
<div class="homepage-item-heading">
337-
<div class="homepage-item-logo">
338-
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-DoS-product-icon.png">
339-
</div>
340-
<div class="homepage-item-text">
341-
NGINX App Protect DoS
342-
</div>
382+
<a href="{{ .Site.BaseURL }}nginx-gateway-fabric" alt="NGINX Gateway Fabric">
383+
<div class="homepage-item">
384+
<div class="homepage-item-heading">
385+
<div class="homepage-item-logo">
386+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-Gateway-Fabric-product-icon.png">
343387
</div>
344-
<div class="homepage-item-content">
345-
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
388+
<div class="homepage-item-text">
389+
NGINX Gateway Fabric
390+
</div>
391+
</div>
392+
<div class="homepage-item-content">
393+
Next generation Kubernetes connectivity using the Gateway API.
394+
</div>
395+
</div>
396+
</a>
397+
398+
<a href="https://nginx.org/en/docs/" alt="NGINX Open Source">
399+
<div class="homepage-item">
400+
<div class="homepage-item-heading">
401+
<div class="homepage-item-logo">
402+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
346403
</div>
404+
<div class="homepage-item-text">
405+
NGINX Open Source
347406
</div>
348-
</a>
349-
</div>
407+
</div>
408+
<div class="homepage-item-content">
409+
The open source all-in-one load balancer, content cache, and web server
410+
</div>
411+
</div>
412+
</a>
350413

351-
<div class="homepage-section">
352-
<div class="homepage-heading">
353-
NGINX as a Service
414+
<a href="{{ .Site.BaseURL }}nginx-agent" alt="NGINX Agent">
415+
<div class="homepage-item">
416+
<div class="homepage-item-heading">
417+
<div class="homepage-item-logo">
418+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
419+
</div>
420+
<div class="homepage-item-text">
421+
NGINX Agent
422+
</div>
423+
</div>
424+
<div class="homepage-item-content">
425+
A daemon providing observability data and remote configuration for NGINX Open Source and NGINX Plus instances
426+
</div>
354427
</div>
428+
</a>
355429

356-
<a href="{{ .Site.BaseURL }}nginxaas/azure" alt="NGINX as a Service for Azure">
430+
<a href="{{ .Site.BaseURL }}solutions" alt="NGINX Solutions">
357431
<div class="homepage-item">
358-
<div class="homepage-item-heading">
359-
<div class="homepage-item-logo">
360-
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-for-Azure-product-icon.png">
361-
</div>
362-
<div class="homepage-item-text">
363-
NGINX as a Service for Azure
364-
</div>
432+
<div class="homepage-item-heading">
433+
<div class="homepage-item-logo">
434+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-product-icon.png">
435+
</div>
436+
<div class="homepage-item-text">
437+
Subscription Licensing & Solutions
365438
</div>
439+
</div>
440+
<div class="homepage-item-content">
441+
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.
442+
</div>
443+
</div>
444+
</a>
366445

367-
<div class="homepage-item-content">
368-
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
446+
</div>
447+
448+
<div class="homepage-section">
449+
<div class="homepage-heading">
450+
NGINX App Protect
451+
</div>
452+
453+
<a href="{{ .Site.BaseURL }}nginx-app-protect-waf" class="products-card" alt="NGINX App Protect WAF">
454+
<div class="homepage-item">
455+
<div class="homepage-item-heading">
456+
<div class="homepage-item-logo">
457+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-WAF-product-icon.png">
458+
</div>
459+
<div class="homepage-item-text">
460+
NGINX App Protect WAF
369461
</div>
370462
</div>
371-
</a>
463+
<div class="homepage-item-content">
464+
Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs
465+
</div>
466+
</div>
467+
</a>
468+
469+
<a href="{{ .Site.BaseURL }}nginx-app-protect-dos" class="products-card" alt="NGINX App Protect DoS">
470+
<div class="homepage-item">
471+
<div class="homepage-item-heading">
472+
<div class="homepage-item-logo">
473+
<img src="{{ .Site.BaseURL }}/images/icons/NGINX-App-Protect-DoS-product-icon.png">
474+
</div>
475+
<div class="homepage-item-text">
476+
NGINX App Protect DoS
477+
</div>
478+
</div>
479+
<div class="homepage-item-content">
480+
Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs
481+
</div>
482+
</div>
483+
</a>
484+
</div>
485+
486+
<div class="homepage-section">
487+
<div class="homepage-heading">
488+
NGINX as a Service
372489
</div>
373490

491+
<a href="{{ .Site.BaseURL }}nginxaas/azure" alt="NGINX as a Service for Azure">
492+
<div class="homepage-item">
493+
<div class="homepage-item-heading">
494+
<div class="homepage-item-logo">
495+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-for-Azure-product-icon.png">
496+
</div>
497+
<div class="homepage-item-text">
498+
NGINX as a Service for Azure
499+
</div>
500+
</div>
374501

375-
<div class="homepage-section">
376-
<div class="homepage-heading">
377-
More NGINX Products
502+
<div class="homepage-item-content">
503+
Infrastructure-as-a-Service (IaaS) version of NGINX Plus for your Microsoft Azure application stack
378504
</div>
505+
</div>
506+
</a>
507+
</div>
379508

380-
<a href="https://unit.nginx.org/" alt="NGINX Unit">
381-
<div class="homepage-item">
382-
<div class="homepage-item-heading">
383-
<div class="homepage-item-logo">
384-
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
385-
</div>
386-
<div class="homepage-item-text">
387-
NGINX Unit
388-
</div>
509+
510+
<div class="homepage-section">
511+
<div class="homepage-heading">
512+
More NGINX Products
513+
</div>
514+
515+
<a href="https://unit.nginx.org/" alt="NGINX Unit">
516+
<div class="homepage-item">
517+
<div class="homepage-item-heading">
518+
<div class="homepage-item-logo">
519+
<img class="card-img-top" src="{{ .Site.BaseURL }}/images/icons/NGINX-One-product-icon.png">
389520
</div>
390-
<div class="homepage-item-content">
391-
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
521+
<div class="homepage-item-text">
522+
NGINX Unit
392523
</div>
393524
</div>
394-
</a>
525+
<div class="homepage-item-content">
526+
Dynamic app server that can run beside NGINX, NGINX Plus, or on its own
527+
</div>
395528
</div>
529+
</a>
396530
</div>
397-
<footer class="footer">
398-
{{ block "footer-v2" . }}
399-
{{ partial "footer-v2.html" . }}
400-
{{ end }}
401-
</footer>
531+
</div>
532+
402533

403534
</div>
404535

0 commit comments

Comments
 (0)