Skip to content

Commit fd0a000

Browse files
hmillersarahhmillersarah
committed
update java page sections
1 parent a56b833 commit fd0a000

2 files changed

Lines changed: 118 additions & 79 deletions

File tree

‎ims-java.html‎

Lines changed: 75 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -94,91 +94,87 @@
9494
></hero-section>
9595

9696
<!-- =========================== Run Java where you want to =========================== -->
97-
<div class="zs-section run-java-sec">
98-
<section id="run-java-section"class="pure-g zs-section">
99-
<div class="pure-u-1 pure-g ibm-padding-bottom-1">
100-
<div class="pure-u-1 run-java-header">
101-
<h2><span>Run Java where you want to</span></h2>
102-
</div>
103-
<!-- Inside -->
104-
<div class="pure-u-sm-1 pure-u-md-1-24">
105-
<img src="wp-content/Icon_Java inside IMS_Java and IMSPage.svg" alt="" class="run-java-img">
106-
</div>
107-
<div class="pure-u-1 pure-u-md-10-24 run-java-card">
108-
<h3>Java inside IMS</h3>
109-
<div>
110-
<p>Maintaining your IMS applications with Java means easy-to-find skills, lower development cost, abundant tools, and DevOps-pipeline readiness</p>
111-
<p>Running Java inside IMS delivers the best performance, with application and data co-located on IBM Z – no network latency!</p>
112-
<p>Cost efficiency with Java on Z/OS through offload to specialty engines</p>
113-
<p>Over 15 years of Java support in IMS makes it more than production ready for the enterprise</p>
114-
<div class="pure-u-1 pure-u-1 pure-u-md-1-5">
115-
<a target="_blank" rel="noopener noreferrer"
116-
aria-label="Learn more about Java inside IMS"
117-
href="https://www.ibm.com/docs/en/ims/latest?topic=ims-solutions-java-development-overview" >
118-
Learn more →</a>
119-
</div>
120-
</div>
121-
</div>
122-
<!-- Outside -->
123-
<div class="pure-u-md-1-24">
124-
<img src="wp-content/Icon_Java outside IMS_Java and IMSPage.svg" alt="" class="run-java-img">
125-
</div>
126-
<div class="pure-u-1 pure-u-md-10-24 run-java-card">
127-
<h3>Java outside IMS</h3>
128-
<div>
129-
<p>Java applications can instantly access IMS transactions and data from anywhere, any platform</p>
130-
<p>Use industry standards like JDBC and SQL to directly access IMS data</p>
131-
<p>Expand your insights by giving Java analytics applications access to IMS data for data modeling</p>
132-
<div class="pure-u-1 pure-u-1 pure-u-md-1-5">
133-
<a target="_blank" rel="noopener noreferrer"
134-
aria-label="Learn more about Java outside IMS"
135-
href="https://www.ibm.com/docs/en/ims/latest?topic=apis-java-programming-reference" >
136-
Learn more →</a>
137-
</div>
138-
<!-- <div class="pure-u-1 pure-u-1 pure-u-md-1-6">
139-
<a href="https://ibm.biz/ibmztrial"
140-
class="zs-button-transparent"
141-
style="bottom:0;background-color:indigo;margin-bottom:
142-
10px;margin-top: 10px;padding-top:8px;padding-bottom:8px;"><u>Try with zTrial</u></a>
143-
</div> -->
144-
</div>
145-
</div>
97+
<section class="white-bg pure-g">
98+
<div class="pure-u-1 section-header">
99+
<h2>Run Java where you want to</h2>
100+
</div>
101+
<div class="pure-u-1 pure-g pure-g-pad">
102+
<div class="pure-u-md-11-24">
103+
<img src="wp-content/Icon_Java inside IMS_Java and IMSPage.svg" alt="" class="icon">
104+
<h3>Java inside IMS</h3>
105+
<p>Maintaining your IMS applications with Java means easy-to-find skills, lower development cost, abundant tools, and DevOps-pipeline readiness</p>
106+
<p>Running Java inside IMS delivers the best performance, with application and data co-located on IBM Z – no network latency!</p>
107+
<p>Cost efficiency with Java on Z/OS through offload to specialty engines</p>
108+
<p>Over 15 years of Java support in IMS makes it more than production ready for the enterprise</p>
109+
<p>
110+
<a target="_blank"
111+
rel="noopener noreferrer"
112+
aria-label="Learn more about Java inside IMS"
113+
href="https://www.ibm.com/docs/en/ims/latest?topic=ims-solutions-java-development-overview"
114+
>
115+
Learn more →
116+
</a>
117+
</p>
146118
</div>
147-
</section>
148-
</div>
119+
<div class="pure-u-md-11-24">
120+
<img src="wp-content/Icon_Java outside IMS_Java and IMSPage.svg" alt="" class="icon">
121+
<h3>Java outside IMS</h3>
122+
<p>Java applications can instantly access IMS transactions and data from anywhere, any platform</p>
123+
<p>Use industry standards like JDBC and SQL to directly access IMS data</p>
124+
<p>Expand your insights by giving Java analytics applications access to IMS data for data modeling</p>
125+
<p>
126+
<a target="_blank"
127+
rel="noopener noreferrer"
128+
aria-label="Learn more about Java outside IMS"
129+
href="https://www.ibm.com/docs/en/ims/latest?topic=apis-java-programming-reference"
130+
>
131+
Learn more →
132+
</a>
133+
</p>
134+
</div>
135+
</div>
136+
</section>
149137

150-
<!-- =========================== Demos/samples & Video =========================== -->
151-
<div class="zs-section pure-g demos-sec">
152-
<!-- Text/links -->
153-
<div class="pure-u-1 pure-u-md-2-5">
138+
<!-- =========================== Get demos and code samples =========================== -->
139+
<section class="light-gray-bg pure-g">
140+
<div class="pure-u-1 section-header">
154141
<h2>Get demos and code samples</h2>
155-
<p>See how you can use the JDBC Universal drivers to build
156-
IMS Java applications.
157-
</p>
158-
<div class="pure-u-1 pure-u-1 pure-u-md-1-3 demo-sec-space">
159-
<a target="_blank" rel="noopener noreferrer"
160-
aria-label="Watch this playlist on JDBC universal drivers"
161-
href="https://mediacenter.ibm.com/playlist/details/1_owktz0jm/categoryId/122579632">
162-
Watch →</a>
163-
</div>
164-
<p>Check out our GitHub repositories with Java application code examples.</p>
165-
<div class="pure-u-1 pure-u-1 pure-u-md-1-3">
166-
<a target="_blank" rel="noopener noreferrer"
167-
aria-label="Learn more about Java code examples in GitHub"
168-
href="https://github.com/imsdev">Learn more →</a>
169-
</div>
170142
</div>
171-
<!-- Video preview -->
172-
<div class="pure-u-1 pure-u-md-3-5">
173-
<!-- Video window -->
174-
<div class="vid-margin demo-video">
175-
<a href="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_owktz0jm/" target="_blank" rel="noopener noreferrer">
176-
<img src="wp-content/tracePreview.png" class="image-preview" alt="Java in IMS video preview cover"></img>
177-
<img src="wp-content/traceVidPrev.gif" class="vid-preview" alt="Java in IMS video preview"></img>
178-
</a>
143+
<div class="pure-u-1 pure-g pure-g-pad">
144+
<div class="pure-u-md-11-24">
145+
<p>See how you can use the JDBC Universal drivers to build IMS Java applications.</p>
146+
<p>
147+
<a target="_blank"
148+
rel="noopener noreferrer"
149+
aria-label="Watch this playlist on JDBC universal drivers"
150+
href="https://mediacenter.ibm.com/playlist/details/1_owktz0jm/categoryId/122579632"
151+
>
152+
Watch →
153+
</a>
154+
</p>
155+
<p>Check out our GitHub repositories with Java application code examples.</p>
156+
<p>
157+
<a target="_blank"
158+
rel="noopener noreferrer"
159+
aria-label="Learn more about Java code examples in GitHub"
160+
href="https://github.com/imsdev"
161+
>
162+
Learn more →
163+
</a>
164+
</p>
165+
</div>
166+
<div class="pure-u-md-11-24">
167+
<div class="gif">
168+
<a href="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_owktz0jm/" target="_blank" rel="noopener noreferrer">
169+
<img src="wp-content/tracePreview.png" class="gif-cover" alt="Java in IMS video preview cover"></img>
170+
<img src="wp-content/traceVidPrev.gif" class="gif-video" alt="Java in IMS video preview"></img>
171+
</a>
172+
</div>
179173
</div>
180174
</div>
181-
</div>
175+
</section>
176+
177+
<!-- =========================== Java can save you time, money, and headaches =========================== -->
182178

183179
<!-- =========================== Value Icons =========================== -->
184180
<div class="zs-white-section benefits-sec">

‎wp-includes/css/page.css‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -282,6 +282,49 @@
282282
}
283283
/* -------------------------------------------------------- */
284284

285+
/* GIF */
286+
/* -------------------------------------------------------- */
287+
.gif {
288+
position: relative;
289+
}
290+
291+
.gif a {
292+
width: 100%;
293+
}
294+
295+
.gif img {
296+
height: 100%;
297+
max-height: 18.75em;
298+
max-width: 36em;
299+
}
300+
301+
.gif-cover {
302+
position: relative;
303+
opacity: 1;
304+
background-size: contain;
305+
background-repeat: no-repeat;
306+
transition: .4s ease all;
307+
}
308+
309+
.gif-cover:hover {
310+
opacity: 0;
311+
}
312+
313+
.gif-video {
314+
position: absolute;
315+
top: 0;
316+
left: 0;
317+
opacity: 0;
318+
background-size: contain;
319+
background-repeat: no-repeat;
320+
transition: .4s ease all;
321+
}
322+
323+
.gif-video:hover {
324+
opacity: 1;
325+
}
326+
/* -------------------------------------------------------- */
327+
285328
/* Custom styling */
286329
/* -------------------------------------------------------- */
287330
/* For links under headers */

0 commit comments

Comments
 (0)