Skip to content

Commit 9145614

Browse files
jayachristinajayachristina
committed
header nav UI
1 parent a46fe69 commit 9145614

File tree

2 files changed

+54
-51
lines changed

2 files changed

+54
-51
lines changed

‎dev-site.yml

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@ runtime:
22
cache_dir: ./.cache/antora
33

44
site:
5-
title: Solution Patterns for Cloud Native Architectures (Dev Mode)
5+
title: Solution Patterns from Red Hat
66
url: http://localhost:3000/
77
start_page: api-first::index.adoc
8+
keys:
9+
google_analytics: 'G-9TW8CJFT3N'
810

911
content:
1012
sources:

‎supplemental-ui/partials/header-content.hbs

Lines changed: 51 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
12
<header class="header">
23
<script type="text/javascript">
34
document.addEventListener('DOMContentLoaded', function () {
@@ -42,67 +43,67 @@
4243
4344
</script>
4445
<nav class="navbar">
45-
<div class="navbar-brand">
46+
<div class="navbar-brand">
4647
<a class="navbar-item" style="font-size: 20px; color: white" href="{{{or site.url (or siteRootUrl siteRootPath)}}}">
4748
<img src="{{uiRootPath}}/img/logo.png" height="35px" alt="Solution Patterns">&nbsp; {{site.title}}</a>
4849
<button class="navbar-burger" data-target="topbar-nav">
50+
<span></span>
51+
<span></span>
52+
<span></span>
4953
</button>
50-
5154
</div>
52-
<div class="navbar-item" ><span class="navbar-text" style="color: white; margin-left: 1rem; margin-right: 1rem;">|</span></div>
53-
54-
<div class="navbar-item has-dropdown is-hoverable" >
55-
<a class="navbar-link" href="#" style="color: white">Red Hat Patterns</a>
56-
<div class="navbar-dropdown">
57-
<a class="navbar-item" href="https://www.redhat.com/architect/portfolio/" target="_blank">Portfolio Architecture&nbsp; </a>
58-
<a class="navbar-item" href="https://redhat-solution-patterns.github.io/solution-patterns/patterns.html" target="_blank">Solution Patterns </a>
59-
<a class="navbar-item" href="https://validatedpatterns.io/" target="_blank">Validated Patterns&nbsp;</a>
60-
61-
</div>
62-
</div>
63-
<div class="navbar-item has-dropdown is-hoverable" >
64-
<a class="navbar-link" href="#" style="color: white">Resources</a>
65-
<div class="navbar-dropdown">
66-
<a class="navbar-item" target="_blank" href="https://www.redhat.com/en/products/application-foundations">Red Hat Application Services</a>
67-
<a class="navbar-item" target="_blank" href="https://developers.redhat.com/app-dev-platform">App Dev Platform</a>
68-
</div>
69-
</div>
70-
71-
<div class="navbar-item" ><span class="navbar-text" style="color: white; margin-left: 1rem; margin-right: 1rem;">|</span></div>
72-
73-
74-
75-
7655
<div id="topbar-nav" class="navbar-menu">
7756
<div class="navbar-end">
78-
79-
80-
81-
<div class="navbar-item" id="navbar-form-empty">
82-
<span class="navbar-text" style="margin-left: 2rem;">
83-
<span class="navbar-text" style="margin-left: 1rem; margin-right: 1rem;">&nbsp;<i style="color: orange;"
84-
class="fa fa-exclamation-triangle" aria-hidden="true"></i></span>
85-
Your Workshop Environment
86-
87-
<form action="javascript:void(0);" onsu>
88-
<input size="20" id="userId" type="text" placeholder="USER ID">
89-
<input size="20" id="subdomain" type="text" placeholder="Subdomain">
90-
<button type="hidden" onclick="goWithUserId();">Set</button>
91-
</form>
57+
<div class="navbar-item has-dropdown is-hoverable">
58+
<a class="navbar-link" href="#">Architectures &amp; Patterns</a>
59+
<div class="navbar-dropdown">
60+
<a class="navbar-item" href="https://www.redhat.com/architect/portfolio/" target="_blank">Portfolio Architecture&nbsp; </a>
61+
<a class="navbar-item" href="https://redhat-solution-patterns.github.io/solution-patterns/patterns.html" target="_blank">Solution Patterns </a>
62+
<a class="navbar-item" href="https://validatedpatterns.io/" target="_blank">Validated Patterns&nbsp;</a>
63+
<a class="navbar-item" href="https://catalog.redhat.com/solutions" target="_blank">Ecosystem Solutions&nbsp;</a>
64+
</div>
9265
</div>
93-
94-
<div class="navbar-item" id="navbar-form-filled" style="display: none;">
95-
<span class="navbar-text" style="margin-left: 2rem;">
96-
<span class="navbar-text " style="margin-left: 1rem; margin-right: 1rem; float:left">
97-
&nbsp;Your Workshop Environment <span class="navbar-text" style="margin-left: 1rem; margin-right: 1rem;">&nbsp;<i alt="Clear details" title="Clear details" onclick="recycle();" style="color: green;" class="fa fa-recycle" aria-hidden="true"></i>
9866

99-
<br><span id="userIdDisplay"></span> <span style="color: white; margin-left: 1rem; margin-right: 1rem;">|</span>
100-
<span id="subdomainDisplay"></span>
67+
<div class="navbar-item has-dropdown is-hoverable">
68+
<a class="navbar-link" href="#">Resources</a>
69+
<div class="navbar-dropdown">
70+
<a class="navbar-item" target="_blank" href="https://developers.redhat.com">Red Hat Developers</a>
71+
<a class="navbar-item" target="_blank" href="https://developers.redhat.com/app-dev-platform">App Dev Platform</a>
72+
<a class="navbar-item" target="_blank" href="https://www.redhat.com/en/products/application-foundations">Red Hat Application Services</a>
73+
</div>
10174
</div>
10275

76+
<a class="navbar-item" target="_blank" href="https://github.com/redhat-solution-patterns/redhat-solution-patterns.github.io/issues">Feedback</a>
77+
<a class="navbar-item" target="_blank" href="https://redhat-solution-patterns.github.io/solution-patterns/contributors-guide.html">Contribute</a>
78+
79+
<div class="navbar-item" >
80+
<div id="navbar-form-empty">
81+
<span >
82+
<span>
83+
&nbsp;
84+
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
85+
</span>
86+
Your Workshop Environment
87+
<form action="javascript:void(0);" onsu>
88+
<input size="20" id="userId" type="text" placeholder="USER ID">
89+
<input size="20" id="subdomain" type="text" placeholder="Subdomain">
90+
<button type="hidden" onclick="goWithUserId();">Set</button>
91+
</form>
92+
</span>
93+
</div>
10394

104-
</span>
105-
95+
<div id="navbar-form-filled" style="display: none;">
96+
<span>
97+
<span>
98+
Your Workshop Environment
99+
<span class="navbar-text" style="margin-left: 1rem; margin-right: 1rem;">
100+
<i alt="Clear details" title="Clear details" onclick="recycle();" style="color: green;" class="fa fa-recycle" aria-hidden="true"></i>
101+
<br><span id="userIdDisplay"></span> <span>|</span>
102+
<span id="subdomainDisplay"></span>
103+
</div>
104+
</div>
105+
</div>
106106
</div>
107107
</nav>
108-
</header>
108+
</header>
109+

0 commit comments

Comments
 (0)