Skip to content

Commit 0c6941d

Browse files
committed
convert cards to components for testing
1 parent 0b135da commit 0c6941d

2 files changed

Lines changed: 85 additions & 156 deletions

File tree

ims-education.html

Lines changed: 84 additions & 155 deletions
Original file line numberDiff line numberDiff line change
@@ -352,186 +352,115 @@ <h1>IMS courses</h1>
352352
<!-- ALL ROLES header -->
353353
<h2 id="all">All roles</h2>
354354

355-
<course-card
356-
name="IMS Fundamentals"
357-
desc="Learn about the main components of IBM IMS: IMS Database Manager (IMS DB), IMS Transaction Manager (IMS TM), and common system services for IMS DB and IMS TM. Learn how these components work and interact with applications, how IMS databases differ from each other and differ from relational databases message types, security, maintenance, troubleshooting, and more."
355+
<!-- IMS Fundamentals, with live course -->
356+
<course-card
357+
name="IMS Fundamentals"
358+
desc="Learn about the main components of IBM IMS: IMS Database Manager
359+
(IMS DB), IMS Transaction Manager (IMS TM), and common system services
360+
for IMS DB and IMS TM. Learn how these components work and interact with
361+
applications, how IMS databases differ from each other and differ from
362+
relational databases message types, security, maintenance, troubleshooting,
363+
and more."
358364
imgsrc="wp-content/course-badges/badge_ims_fundamentals.png"
359365
level="Beginner"
360366
cost="None"
361367
badge="Yes"
362368
time="32 hours"
363369
link="https://learn.ibm.com/course/view.php?id=8829"
370+
livelevel="Beginner"
371+
livecost="$"
372+
livebadge="No"
373+
livetime="30 hours"
374+
livelink="https://learn.ibm.com/course/view.php?id=8829"
364375
>
365376
</course-card>
366377

378+
<!-- IMS Fundamentals, no live course -->
367379
<course-card
368380
name="IMS Fundamentals"
369-
desc="Learn about the main components of IBM IMS: IMS Database Manager (IMS DB), IMS Transaction Manager (IMS TM), and common system services for IMS DB and IMS TM. Learn how these components work and interact with applications, how IMS databases differ from each other and differ from relational databases message types, security, maintenance, troubleshooting, and more."
381+
desc="Learn about the main components of IBM IMS: IMS Database Manager (IMS DB),
382+
IMS Transaction Manager (IMS TM), and common system services for IMS DB and
383+
IMS TM. Learn how these components work and interact with applications, how
384+
IMS databases differ from each other and differ from relational databases
385+
message types, security, maintenance, troubleshooting, and more."
370386
imgsrc="wp-content/course-badges/badge_ims_fundamentals.png"
371387
level="Beginner"
372388
cost="None"
373389
badge="Yes"
374390
time="32 hours"
375391
link="https://learn.ibm.com/course/view.php?id=8829"
376-
livelevel="Beginner"
377-
livecost="$"
378-
livebadge="No"
379-
livetime="30 hours"
380-
livelink="https://learn.ibm.com/course/view.php?id=8829"
381392
>
382393
</course-card>
383394

384-
<!-- card -->
385-
<div class="ims-course-card">
386-
<div class="course-c-id" id="ims-fundamentals"></div>
387-
<div class="pure-u-1">
388-
<div class="pure-u-1 pure-u-md-6-24">
389-
<img src="wp-content/course-badges/badge_ims_fundamentals.png" alt="IMS Fundamentals badge">
390-
</div>
391-
<div class="pure-u-1 pure-u-md-18-24 course-c-desc">
392-
<h3>IMS Fundamentals</h3>
393-
<p>
394-
Learn about the main components of IBM IMS: IMS Database Manager (IMS DB),
395-
IMS Transaction Manager (IMS TM), and common system services for IMS DB and IMS TM.
396-
Learn how these components work and interact with applications, how IMS databases differ from each other
397-
and differ from relational databases message types, security, maintenance, troubleshooting, and more.
398-
</p>
399-
<div class="pure-u-1 pure-u-md-1 course-c-info">
400-
<p>
401-
<b>Level</b>: Beginner
402-
&ensp;
403-
<b>Cost</b>: None
404-
&ensp;
405-
<b>Badge</b>: Yes
406-
&ensp;
407-
<b>Time</b>: 32 hours
408-
</p>
409-
<div class="course-c-info">
410-
<a aria-label="Learn more about IMS Fundamentals"
411-
title="IMS Fundamentals" target="_blank" rel="noopener noreferrer"
412-
href="https://learn.ibm.com/course/view.php?id=8829">
413-
Learn more →
414-
</a>
415-
</div>
416-
</div>
417-
</div>
418-
</div>
419-
</div>
420-
421-
<!-- card -->
422-
<div class="ims-course-card">
423-
<div style="position: absolute; margin-top:-60px;" id="ims-intro-pli"></div>
424-
<div class="pure-u-1">
425-
<div class="pure-u-1 pure-u-md-6-24">
426-
<img src="wp-content/course-badges/badge_intro_pli.png" alt="Introduction to PL/I badge" style="width: 100%;height:100%;max-height: 300px;padding-bottom: 1px;">
427-
</div>
428-
<div class="pure-u-md-18-24" style="padding:35px;margin-right: -10px;">
429-
<h3 style="color: black;">Introduction to the PL/I Programming Language</h3>
430-
<p>In this 8-hour, introductory course, you’ll learn about the parallels and differences
431-
between C and PL/I, particularly in language syntax, program structure, declarations,
432-
loops, data types, arrays, structures, and more.</p>
433-
<div class="pure-u-1 pure-u-md-1">
434-
<div style="margin-top:15px;" >
435-
<p>
436-
<b>Level</b>: Beginner
437-
&ensp;
438-
<b>Cost</b>: None
439-
&ensp;
440-
<b>Badge</b>: Yes
441-
&ensp;
442-
<b>Time</b>: 8 hours
443-
</p>
444-
</div>
445-
<div style="margin-top:15px;" >
446-
<a aria-label="Learn more about Introduction to the PL/I Programming Language"
447-
title="Introduction to the PL/I Programming Language" target="_blank" rel="noopener noreferrer"
448-
href="https://www.ibm.com/training/course/introduction-to-the-pli-programming-language-DL00964G"
449-
style="position: relative;bottom:0;margin-bottom:30px;text-align: left;">Learn more →</a>
450-
</div>
451-
</div>
452-
453-
</div>
454-
</div>
455-
</div>
395+
<!-- PL/I Programming -->
396+
<course-card
397+
name="Introduction to the PL/I Programming Language"
398+
desc="In this 8-hour, introductory course, you’ll learn about the parallels and differences
399+
between C and PL/I, particularly in language syntax, program structure, declarations,
400+
loops, data types, arrays, structures, and more."
401+
imgsrc="wp-content/course-badges/badge_intro_pli.png"
402+
level="Beginner"
403+
cost="None"
404+
badge="Yes"
405+
time="8 hours"
406+
link="https://www.ibm.com/training/course/introduction-to-the-pli-programming-language-DL00964G"
407+
>
408+
</course-card>
456409

457410
<!-- DB header -->
458411
<h2 id="imsdb" style="color: black;margin-left: 16px;">IMS database</h2>
459412

460-
<!-- card -->
461-
<div class="ims-course-card" style="margin-top: 3.5em;">
462-
<div style="position: absolute; margin-top:-60px;" id="ims-dbfund"></div>
463-
<div class="pure-u-1">
464-
<div class="pure-u-1 pure-u-md-6-24">
465-
<img src="wp-content/course-badges/badge_log_rel.png" alt="IMS Logical Relationships badge" style="width: 100%;height:100%;max-height: 300px;padding-bottom: 1px;">
466-
</div>
467-
<div class="pure-u-1 pure-u-md-18-24" style="padding:35px;margin-right: -10px;">
468-
<h3 style="color: black;">IMS Logical Relationships</h3>
469-
<p>
470-
Logical relationships establish a logical access paths between segments that are usually in different databases. In this course, you’ll
471-
learn how to code the DBDs and PSBs for IMS databases involved in logical relationships, adjust the performance of these
472-
databases, and review IMS Monitor reports to see whether the logical relationships are effective.
473-
</p>
474-
<div class="pure-u-1 pure-u-md-1">
475-
<div style=" margin-top:15px;">
476-
<p>
477-
<b>Level</b>: Advanced
478-
&ensp;
479-
<b>Cost</b>: None
480-
&ensp;
481-
<b>Badge</b>: Yes
482-
&ensp;
483-
<b>Time</b>: 30 hours
484-
</p>
485-
</div>
486-
<div style="margin-top:15px;" >
487-
<a aria-label="Learn more about IMS Logical Relationships"
488-
title="IMS Logical Relationships" target="_blank" rel="noopener noreferrer"
489-
href="https://www.ibm.com/training/course/ims-logical-relationships-DL00966G"
490-
style="position: relative;bottom:0;margin-bottom:30px;text-align: left;">Learn more →</a>
491-
</div>
492-
</div>
493-
494-
</div>
495-
</div>
496-
</div>
413+
<!-- Logical Relationships -->
414+
<course-card
415+
name="IMS Logical Relationships"
416+
desc="Logical relationships establish a logical access paths between segments that
417+
are usually in different databases. In this course, you’ll learn how to code
418+
the DBDs and PSBs for IMS databases involved in logical relationships, adjust
419+
the performance of these databases, and review IMS Monitor reports to see whether
420+
the logical relationships are effective."
421+
imgsrc="wp-content/course-badges/badge_log_rel.png"
422+
level="Advanced"
423+
cost="None"
424+
badge="Yes"
425+
time="30 hours"
426+
link="https://www.ibm.com/training/course/ims-logical-relationships-DL00966G"
427+
class="pure-u-1"
428+
>
429+
</course-card>
497430

498-
<!-- card -->
499-
<div class="ims-course-card" style="margin-top: 3.5em;">
500-
<div style="position: absolute; margin-top:-60px;" id="ims-dbfund"></div>
501-
<div class="pure-u-1">
502-
<div class="pure-u-1 pure-u-md-6-24">
503-
<img src="wp-content/course-badges/badge_ims_db_fundamentals.png" alt="IMS Database Fundamentals badge" style="width: 100%;height:100%;max-height: 300px;padding-bottom: 1px;">
504-
</div>
505-
<div class="pure-u-1 pure-u-md-18-24" style="padding:35px;margin-right: -10px;">
506-
<h3 style="color: black;">IMS Database Fundamentals</h3>
507-
<p>
508-
Learn about IMS databases, including the
509-
structure of database records, how those records are accessed, DBDs, PSBs, DL/I calls,
510-
secondary indexes, logical relationships, database types,
511-
access methods, database recovery, and more.</p>
512-
<div class="pure-u-1 pure-u-md-1">
513-
<div style=" margin-top:15px;">
514-
<p>
515-
<b>Level</b>: Beginner
516-
&ensp;
517-
<b>Cost</b>: None
518-
&ensp;
519-
<b>Badge</b>: Yes
520-
&ensp;
521-
<b>Time</b>: 24 hours
522-
</p>
523-
</div>
524-
<div style="margin-top:15px;" >
525-
<a aria-label="Learn more about IMS DB Fundamentals"
526-
title="IMS DB Fundamentals" target="_blank" rel="noopener noreferrer"
527-
href="https://learn.ibm.com/course/view.php?id=10118"
528-
style="position: relative;bottom:0;margin-bottom:30px;text-align: left;">Learn more →</a>
529-
</div>
530-
</div>
531-
532-
</div>
533-
</div>
534-
</div>
431+
<!-- Database Fundamentals -->
432+
<course-card
433+
name="IMS Database Fundamentals"
434+
desc="Learn about IMS databases, including the structure of database records,
435+
how those records are accessed, DBDs, PSBs, DL/I calls,
436+
secondary indexes, logical relationships, database types,
437+
access methods, database recovery, and more."
438+
imgsrc="wp-content/course-badges/badge_ims_db_fundamentals.png"
439+
level="Beginner"
440+
cost="None"
441+
badge="Yes"
442+
time="24 hours"
443+
link="https://learn.ibm.com/course/view.php?id=10118"
444+
class="pure-u-1"
445+
>
446+
</course-card>
447+
448+
<!-- DBRC -->
449+
<course-card
450+
name="IMS Database Recovery Control (DBRC)"
451+
desc="IMS DBRC, which is a feature of the IMS Database Manager, helps with the recovery of IMS databases.
452+
In this comprehensive course, you'll learn how to install, customize, administer, and maintain DBRC.
453+
This course is for experienced IMS system programmers and database administrators who need to work with
454+
DBRC."
455+
imgsrc="wp-content/course-badges/badge_dbrc.png"
456+
level="Intermediate"
457+
cost="None"
458+
badge="Yes"
459+
time="32 hours"
460+
link="https://learn.ibm.com/course/view.php?id=12150"
461+
class="pure-u-1"
462+
>
463+
</course-card>
535464

536465
<!-- card -->
537466
<div class="ims-course-card">

web-components/course-card/course-card.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,6 @@ img {
9494
.inline-g div {
9595
display: grid;
9696
grid-template-columns: repeat(4, 1fr);
97-
width: 75%;
97+
width: 90%;
9898
}
9999
}

0 commit comments

Comments
 (0)