Skip to content

Commit 39beea3

Browse files
authored
Merge pull request #15 from imsdev/home-reorg
Reorganize Homepage and Navigation Dropdown
2 parents 0e3b49b + 06b4aba commit 39beea3

21 files changed

Lines changed: 517 additions & 586 deletions

404.html

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -199,13 +199,6 @@ <h5>IMS Gold</h5>
199199
</div>
200200
</a>
201201
<!-- 2 -->
202-
<a title="Makerspace" href="ims-makerspace.html" class="nav-item" tabindex="-1">
203-
<div class="navcard">
204-
<h5>Makerspace</h5>
205-
<p>Sign up to interact with a specialized IMS team who can help you solve real-world business challenges.</p>
206-
</div>
207-
</a>
208-
<!-- 3 -->
209202
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
210203
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
211204
<div class="navcard">

ims-advocacy.html

Lines changed: 28 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -163,6 +163,34 @@ <h4 class="site-header-text">
163163
<!-- Hamburger drop-down menu options -->
164164
<nav class="menu1" aria-label="Dropdown menu items">
165165
<div class="pages pure-g">
166+
167+
<!-- Learn -->
168+
<div class="pure-u-1 pure-u-sm-1-4">
169+
<h3>Learn</h3>
170+
<!-- cards/pages -->
171+
<!-- 1 -->
172+
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
173+
<div class="navcard">
174+
<h5>IMS videos</h5>
175+
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
176+
</div>
177+
</a>
178+
<!-- 2 -->
179+
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
180+
<div class="navcard">
181+
<h5>IMS courses</h5>
182+
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
183+
</div>
184+
</a>
185+
<!-- 3 -->
186+
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
187+
<div class="navcard">
188+
<h5>IMS repos on GitHub</h5>
189+
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
190+
</div>
191+
</a>
192+
</div>
193+
166194
<!-- Innovate -->
167195
<div class="pure-u-1 pure-u-sm-1-4">
168196
<h3>Innovate</h3>
@@ -216,13 +244,6 @@ <h5>IMS Gold</h5>
216244
</div>
217245
</a>
218246
<!-- 2 -->
219-
<a title="Makerspace" href="ims-makerspace.html" class="nav-item" tabindex="-1">
220-
<div class="navcard">
221-
<h5>Makerspace</h5>
222-
<p>Sign up to interact with a specialized IMS team who can help you solve real-world business challenges.</p>
223-
</div>
224-
</a>
225-
<!-- 3 -->
226247
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
227248
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
228249
<div class="navcard">
@@ -241,33 +262,6 @@ <h5>Advocacy</h5>
241262
</a>
242263
</div>
243264

244-
<!-- Learn -->
245-
<div class="pure-u-1 pure-u-sm-1-4">
246-
<h3>Learn</h3>
247-
<!-- cards/pages -->
248-
<!-- 1 -->
249-
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
250-
<div class="navcard">
251-
<h5>IMS videos</h5>
252-
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
253-
</div>
254-
</a>
255-
<!-- 2 -->
256-
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
257-
<div class="navcard">
258-
<h5>IMS courses</h5>
259-
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
260-
</div>
261-
</a>
262-
<!-- 3 -->
263-
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
264-
<div class="navcard">
265-
<h5>IMS repos on GitHub</h5>
266-
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
267-
</div>
268-
</a>
269-
</div>
270-
271265
<!-- Docs & Support -->
272266
<div class="pure-u-1 pure-u-sm-1-4">
273267
<h3>

ims-apis.html

Lines changed: 29 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -152,6 +152,34 @@ <h4 class="site-header-text">
152152
<!-- Hamburger drop-down menu options -->
153153
<nav class="menu1" aria-label="Dropdown menu items">
154154
<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+
155183
<!-- Innovate -->
156184
<div class="pure-u-1 pure-u-sm-1-4">
157185
<h3>Innovate</h3>
@@ -205,13 +233,6 @@ <h5>IMS Gold</h5>
205233
</div>
206234
</a>
207235
<!-- 2 -->
208-
<a title="Makerspace" href="ims-makerspace.html" class="nav-item" tabindex="-1">
209-
<div class="navcard">
210-
<h5>Makerspace</h5>
211-
<p>Sign up to interact with a specialized IMS team who can help you solve real-world business challenges.</p>
212-
</div>
213-
</a>
214-
<!-- 3 -->
215236
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
216237
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
217238
<div class="navcard">
@@ -230,33 +251,6 @@ <h5>Advocacy</h5>
230251
</a>
231252
</div>
232253

233-
<!-- Learn -->
234-
<div class="pure-u-1 pure-u-sm-1-4">
235-
<h3>Learn</h3>
236-
<!-- cards/pages -->
237-
<!-- 1 -->
238-
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
239-
<div class="navcard">
240-
<h5>IMS videos</h5>
241-
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
242-
</div>
243-
</a>
244-
<!-- 2 -->
245-
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
246-
<div class="navcard">
247-
<h5>IMS courses</h5>
248-
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
249-
</div>
250-
</a>
251-
<!-- 3 -->
252-
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
253-
<div class="navcard">
254-
<h5>IMS repos on GitHub</h5>
255-
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
256-
</div>
257-
</a>
258-
</div>
259-
260254
<!-- Docs & Support -->
261255
<div class="pure-u-1 pure-u-sm-1-4">
262256
<h3>
@@ -289,7 +283,7 @@ <h5>IMS support</h5>
289283
<main id="main" class="zs-main" >
290284

291285
<!-- =========================== IMS APIs Hero Banner =========================== -->
292-
<div class="banner white-bg">
286+
<div class="banner innovate-bg">
293287
<section id="intro-section" class="pure-g zs-section apis-hero">
294288
<div id="intro-header" class="pure-u-1"></div>
295289
<div class="pure-u-3-25">

ims-db.html

Lines changed: 29 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -155,6 +155,34 @@ <h4 class="site-header-text">
155155
<!-- Hamburger drop-down menu options -->
156156
<nav class="menu1" aria-label="Dropdown menu items">
157157
<div class="pages pure-g">
158+
159+
<!-- Learn -->
160+
<div class="pure-u-1 pure-u-sm-1-4">
161+
<h3>Learn</h3>
162+
<!-- cards/pages -->
163+
<!-- 1 -->
164+
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
165+
<div class="navcard">
166+
<h5>IMS videos</h5>
167+
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
168+
</div>
169+
</a>
170+
<!-- 2 -->
171+
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
172+
<div class="navcard">
173+
<h5>IMS courses</h5>
174+
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
175+
</div>
176+
</a>
177+
<!-- 3 -->
178+
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
179+
<div class="navcard">
180+
<h5>IMS repos on GitHub</h5>
181+
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
182+
</div>
183+
</a>
184+
</div>
185+
158186
<!-- Innovate -->
159187
<div class="pure-u-1 pure-u-sm-1-4">
160188
<h3>Innovate</h3>
@@ -208,13 +236,6 @@ <h5>IMS Gold</h5>
208236
</div>
209237
</a>
210238
<!-- 2 -->
211-
<a title="Makerspace" href="ims-makerspace.html" class="nav-item" tabindex="-1">
212-
<div class="navcard">
213-
<h5>Makerspace</h5>
214-
<p>Sign up to interact with a specialized IMS team who can help you solve real-world business challenges.</p>
215-
</div>
216-
</a>
217-
<!-- 3 -->
218239
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
219240
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
220241
<div class="navcard">
@@ -233,33 +254,6 @@ <h5>Advocacy</h5>
233254
</a>
234255
</div>
235256

236-
<!-- Learn -->
237-
<div class="pure-u-1 pure-u-sm-1-4">
238-
<h3>Learn</h3>
239-
<!-- cards/pages -->
240-
<!-- 1 -->
241-
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
242-
<div class="navcard">
243-
<h5>IMS videos</h5>
244-
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
245-
</div>
246-
</a>
247-
<!-- 2 -->
248-
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
249-
<div class="navcard">
250-
<h5>IMS courses</h5>
251-
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
252-
</div>
253-
</a>
254-
<!-- 3 -->
255-
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
256-
<div class="navcard">
257-
<h5>IMS repos on GitHub</h5>
258-
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
259-
</div>
260-
</a>
261-
</div>
262-
263257
<!-- Docs & Support -->
264258
<div class="pure-u-1 pure-u-sm-1-4">
265259
<h3>
@@ -299,7 +293,7 @@ <h5>IMS support</h5>
299293
<main class="zs-main" id="main">
300294

301295
<!-- =========================== IMS Database =========================== -->
302-
<div class="banner white-bg">
296+
<div class="banner innovate-bg">
303297
<section id="intro-section" class="pure-g zs-section db-hero">
304298
<div id="intro-header" class="pure-u-1"></div>
305299
<div class="pure-u-3-25">

ims-devops.html

Lines changed: 29 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,34 @@ <h4 class="site-header-text">
154154
<!-- Hamburger drop-down menu options -->
155155
<nav class="menu1" aria-label="Dropdown menu items">
156156
<div class="pages pure-g">
157+
158+
<!-- Learn -->
159+
<div class="pure-u-1 pure-u-sm-1-4">
160+
<h3>Learn</h3>
161+
<!-- cards/pages -->
162+
<!-- 1 -->
163+
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
164+
<div class="navcard">
165+
<h5>IMS videos</h5>
166+
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
167+
</div>
168+
</a>
169+
<!-- 2 -->
170+
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
171+
<div class="navcard">
172+
<h5>IMS courses</h5>
173+
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
174+
</div>
175+
</a>
176+
<!-- 3 -->
177+
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
178+
<div class="navcard">
179+
<h5>IMS repos on GitHub</h5>
180+
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
181+
</div>
182+
</a>
183+
</div>
184+
157185
<!-- Innovate -->
158186
<div class="pure-u-1 pure-u-sm-1-4">
159187
<h3>Innovate</h3>
@@ -207,13 +235,6 @@ <h5>IMS Gold</h5>
207235
</div>
208236
</a>
209237
<!-- 2 -->
210-
<a title="Makerspace" href="ims-makerspace.html" class="nav-item" tabindex="-1">
211-
<div class="navcard">
212-
<h5>Makerspace</h5>
213-
<p>Sign up to interact with a specialized IMS team who can help you solve real-world business challenges.</p>
214-
</div>
215-
</a>
216-
<!-- 3 -->
217238
<a title="IMS Community" class="nav-item" tabindex="-1" target="_blank" rel="noopener noreferrer"
218239
href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/topic-home?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
219240
<div class="navcard">
@@ -232,33 +253,6 @@ <h5>Advocacy</h5>
232253
</a>
233254
</div>
234255

235-
<!-- Learn -->
236-
<div class="pure-u-1 pure-u-sm-1-4">
237-
<h3>Learn</h3>
238-
<!-- cards/pages -->
239-
<!-- 1 -->
240-
<a title="IMS Videos" href="ims-videos.html" class="nav-item" tabindex="-1">
241-
<div class="navcard">
242-
<h5>IMS videos</h5>
243-
<p>Choose from hundreds of educational videos on IMS components, functions, and tools.</p>
244-
</div>
245-
</a>
246-
<!-- 2 -->
247-
<a title="IMS Courses" href="ims-education.html" class="nav-item" tabindex="-1">
248-
<div class="navcard">
249-
<h5>IMS courses</h5>
250-
<p>Get in-depth IMS education with these self-paced courses and earn digital badges.</p>
251-
</div>
252-
</a>
253-
<!-- 3 -->
254-
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
255-
<div class="navcard">
256-
<h5>IMS repos on GitHub</h5>
257-
<p>Get code samples and tutorials on IMS components, workflows, Java, and more.</p>
258-
</div>
259-
</a>
260-
</div>
261-
262256
<!-- Docs & Support -->
263257
<div class="pure-u-1 pure-u-sm-1-4">
264258
<h3>
@@ -299,7 +293,7 @@ <h5>IMS support</h5>
299293
<main class="zs-main" id="main">
300294

301295
<!-- =========================== IMS DevOps =========================== -->
302-
<div class="banner white-bg" >
296+
<div class="banner innovate-bg" >
303297
<section id="intro-section" class="pure-g zs-section intro-sec">
304298
<div id="intro-header" class="pure-u-1"></div>
305299
<div class="pure-u-3-25">

0 commit comments

Comments
 (0)