Skip to content

Commit 171a3a6

Browse files
hmillersarahhmillersarah
committed
docs and support section grid fix
1 parent c01e883 commit 171a3a6

3 files changed

Lines changed: 73 additions & 133 deletions

File tree

‎ims-java.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -184,21 +184,21 @@ <h2>Get demos and code samples</h2>
184184
<div class="pure-u-1 pure-u-lg-1-4">
185185
<h2 >Java can save you time, money, and headaches</h2>
186186
</div>
187-
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-pad">
187+
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-g-pad">
188188
<div>
189189
<img src="wp-content/Icon_Cost_Java and IMSPage.svg" alt="" class="icon">
190190
<h3>Cost</h3>
191191
<p>Java processing can be offloaded to specialty engines, which means you just saved some money.</p>
192192
</div>
193193
</div>
194-
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-pad">
194+
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-g-pad">
195195
<div>
196196
<img src="wp-content/Icon_Application agility_Java and IMSPage.svg" alt="" class="icon">
197197
<h3 >Application agility</h3>
198198
<p>Choosing Java means you have access to millions of skilled developers who can write IMS applications.</p>
199199
</div>
200200
</div>
201-
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-pad">
201+
<div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-4 pure-g-pad">
202202
<div>
203203
<img src="wp-content/Icon_Co-location_Java and IMSPage.svg" alt="" class="icon">
204204
<h3 >Co-location</h3>

‎index.html‎

Lines changed: 65 additions & 129 deletions
Original file line numberDiff line numberDiff line change
@@ -156,54 +156,54 @@ <h3>GitHub</h3>
156156

157157
<!-- =========================== Innovate =========================== -->
158158
<section class="innovate-home-bg black-bg pure-g">
159-
<div class="pure-u-1 pure-u-md-1-3">
159+
<div class="pure-u-1 pure-u-md-1-3 section-header">
160160
<h2>Innovate</h2>
161161
<h3>Discover how to modernize your IMS system and business applications.</h3>
162162
</div>
163-
<div class="pure-u-1 pure-u-sm-1-3">
164-
<img src="wp-content/icons/Icon_Homepage_APIs.svg" alt="" class="icon icon-lg icon-invert">
165-
<h3>APIs</h3>
163+
<div class="pure-u-1 pure-u-sm-1-3 pure-pad">
164+
<img src="wp-content/icons/Icon_Homepage_APIs.svg" alt="" class="icon icon-lg icon-invert">
165+
<h3>APIs</h3>
166+
<p>
167+
Not sure how the mainframe and APIs mix?
168+
Learn how to create consumable IMS APIs in minutes.
169+
</p>
170+
<a href="ims-apis.html" aria-label="Learn more about APIs">Learn more</a>
171+
</div>
172+
<div class="pure-u-1 pure-u-sm-1-3 pure-pad">
173+
<img src="wp-content/icons/icon_automation.svg" alt="" class="icon icon-lg icon-invert">
174+
<h3>Automation</h3>
166175
<p>
167-
Not sure how the mainframe and APIs mix?
168-
Learn how to create consumable IMS APIs in minutes.
176+
See how Ansible® helps you automate z/OS® applications and IT infrastructure as part of your enterprise
177+
automation strategy by using a proven and consistent approach.
169178
</p>
170-
<a href="ims-apis.html" aria-label="Learn more about APIs">Learn more</a>
171-
</div>
172-
<div class="pure-u-1 pure-u-sm-1-3">
173-
<img src="wp-content/icons/icon_automation.svg" alt="" class="icon icon-lg icon-invert">
174-
<h3>Automation</h3>
175-
<p>
176-
See how Ansible® helps you automate z/OS® applications and IT infrastructure as part of your enterprise
177-
automation strategy by using a proven and consistent approach.
178-
</p>
179-
<a href="ims-education.html" aria-label="Learn more about courses">Learn more</a>
180-
</div>
181-
<div class="pure-u-1 pure-u-sm-1-3">
182-
<img src="wp-content/Icon_Homepage_Java and IMS.svg" alt="" class="icon icon-lg icon-invert">
183-
<h3>Java</h3>
184-
<p>
185-
With over 15 years of support, Java™ has become the quintessential language of modern
186-
IMS applications. Get started with our Java offerings.
187-
</p>
188-
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
189-
</div>
190-
<div class="pure-u-1 pure-u-sm-1-3">
191-
<img src="wp-content/Icon_Homepage_IMS Database Manager.svg" alt="" class="icon icon-lg icon-invert">
192-
<h3>IMS Database</h3>
193-
<p>
194-
Data integrity, performance, simplified use of SQL, and powerful recovery tools make IMS Database Manager the best choice to protect your enterprise assets.
195-
</p>
196-
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
197-
</div>
198-
<div class="pure-u-1 pure-u-sm-1-3">
199-
<img src="wp-content/icons/icon_3d.svg" alt="" class="icon icon-lg icon-invert">
200-
<h3>IMS Transaction Manager</h3>
201-
<p>
202-
Using APIs and distributed connectivity, IMS integrates with modern tools and emerging technologies,
203-
enabling it to host mission-critical applications to support billions of transactions per day.
204-
</p>
205-
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
206-
</div>
179+
<a href="ims-education.html" aria-label="Learn more about courses">Learn more</a>
180+
</div>
181+
<div class="pure-u-1 pure-u-sm-1-3 pure-pad">
182+
<img src="wp-content/Icon_Homepage_Java and IMS.svg" alt="" class="icon icon-lg icon-invert">
183+
<h3>Java</h3>
184+
<p>
185+
With over 15 years of support, Java™ has become the quintessential language of modern
186+
IMS applications. Get started with our Java offerings.
187+
</p>
188+
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
189+
</div>
190+
<div class="pure-u-1 pure-u-sm-1-3 pure-pad">
191+
<img src="wp-content/Icon_Homepage_IMS Database Manager.svg" alt="" class="icon icon-lg icon-invert">
192+
<h3>IMS Database</h3>
193+
<p>
194+
Data integrity, performance, simplified use of SQL, and powerful recovery tools make IMS Database Manager the best choice to protect your enterprise assets.
195+
</p>
196+
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
197+
</div>
198+
<div class="pure-u-1 pure-u-sm-1-3 pure-pad">
199+
<img src="wp-content/icons/icon_3d.svg" alt="" class="icon icon-lg icon-invert">
200+
<h3>IMS Transaction Manager</h3>
201+
<p>
202+
Using APIs and distributed connectivity, IMS integrates with modern tools and emerging technologies,
203+
enabling it to host mission-critical applications to support billions of transactions per day.
204+
</p>
205+
<a href="ims-repos.html" aria-label="Learn more about IMS GutHub repositories">Learn more</a>
206+
</div>
207207
</section>
208208

209209
<!-- =========================== Engage =========================== -->
@@ -255,110 +255,46 @@ <h3>Find IMS documentation or get help with IMS.</h3>
255255
<div class="pure-u-1 pure-u-md-2-3">
256256
<div class="pure-g pure-g-pad">
257257
<div class="pure-u-1 pure-u-sm-1-2">
258-
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
259-
<h3>Videos</h3>
258+
<img src="wp-content/Icon_Homepage_IBM Documentation.svg" alt="" class="icon icon-lg">
259+
<h3>Documentation</h3>
260260
<p>
261-
Check out educational videos on Java, managed ACBs,
262-
IMS catalog, shared queues, DBRC, and more.
261+
The home for IMS, IMS Tools, and other IBM product documentation.
263262
</p>
264-
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
263+
<a href="ims-docs.html" aria-label="Learn more about documentation">Learn more</a>
265264
</div>
266265
<div class="pure-u-1 pure-u-sm-1-2">
267-
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
268-
<h3>Videos</h3>
266+
<img src="wp-content/Icon_Homepage_Get help.svg" alt="" class="icon icon-lg">
267+
<h3>Get help</h3>
269268
<p>
270-
Check out educational videos on Java, managed ACBs,
271-
IMS catalog, shared queues, DBRC, and more.
269+
Contact IBM Support, open an RFE, or check out the IMS support forum.
272270
</p>
273-
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
271+
<a href="ims-support.html" aria-label="Learn more about getting help">Learn more</a>
274272
</div>
275273
<div class="pure-u-1 pure-u-sm-1-2">
276-
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
277-
<h3>Videos</h3>
274+
<img src="wp-content/Launch_Icon.svg" alt="" class="icon icon-lg">
275+
<h3>Product page</h3>
278276
<p>
279-
Check out educational videos on Java, managed ACBs,
280-
IMS catalog, shared queues, DBRC, and more.
277+
Find case studies, product features, downloads, trial software, and more.
281278
</p>
282-
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
279+
<a href="https://www.ibm.com/products/ims" aria-label="Learn more about IMS product page"
280+
target="_blank" rel="noopener noreferrer">
281+
Learn more →
282+
</a>
283283
</div>
284284
<div class="pure-u-1 pure-u-sm-1-2">
285-
<img src="wp-content/Icon_Banner_IMS VideosPage.svg" alt="" class="icon icon-lg">
286-
<h3>Videos</h3>
285+
<img src="wp-content/Logo_LinkedIn_Icon.svg" alt="" class="icon icon-lg">
286+
<h3>LinkedIn</h3>
287287
<p>
288-
Check out educational videos on Java, managed ACBs,
289-
IMS catalog, shared queues, DBRC, and more.
288+
Get the latest news on events, releases, training, and more.
290289
</p>
291-
<a href="ims-videos.html" aria-label="Learn more about videos">Learn more</a>
290+
<a href="https://www.linkedin.com/groups/1949922/" aria-label="Learn more about LinkedIn"
291+
target="_blank" rel="noopener noreferrer">
292+
Learn more →
293+
</a>
292294
</div>
293295
</div>
294296
</div>
295297
</section>
296-
297-
<!-- =========================== Doc / Support =========================== -->
298-
<div class="zs-gray-section ibm-background-white-core docs-section">
299-
<section class="zs-section docs-container">
300-
<!--Header -->
301-
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
302-
<h2>Docs and Support</h2>
303-
<p class="index-subheader">Find IMS documentation or get help with IMS.</p>
304-
</div>
305-
<div class="pure-u-lg-1-24 docs-spacer"></div>
306-
307-
<!-- Selection container -->
308-
<div class="pure-u-lg-16-24 pure-u-1">
309-
<div class="pure-g index-cards docs-cards">
310-
311-
<!-- IBM Docs -->
312-
<div class="pure-u-1 pure-u-sm-1 docs-card">
313-
<div class="pure-u-1-24">
314-
<img class="ims-card-icon" src="wp-content/Icon_Homepage_IBM Documentation.svg" alt="">
315-
</div>
316-
<div class="pure-u-18-24">
317-
<h3>Documentation</h3>
318-
<p>The home for IMS, IMS Tools, and other IBM product documentation.</p>
319-
<a href="ims-docs.html" aria-label="Learn more about documentation">Learn more</a>
320-
</div>
321-
</div>
322-
323-
<!-- Get help -->
324-
<div class="pure-u-1 pure-u-sm-1 docs-card">
325-
<div class="pure-u-1-24">
326-
<img class="ims-card-icon" src="wp-content/Icon_Homepage_Get help.svg" alt="">
327-
</div>
328-
<div class="pure-u-18-24">
329-
<h3>Get help</h3>
330-
<p>Contact IBM Support, open an RFE, or check out the IMS support forum.</p>
331-
<a href="ims-support.html" aria-label="Learn more about getting help">Learn more</a>
332-
</div>
333-
</div>
334-
335-
<!-- IMS Product Page -->
336-
<div class="pure-u-1 pure-u-sm-1 docs-card">
337-
<div class="pure-u-1-24">
338-
<img class="ims-card-icon" src="wp-content/Launch_Icon.svg" alt="">
339-
</div>
340-
<div class="pure-u-18-24">
341-
<h3>Product page</h3>
342-
<p>Find case studies, product features, downloads, trial software, and more.</p>
343-
<a href="https://www.ibm.com/products/ims" aria-label="Learn more about IMS product page">Learn more</a>
344-
</div>
345-
</div>
346-
347-
<!-- LinkedIn -->
348-
<div class="pure-u-1 pure-u-sm-1 docs-card">
349-
<div class="pure-u-1-24">
350-
<img class="ims-card-icon" src="wp-content/Logo_LinkedIn_Icon.svg" alt="">
351-
</div>
352-
<div class="pure-u-18-24">
353-
<h3>LinkedIn</h3>
354-
<p>Get the latest news on events, releases, training, and more.</p>
355-
<a href="https://www.linkedin.com/groups/1949922/" aria-label="Learn more about LinkedIn">Learn more</a>
356-
</div>
357-
</div>
358-
</div>
359-
</div>
360-
</section>
361-
</div>
362298
</main>
363299

364300
<!-- Footer -->

‎wp-includes/css/page.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -272,6 +272,10 @@ h6 {
272272
padding-right: 2em;
273273
}
274274

275+
.section-header h3 {
276+
font-weight: normal;
277+
}
278+
275279
/* Targets all section containing card grid (ex. videos, course, etc.) */
276280
.card-section {
277281
padding: 2em 4em !important;
@@ -292,7 +296,7 @@ h6 {
292296
}
293297

294298
/* For individual pure grid units requiring paddings */
295-
.pure-pad > div {
299+
.pure-pad {
296300
padding: 1.2em;
297301
}
298302

0 commit comments

Comments
 (0)