Skip to content

Commit 52987f6

Browse files
gaurav-nelsongaurav-nelson
committed
Enhance landing page and mobile navigation
- Added mobile navigation toggle and sidebar - Updated CSS for responsive design - Added new sections on the main page - Enhanced the layout and content structure for better engagement.
1 parent 2e2794c commit 52987f6

18 files changed

+2329
-479
lines changed

‎.hintrc‎

Lines changed: 0 additions & 20 deletions
This file was deleted.

‎content/_index.md‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
---
22
title: "Validated Patterns"
3+
youtube_id: "dGsoUNjHYOw"
4+
video_title: "Watch how Validated Patterns enhance your cloud-native applications"
5+
video_description: "Our GitOps-driven framework simplifies complex deployments, ensuring your applications are production-ready from day one. Watch the video to see how it works."
36
---
47

58
![Logo](/images/logo.png)
69

7-
# Reference architectures with added value
10+
# Deploy complex solutions with unprecedented speed and confidence.
811

9-
Validated Patterns are an evolution of how you deploy applications in a hybrid cloud. With a pattern, you can automatically deploy a full application stack through a GitOps-based framework. With this framework, you can create business-centric use cases while maintaining a level of Continuous Integration (CI) over your application.
12+
Go beyond traditional reference architectures. Validated Patterns deliver automated, rigorously tested application stacks for your hybrid cloud, powered by GitOps.

‎layouts/_default/baseof.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html>
33
{{- partial "head.html" . -}}
4-
<body{{ with .File }} data-github-file="{{ .Path }}"{{ end }}>
4+
<body>
55
<div class="pf-c-page">
66
{{- partial "header.html" . -}}
77
{{- block "main" . }}
88
<!-- get all the things from the content files -->
99
{{- end }}
1010
</div>
1111
<script src="{{ "js/codeblock.js" | relURL }}"></script>
12-
<script src="{{ "js/select-report-issue-popup.js" | relURL }}"></script>
12+
<script src="{{ "js/mobile-nav.js" | relURL }}"></script>
1313
</body>
1414
<!-- Uncomment when you have sorted out the feedback partials option
1515
<body>

‎layouts/index.html‎

Lines changed: 435 additions & 27 deletions
Large diffs are not rendered by default.

‎layouts/partials/head.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
<head>
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
24
{{ $sass := resources.Get "sass/patternfly.scss" }}
35
{{ $style := $sass | resources.ToCSS }}
46
<link rel="stylesheet" href="{{ $style.Permalink }}">
57
{{ $sass := resources.Get "sass/patternfly-addons.scss" }}
68
{{ $style := $sass | resources.ToCSS }}
7-
<link rel="stylesheet" href="/css/custom.css">
89
<link rel="stylesheet" href="{{ $style.Permalink }}">
10+
<link rel="stylesheet" href="/css/custom.css">
911
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.3.0/css/solid.css">
1012
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.3.0/css/fontawesome.css">
1113
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.3.0/css/brands.css">

‎layouts/partials/header.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
<header class="pf-c-page__header">
22
<div class="pf-c-page__header-brand">
3+
<div class="pf-c-page__header-brand-toggle">
4+
<button class="pf-c-button pf-m-plain mobile-nav-toggle" type="button" aria-label="Global navigation" id="mobile-nav-toggle">
5+
<i class="fas fa-bars" aria-hidden="true"></i>
6+
</button>
7+
</div>
38
<a href="{{ .Site.Home.RelPermalink }}" class="pf-c-page__header-brand-link">
49
{{ with .Site.Params.site_logo }}
510
<img src="{{ relURL . }}" alt="{{ $.Site.Title }}" />

‎layouts/partials/select-report-issue-hover.html‎

Lines changed: 0 additions & 54 deletions
This file was deleted.

‎layouts/partials/select-report-issue-popup.html‎

Lines changed: 0 additions & 54 deletions
This file was deleted.

‎layouts/partials/site-navigation.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<nav class="pf-c-nav pf-m-horizontal" role="navigation">
1+
<nav class="pf-c-nav pf-m-horizontal mobile-nav" role="navigation" id="mobile-nav">
22
{{ if .Site.Menus.main }}
33
<ul class="pf-c-nav__list">
44
{{ range .Site.Menus.main }}

‎layouts/partials/toc.html‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,4 @@
11
<aside class="pf-c-jump-links pf-m-vertical sticky pf-m-expandable pf-m-non-expandable-on-2xl" aria-label="Table of contents">
2-
<div class="pf-l-stack pf-m-gutter">
3-
<div class="pf-l-stack__item pf-u-text-align-right">
4-
{{ with .File }}
5-
{{ $githubRepo := "validatedpatterns/docs" }}
6-
{{ $githubBranch := "main" }}
7-
{{ $githubFilePath := .Path }}
8-
<a href="https://github.com/{{ $githubRepo }}/edit/{{ $githubBranch }}/content/{{ $githubFilePath }}" target="_blank" rel="noopener noreferrer">
9-
<span class="pf-c-icon pf-m-md" title="Edit this page">
10-
<span class="pf-c-icon__content"><i class="fa-solid fa-pencil"></i></span>
11-
</span>
12-
</a>
13-
{{ end }}
14-
<a href="https://github.com/validatedpatterns/docs/commits/main/content/{{ .File.Path }}" target="_blank" rel="noopener noreferrer"><span class="pf-c-icon pf-m-md" title="View page history"><span class="pf-c-icon__content"><i class="fa-solid fa-clock-rotate-left"></i></span></span></a>
15-
<a id="report-doc-bug-btn" href="https://jira.example.com/"><span class="pf-c-icon pf-m-md" title="File a documentation bug"><span class="pf-c-icon__content"><i class="fa-regular fa-bug"></i></span></span></a>
16-
</div>
172
<div class="pf-l-stack__item">
183
<div class="pf-c-jump-links__header">
194
<div class="pf-c-jump-links__label">
@@ -22,5 +7,4 @@ <h1>Table of Contents</h1>
227
</div>
238
{{- .TableOfContents | replaceRE "<ul>" "<ul class=\"pf-c-jump-links__list\">" | replaceRE "<li>" "<li class=\"pf-c-jump-links__item\">" | replaceRE "<a" "<a class=\"pf-c-jump-links__link\"" | safeHTML }}
249
</div>
25-
</div>
2610
</aside>

0 commit comments

Comments
 (0)