Skip to content

Commit 0a459a6

Browse files
hmillersarahhmillersarah
committed
update all pages with nav header component
1 parent c1ae61a commit 0a459a6

15 files changed

Lines changed: 74 additions & 2691 deletions

‎ims-advocacy.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -73,9 +73,6 @@
7373
<!-- delayed search -->
7474
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>
7575

76-
<!-- Hamburger menu -->
77-
<script src="wp-includes/js/navbar.js"></script>
78-
7976
<!-- Web components -->
8077
<script src="web-components/nav-header/nav-header.js" type="module"></script>
8178
</head>

‎ims-apis.html‎

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

28886
<div id="content" class="site-content">
28987
<div class="entry-content">

0 commit comments

Comments
 (0)