Skip to content

Commit 497b998

Browse files
hmillersarahhmillersarah
authored
Merge pull request #47 from imsdev/43-reusable-component-navigation
Reusable component navigation
2 parents c073ed3 + 1ff1aa9 commit 497b998

30 files changed

Lines changed: 1477 additions & 3835 deletions

‎404.html‎

Lines changed: 4 additions & 218 deletions
Original file line numberDiff line numberDiff line change
@@ -74,226 +74,15 @@
7474
<!-- delayed search -->
7575
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>
7676

77-
<!-- Hamburger menu -->
78-
<script src="wp-includes/js/navbar.js"></script>
77+
<!-- Web components -->
78+
<script src="web-components/nav-header/nav-header.js" type="module"></script>
7979

8080
</head>
8181

8282
<!-- MASTHEAD_SITENAV_BEGIN -->
8383
<body id="ibm-com" class="ibm-com ibm-type group-blog">
8484
<div class="ibm-landing-page pg-404">
85-
<div id="ibm-content-wrapper" class="sticky-nav">
86-
<header id="ibm-pageheader" aria-label="Site navigation bar">
87-
<a class="skip-link screen-reader-text" href="#main">Skip to content</a>
88-
89-
<!-- --------------- NAV BAR --------------- -->
90-
<section class="p-menu1">
91-
<nav id="navbar" class="navigation" aria-labelledby="ibm-pageheader">
92-
93-
<!-- Site name wrapper -->
94-
<span class="sitename-wrap">
95-
<a href="index.html" class="logo-container">
96-
<img src="wp-content/IMS_logo_small.png"
97-
id="left-bar-brand"
98-
alt="IMS logo"
99-
>
100-
</a>
101-
<a href="index.html" class="logo-container">
102-
<h4 class="site-header-text">
103-
IBM <b>IMS Central</b>
104-
</h4>
105-
</a>
106-
</span>
107-
108-
<!-- Search wrapper -->
109-
<form id="searchbar" aria-label="Search">
110-
<div class="tipue_search_right">
111-
<svg id="search-mag" alt="Search magnifying glass" xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 32 32">
112-
<defs>
113-
<style> .cls-1 { fill: none; } </style>
114-
</defs>
115-
<path d="M29,27.5859l-7.5521-7.5521a11.0177,11.0177,0,1,0-1.4141,1.4141L27.5859,29ZM4,13a9,9,0,1,1,9,9A9.01,9.01,0,0,1,4,13Z" transform="translate(0 0)"/>
116-
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
117-
</svg>
118-
<input type="text" name="q" id="tipue_search_input"
119-
pattern=".{3,}" title="Search bar"
120-
placeholder="What are you looking for today?" autocomplete="off" required autofocus>
121-
<svg id="search-clr" aria-label="Clear search" role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" height="15px" viewBox="0 0 329.26933 329" width="15px">
122-
<path d="m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0"/>
123-
</svg>
124-
</div>
125-
</form>
126-
127-
<!-- On page-load activation -->
128-
<script>
129-
$(document).ready(function() {
130-
$('#tipue_search_input').tipuesearch();
131-
});
132-
</script>
133-
134-
<!-- Search drop-down -->
135-
<div id="tipue_search_content" class="search_content search-dropdown"></div>
136-
137-
<!-- Hamburger drop-down menu -->
138-
<input type="checkbox" tabindex="0" id="toggle1" class="support-enter" aria-label="Hamburger Menu"/>
139-
140-
<label class="hamburger1">
141-
<!-- Burgie wrapper -->
142-
<label class="burg-wrap" for="toggle1">
143-
<span class="hide-label">Label for input</span>
144-
<span class="burg-bars">
145-
<span class="hide-label">Label for input</span>
146-
<div class="top"></div>
147-
<div class="meat"></div>
148-
<div class="bottom"></div>
149-
</span>
150-
</label>
151-
</label>
152-
153-
<!-- Hamburger drop-down menu options -->
154-
<nav class="menu1" aria-label="Dropdown menu items">
155-
<div class="pages pure-g">
156-
<!-- Innovate -->
157-
<div class="pure-u-1 pure-u-sm-1-4">
158-
<h3>Innovate</h3>
159-
<!-- cards/pages -->
160-
<!-- 1 -->
161-
<a title="APIs" href="ims-apis.html" class="nav-item" tabindex="-1">
162-
<div class="navcard">
163-
<h5>APIs</h5>
164-
<p>Unlock the value of your IMS applications by making easily consumable APIs in minutes.</p>
165-
</div>
166-
</a>
167-
<!-- 2 -->
168-
<a title="DevOps" href="ims-devops.html" class="nav-item" tabindex="-1">
169-
<div class="navcard">
170-
<h5>Automation</h5>
171-
<p>Learn how to automate your IT infrastructure and applications on IBM Z.</p>
172-
</div>
173-
</a>
174-
<!-- 3 -->
175-
<a title="Java" href="ims-java.html" class="nav-item" tabindex="-1">
176-
<div class="navcard">
177-
<h5>Java</h5>
178-
<p>Build Java applications to run inside or outside IMS.</p>
179-
</div>
180-
</a>
181-
<!-- 4 -->
182-
<a title="Database" href="ims-db.html" class="nav-item" tabindex="-1">
183-
<div class="navcard">
184-
<h5>IMS Database</h5>
185-
<p>IMS Database: fast, secure, reliable.</p>
186-
</div>
187-
</a>
188-
</div>
189-
190-
<!-- Engage -->
191-
<div class="pure-u-1 pure-u-sm-1-4">
192-
<h3>Engage</h3>
193-
<!-- cards/pages -->
194-
<!-- 1 -->
195-
<a title="Gold" href="ims-gold.html" class="nav-item" tabindex="-1">
196-
<div class="navcard">
197-
<h5>IMS Gold</h5>
198-
<p>Join the IMS client feedback program for the latest IMS news and engage with other customers.</p>
199-
</div>
200-
</a>
201-
<!-- 2 -->
202-
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
203-
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
204-
<div class="navcard">
205-
<h5>IMS community
206-
<img src="wp-content/Icon07.png" alt="External link" style="height: 15px; width: 15px;margin-left:10px"></img>
207-
</h5>
208-
<p>See the latest IMS blogs, engage in IMS forums, and more by visiting the <b><em>IMS Community</em></b> website.</p>
209-
</div>
210-
</a>
211-
<!-- 3 -->
212-
<a title="Advocates and ideas" href="ims-advocacy.html" class="nav-item" tabindex="-1">
213-
<div class="navcard">
214-
<h5>Advocates and ideas</h5>
215-
<p>Get an IMS advocate to represent you and learn how to submit ideas to the IMS team.</p>
216-
</div>
217-
</a>
218-
<!-- 4 -->
219-
<a title="IMS Internship" href="ims-internship-2025.html" class="nav-item" tabindex="-1">
220-
<div class="navcard">
221-
<h5>IMS Customer Internship</h5>
222-
<p>Register for the May 2025 event today.</p>
223-
</div>
224-
</a>
225-
</div>
226-
227-
<!-- Learn -->
228-
<div class="pure-u-1 pure-u-sm-1-4">
229-
<h3>Learn</h3>
230-
<!-- cards/pages -->
231-
<!-- 1 -->
232-
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
233-
<div class="navcard">
234-
<h5>IMS videos</h5>
235-
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
236-
</div>
237-
</a>
238-
<!-- 2 -->
239-
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
240-
<div class="navcard">
241-
<h5>IMS courses</h5>
242-
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.
243-
Try the latest instructor-led classes.</p>
244-
</div>
245-
</a>
246-
<!-- 3 -->
247-
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
248-
<div class="navcard">
249-
<h5>IMS repos on GitHub</h5>
250-
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
251-
</div>
252-
</a>
253-
</div>
254-
255-
<!-- Docs & Support -->
256-
<div class="pure-u-1 pure-u-sm-1-4">
257-
<h3>
258-
Documentation & support
259-
</h3>
260-
<!-- cards/pages -->
261-
<!-- 1 -->
262-
<a title="IMS Docs" href="ims-docs.html" class="nav-item" tabindex="-1">
263-
<div class="navcard">
264-
<h5>IMS documentation</h5>
265-
<p>Find information on IMS, tools, and other IBM products.</p>
266-
</div>
267-
</a>
268-
<!-- 2 -->
269-
<a title="IMS Support" href="ims-support.html" class="nav-item" tabindex="-1">
270-
<div class="navcard">
271-
<h5>IMS support</h5>
272-
<p>Get help with IMS or other IBM products.</p>
273-
</div>
274-
</a>
275-
<hr class="nav-divider"/>
276-
<!-- 3 special -->
277-
<div class="navcard-special">
278-
<h5>IMS Advocacy</h5>
279-
<!-- <p style="color: rgb(199, 199, 199); margin-top: -5px;">If you don't have an advocate, or would like to change your
280-
IMS advocate, please contact Deepak Kohli at <a href="mailto:deepakk@us.ibm.com"
281-
style="margin:0 !important;color: #78A9FF;"><u>deepakk@us.ibm.com</u></a>.</p> -->
282-
<p>If you don't have an advocate, contact Deepak Kohli at
283-
<a href="mailto:deepakk@us.ibm.com"
284-
class="nav-item"
285-
tabindex="-1">
286-
<em>deepakk@us.ibm.com</em>
287-
</a>.
288-
</p>
289-
</div>
290-
</div>
291-
</div>
292-
</nav>
293-
</nav>
294-
</section>
295-
</header>
296-
</div>
85+
<nav-header></nav-header>
29786

29887
<!-- Additional styling for content after navigation -->
29988
<head>
@@ -345,7 +134,7 @@ <h2 class="text-404">404</h2>
345134
<div class="ibm-col-1-1">
346135
<div class="ibm-footer-corporate-links">
347136
<ul>
348-
<li><a onfocus="closeNavMenu()" href="https://www.ibm.com/contact/us" target="_blank">Contact</a></li>
137+
<li><a href="https://www.ibm.com/contact/us" target="_blank">Contact</a></li>
349138
<li><div></div></li>
350139
<li><a href="http://www.ibm.com/privacy/us/en/" target="_blank">Privacy</a></li>
351140
<li><div></div></li>
@@ -362,9 +151,6 @@ <h2 class="text-404">404</h2>
362151
</footer>
363152
</div><!-- #page -->
364153

365-
<!-- Search box functions -->
366-
<script src="jekyll-tipue-search/assets/tipuesearch/searchBox.js"></script>
367-
368154
<!-- post-load actions/listeners -->
369155
<script src="jekyll-tipue-search/assets/tipuesearch/postLoad.js"></script>
370156

IMS Gold Meet the Lab Flyer.pdf renamed to archive/IMS Gold Meet the Lab Flyer.pdf

File renamed without changes.

‎archive/ims-makerspace.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -316,7 +316,7 @@ <h1>IMS Makerspace</h1>
316316
education assets, design thinking exercises, a potential proof of concept, and production delivery.
317317
</p>
318318
<div class="pure-u-1 intro-sec-b">
319-
<a class="zs-w-button-transparent" target="_blank" rel="noopener noreferrer" onfocus="closeNavMenu()"
319+
<a class="zs-w-button-transparent" target="_blank" rel="noopener noreferrer"
320320
href="https://www.surveygizmo.com/s3/4453456/IMS-Makerspace-Enrollment-Form" aria-label="Enroll now into the IMS Makerspace framework">
321321
Enroll now →
322322
</a>
@@ -487,9 +487,6 @@ <h2>How long does this take?</h1>
487487
</footer>
488488
</div><!-- #page -->
489489

490-
<!-- Search box functions -->
491-
<script src="jekyll-tipue-search/assets/tipuesearch/searchBox.js"></script>
492-
493490
<!-- post-load actions/listeners -->
494491
<script src="jekyll-tipue-search/assets/tipuesearch/postLoad.js"></script>
495492

0 commit comments

Comments
 (0)