Skip to content

Commit 3e4041c

Browse files
committed
Merge branch 'master' into 43-reusable-component-navigation
2 parents 0a459a6 + c073ed3 commit 3e4041c

36 files changed

Lines changed: 611 additions & 430 deletions

404.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -237,11 +237,12 @@ <h5>IMS videos</h5>
237237
</a>
238238
<!-- 2 -->
239239
<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.</p>
243-
</div>
244-
</a>
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>
245246
<!-- 3 -->
246247
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
247248
<div class="navcard">

archive/ims-makerspace.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -168,11 +168,12 @@ <h5>IMS videos</h5>
168168
</a>
169169
<!-- 2 -->
170170
<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>
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.
174+
Try the latest instructor-led classes.</p>
175+
</div>
176+
</a>
176177
<!-- 3 -->
177178
<a title="IMS Repos on GitHub" href="ims-repos.html" class="nav-item" tabindex="-1">
178179
<div class="navcard">

ims-advocacy.html

Lines changed: 13 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,9 @@
7575

7676
<!-- Web components -->
7777
<script src="web-components/nav-header/nav-header.js" type="module"></script>
78+
79+
<!-- Web components -->
80+
<script src="web-components/hero-section/hero-section.js" type="module"></script>
7881
</head>
7982

8083
<!-- MASTHEAD_SITENAV_BEGIN -->
@@ -90,34 +93,16 @@
9093
<div id="content" class="main-content">
9194
<main id="main">
9295
<!-- =========================== Hero =========================== -->
93-
<section class="engage-bg">
94-
<div id="intro-section" class="pure-g hero">
95-
<div class="pure-u-1 pure-u-md-1-24">
96-
<img src="wp-content/icons/icon_engage.svg" alt="" class="icon">
97-
</div>
98-
<div class="pure-u-1 pure-u-md-23-24">
99-
<h6>Engage</h6>
100-
<h1>Advocates and ideas</h1>
101-
<p>Get an IMS advocate to represent you. Also, submit your ideas to enhance the IMS product.</p>
102-
<div class="button-g">
103-
<a class="button button-primary"
104-
onfocus="closeNavMenu()"
105-
target="_blank"
106-
aria-label="Request an IMS Advocate"
107-
href="mailto:deepakk@us.ibm.com"
108-
rel="noopener noreferrer">
109-
Request an IMS advocate
110-
</a>
111-
<a class="button button-secondary"
112-
aria-label="Submit ideas for enhancements"
113-
href="#ideas"
114-
rel="noopener noreferrer">
115-
Submit ideas for enhancements
116-
</a>
117-
</div>
118-
</div>
119-
</div>
120-
</section>
96+
<hero-section
97+
name="Advocates and ideas"
98+
image="wp-content/icons/icon_engage.svg"
99+
section="Engage"
100+
desc="Get an IMS advocate to represent you. Also, submit your ideas to enhance the IMS product."
101+
linktext="Request an IMS advocate"
102+
link="mailto:deepakk@us.ibm.com"
103+
linktext2="Submit ideas for enhancement"
104+
link2="#ideas"
105+
></hero-section>
121106

122107
<!-- =========================== Who are they? =========================== -->
123108
<section class="white-bg pure-g">

ims-apis.html

Lines changed: 8 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,8 @@
7777
<!-- Web components -->
7878
<script src="web-components/nav-header/nav-header.js" type="module"></script>
7979

80+
<!-- Web components -->
81+
<script src="web-components/hero-section/hero-section.js" type="module"></script>
8082
</head>
8183

8284
<!-- --------------- SITE CONTENT --------------- -->
@@ -88,21 +90,12 @@
8890
<main id="main" class="zs-main" >
8991

9092
<!-- =========================== IMS APIs Hero Banner =========================== -->
91-
<div class="banner innovate-bg">
92-
<section id="intro-section" class="pure-g zs-section apis-hero">
93-
<div id="intro-header" class="pure-u-1"></div>
94-
<div class="pure-u-3-25">
95-
<img class="ims-card-icon" src="wp-content/Icon_Banner_z OS ConnectPage.svg" alt="">
96-
</div>
97-
<div id="intro-info" class="pure-u-1 pure-u-sm-15-24 apis-hero-text">
98-
<h6>Innovate</h6>
99-
<h1 >IBM z/OS Connect</h1>
100-
<p id="p-style" >Create and deploy RESTful APIs that access IMS™ applications and data
101-
in minutes with point and click Eclipse tooling.
102-
</p>
103-
</div>
104-
</section>
105-
</div>
93+
<hero-section
94+
name="IBM z/OS Connect"
95+
image="wp-content/icons/icon_zos_connect.svg"
96+
section="Innovate"
97+
desc="Create and deploy RESTful APIs that access IMS™ applications and data in minutes with point and click Eclipse tooling."
98+
></hero-section>
10699

107100
<!-- =========================== Call APIs from Z =========================== -->
108101
<div class="zs-gray-section apis-section-white">

ims-db.html

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,8 @@
7878
<!-- Web components -->
7979
<script src="web-components/nav-header/nav-header.js" type="module"></script>
8080

81+
<!-- Web components -->
82+
<script src="web-components/hero-section/hero-section.js" type="module"></script>
8183
</head>
8284

8385
<!-- MASTHEAD_SITENAV_BEGIN -->
@@ -98,20 +100,13 @@
98100
<main class="zs-main" id="main">
99101

100102
<!-- =========================== IMS Database =========================== -->
101-
<div class="banner innovate-bg">
102-
<section id="intro-section" class="pure-g zs-section db-hero">
103-
<div id="intro-header" class="pure-u-1"></div>
104-
<div class="pure-u-3-25">
105-
<img class="ims-card-icon" src="wp-content/Icon_Banner_IMS DatabasePage.svg" alt="">
106-
</div>
107-
<div id="intro-info" class="pure-u-1 pure-u-sm-15-24 db-hero-text">
108-
<h6>Innovate</h6>
109-
<h1 >IMS Database: fast, secure, reliable.</h1>
110-
<p id="p-style" >Data integrity, performance, simplified use of SQL, and powerful recovery tools make IMS Database Manager
111-
the best choice to protect your enterprise assets.</p>
112-
</div>
113-
</section>
114-
</div>
103+
<hero-section
104+
name="IMS Database: fast, secure, reliable"
105+
image="wp-content/icons/icon_database.svg"
106+
section="Innovate"
107+
desc="Data integrity, performance, simplified use of SQL, and powerful recovery tools make IMS Database Manager
108+
the best choice to protect your enterprise assets."
109+
></hero-section>
115110

116111
<!-- =========================== Managed ACBs =========================== -->
117112
<div class="zs-gray-section ibm-background-white-core macb-section">
@@ -176,15 +171,15 @@ <h4>More resources</h4>
176171
<div class="pure-g">
177172
<!-- left contents -->
178173
<div class="pure-u-1-3 resource-card">
179-
<div class="pure-u-1-8"><img src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="Documentation"></div>
174+
<div class="pure-u-1-8"><img src="wp-content/icons/icon_documentation.svg" alt="Documentation"></div>
180175
<div class="pure-u-3-4">
181176
<h3>IMS catalog</h3>
182177
<a href="https://www.ibm.com/docs/en/ims/latest?topic=administration-ims-catalog" aria-label="Read more about the IMS catalog" target="_blank" rel="noopener noreferrer">Read more →</a>
183178
</div>
184179
</div>
185180
<!-- mid contents -->
186181
<div class="pure-u-1-3 resource-card">
187-
<div class="pure-u-1-8"><img src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="Documentation"></div>
182+
<div class="pure-u-1-8"><img src="wp-content/icons/icon_documentation.svg" alt="Documentation"></div>
188183
<div class="pure-u-3-4">
189184
<h3>IMS management of ACBs</h3>
190185
<a href="https://www.ibm.com/docs/en/ims/latest?topic=tailoring-ims-management-acbs" aria-label="Read more about managed ACBs" target="_blank" rel="noopener noreferrer">Read more →</a>
@@ -219,7 +214,7 @@ <h4>More resources</h4>
219214
<div class="pure-g">
220215
<!-- left contents -->
221216
<div class="pure-u-1-3 resource-card">
222-
<div class="pure-u-1-8"><img src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="Documentation"></div>
217+
<div class="pure-u-1-8"><img src="wp-content/icons/icon_documentation.svg" alt="Documentation"></div>
223218
<div class="pure-u-3-4">
224219
<h3>IMS Native z/OS DDL utility (Data Definition utility)</h3>
225220
<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/deepak-kohli/2022/06/03/ims-zddl-intro"
@@ -228,7 +223,7 @@ <h3>IMS Native z/OS DDL utility (Data Definition utility)</h3>
228223
</div>
229224
<!-- mid contents -->
230225
<div class="pure-u-1-3 resource-card">
231-
<div class="pure-u-1-8"><img src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="Documentation"></div>
226+
<div class="pure-u-1-8"><img src="wp-content/icons/icon_documentation.svg" alt="Documentation"></div>
232227
<div class="pure-u-3-4">
233228
<h3>Using DDL to define databases and program views</h3>
234229
<a href="https://www.ibm.com/docs/en/ims/latest?topic=design-using-ddl-define-databases-program-views"
@@ -237,7 +232,7 @@ <h3>Using DDL to define databases and program views</h3>
237232
</div>
238233
<!-- right contents -->
239234
<div class="pure-u-1-3 resource-card">
240-
<div class="pure-u-1-8"><img src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="Documentation"></div>
235+
<div class="pure-u-1-8"><img src="wp-content/icons/icon_documentation.svg" alt="Documentation"></div>
241236
<div class="pure-u-3-4">
242237
<h3>Data Definition utility (DFS3ID00) batch enhancement</h3>
243238
<a href="https://www.ibm.com/docs/en/ims/latest?topic=idme-ims-data-definition-utility-dfs3id00-dli-batch-enhancement"

ims-devops.html

Lines changed: 11 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,8 @@
7878
<!-- Web components -->
7979
<script src="web-components/nav-header/nav-header.js" type="module"></script>
8080

81+
<!-- Web components -->
82+
<script src="web-components/hero-section/hero-section.js" type="module"></script>
8183
</head>
8284

8385
<!-- MASTHEAD_SITENAV_BEGIN -->
@@ -98,26 +100,15 @@
98100
<main class="zs-main" id="main">
99101

100102
<!-- =========================== IMS DevOps =========================== -->
101-
<div class="banner innovate-bg" >
102-
<section id="intro-section" class="pure-g zs-section intro-sec">
103-
<div id="intro-header" class="pure-u-1"></div>
104-
<div class="pure-u-3-25">
105-
<img class="ims-card-icon" src="wp-content/Icon_Banner_AutomationPage.svg" alt="">
106-
</div>
107-
<div id="intro-info" class="pure-u-1 pure-u-sm-1-2">
108-
<h6>Innovate</h6>
109-
<h1>Automation</h1>
110-
<p id="p-style">Ansible® for IBM Z® helps you automate your z/OS® applications and IT infrastructure
111-
as part of your enterprise automation strategy using a proven and consistent approach.
112-
</p>
113-
<div class="pure-u-1 intro-button">
114-
<a class="zs-w-button-transparent" onfocus="closeNavMenu()" aria-label="Start your free trial of Ansible for IBM Z"
115-
href="https://early-access.ibm.com/software/support/trial/cst/welcomepage.wss?siteId=940&tabId=2224&w=1" target="_blank" rel="noopener noreferrer">
116-
Start your free trial →</a>
117-
</div>
118-
</div>
119-
</section>
120-
</div>
103+
<hero-section
104+
name="Automation"
105+
image="wp-content/icons/icon_automation.svg"
106+
section="Innovate"
107+
desc="Ansible® for IBM Z® helps you automate your z/OS® applications and IT infrastructure
108+
as part of your enterprise automation strategy using a proven and consistent approach."
109+
linktext="Start your free trial →"
110+
link="https://early-access.ibm.com/software/support/trial/cst/welcomepage.wss?siteId=940&tabId=2224&w=1"
111+
></hero-section>
121112

122113
<!-- =========================== Expanded description =========================== -->
123114
<div class="zs-gray-section ibm-background-white-core desc-sec">

ims-docs.html

Lines changed: 8 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,8 @@
7777
<!-- Web components -->
7878
<script src="web-components/nav-header/nav-header.js" type="module"></script>
7979

80+
<!-- Web components -->
81+
<script src="web-components/hero-section/hero-section.js" type="module"></script>
8082
</head>
8183

8284
<!-- MASTHEAD_SITENAV_BEGIN -->
@@ -97,19 +99,12 @@
9799
<!-- MAIN CONTENT -->
98100
<main class="zs-main" id="main">
99101
<!-- =========================== IMS Docs banner =========================== -->
100-
<div class="banner">
101-
<section id="intro-section" class="pure-g zs-section learn-bg docs-intro">
102-
<div id="intro-header" class="pure-u-1"></div>
103-
<div class="pure-u-3-25">
104-
<img class="ims-card-icon" src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="">
105-
</div>
106-
<div id="intro-info" class="pure-u-1 pure-u-sm-1-2 docs-intro-text">
107-
<h1>IMS Documentation</h1>
108-
<p id="p-style">Find IMS™ and other IBM product documentation.</p>
109-
<div class="pure-u-1"></div>
110-
</div>
111-
</section>
112-
</div>
102+
<hero-section
103+
name="IMS Documentation"
104+
image="wp-content/icons/icon_documentation.svg"
105+
section="Support"
106+
desc="Find IMS™ and other IBM product documentation."
107+
></hero-section>
113108

114109
<!-- =========================== Badges & Docs =========================== -->
115110
<div class="zs-gray-section zs-white-section docs-main">

0 commit comments

Comments
 (0)