Skip to content

Commit 4aac061

Browse files
hmillersarahhmillersarah
authored
Merge pull request #27 from imsdev/26-testimonials-advocates-and-ideas-page
Testimonials section
2 parents f922984 + d033a6e commit 4aac061

4 files changed

Lines changed: 100 additions & 13 deletions

File tree

‎ims-advocacy.html‎

Lines changed: 35 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -283,12 +283,6 @@ <h5>IMS support</h5>
283283
</header>
284284
</div>
285285

286-
<head>
287-
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css">
288-
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css">
289-
<link rel="stylesheet" type="text/css" href="wp-includes/css/homepage.css">
290-
</head>
291-
292286
<div id="content" class="main-content">
293287
<main id="main">
294288
<!-- =========================== Hero =========================== -->
@@ -433,6 +427,41 @@ <h4>Advocacy action</h4>
433427
</div>
434428
</section>
435429

430+
<!-- =========================== Testimonials =========================== -->
431+
<section class="dark-gray-bg pure-g">
432+
<div class="pure-u-1 section-header">
433+
<h2>Testimonials</h2>
434+
</div>
435+
<div class="pure-g pure-u-1 quote">
436+
<q class="pure-u-1">An IBM advocate is a must-have. <span>Our present issues are handled with the utmost priority and thoughtful planning</span>
437+
is dedicated to our future goals.</q>
438+
<p class="pure-u-1"><i>Mainframe system administrator at a Global Technology Services company</i></p>
439+
</div>
440+
<div class="pure-u-1 pure-g">
441+
<div class="pure-u-1 pure-u-lg-11-24 quote-blk">
442+
<q>We've enjoyed and benefited from our advocate relationship. Not only
443+
does our advocate keep us aware of product direction in a way we
444+
might not be able to accomplish on our own, but they are also
445+
participate in developing a deeper understanding of our issues and
446+
how they impact our business so we can prioritize solutions in a way
447+
that the case severity rating on the IBM support site really doesn't
448+
capture and communicate.
449+
</q>
450+
<p><i>Mainframe system administrator lead at a Global Technology Services company</i></p>
451+
</div>
452+
<div class="pure-u-1 pure-u-lg-11-24 quote-blk">
453+
<q>An IMS advocate is an essential tool in your product arsenal providing
454+
awareness, escalation and education about all things IMS. It provides you
455+
a seat at the table to help guide the product direction to fulfill business
456+
needs and eliminate pain points.
457+
</q>
458+
<p><i>Vice President - System Operations & Administration at a Global Technology Services company</i></p>
459+
</div>
460+
</div>
461+
</section>
462+
463+
<div class="white-bg spacer"></div>
464+
436465
<!-- =========================== Shape the future of IMS =========================== -->
437466
<section id="ideas" class="blue-bg pure-g">
438467
<div class="pure-u-1 section-header">

‎ims-videos.html‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -307,8 +307,7 @@ <h5>IMS support</h5>
307307
<div id="intro-info" class="pure-u-1 pure-u-sm-1-2 intro-sec-g">
308308
<h6>Learn</h6>
309309
<h1>IMS videos</h1>
310-
<p id="p-style">Build your knowledge of IMS™ by viewing our
311-
featured educational videos on IBM MediaCenter.</p>
310+
<p id="p-style">See the latest IMS educational videos here or click <b>Visit IBM MediaCenter</b> to search for more IMS video content.</p>
312311
<div class="pure-u-1 intro-sec-b">
313312
<a class="zs-w-button-transparent" onfocus="closeNavMenu()" href="https://mediacenter.ibm.com/channel/IMS%2BEducational%2BVideos/122579632" target="_blank" rel="noopener noreferrer">
314313
Visit IBM MediaCenter &nbsp; →</a>
@@ -338,6 +337,8 @@ <h1>IMS videos</h1>
338337
<section class="zs-section">
339338
<!-- Info cards container -->
340339
<div class="pure-g video-card-container">
340+
341+
<h3 id="all" class="video-section-header-first">All roles</h3>
341342

342343
<!-- IMS Community Calls -->
343344
<div class="pure-u-1 pure-u-lg-1-3">
@@ -789,23 +790,23 @@ <h3 class="video-card-header">XCF and Support of IMS Facilities for Shared Queue
789790
<div style="position: absolute; margin-top:-60px;" id="ims-scheduling-pwfi"></div>
790791
<div class="ims-c-card">
791792
<div class="pure-u-1 pure-u-md-1 ims-c-card-content">
792-
<h3 class="video-card-header"><b>Coming soon:</b> Tuning IMS Scheduling using PWFI</h3>
793+
<h3 class="video-card-header">Review of IMS Scheduling</h3>
793794
<p>Learn about IMS scheduling parameters such as PARLIM, PROCLIM, and regions WFI and PWFI to help you run transactions more efficiently.</p>
794795
<div class="pure-u-1 pure-u-md-1">
795796
<div>
796797
<p>
797798
<b>Level</b>: Intermediate
798799
&ensp;
799-
<!-- <b>Time</b>: -->
800+
<b>Time</b>: 1 hour, 20 minutes
800801
</p>
801802
</div>
802-
<!-- <div>
803+
<div>
803804
<a alt="Tuning IMS Scheduling using PWFI"
804805
title="Tuning IMS Scheduling using PWFI" target="_blank" rel="noopener noreferrer"
805-
href=""
806+
href="https://mediacenter.ibm.com/playlist/details/1_qhdnpjv3/categoryId/122579632"
806807
class="video-card-link">Watch now →
807808
</a>
808-
</div> -->
809+
</div>
809810
</div>
810811
</div>
811812
</div>

‎wp-includes/css/page.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
/* Weight */
2222
--bold: 900;
2323
/* Sizing */
24+
--plex-14: 0.875em;
2425
--plex-16: 1em;
2526
--plex-18: 1.125em;
2627
--plex-20: 1.25em;
@@ -267,16 +268,58 @@
267268
}
268269
/* -------------------------------------------------------- */
269270

271+
/* Quotations */
272+
/* -------------------------------------------------------- */
273+
.quote {
274+
margin-bottom: 1em;
275+
}
276+
277+
.quote q {
278+
font-family: Georgia, 'Times New Roman', Times, serif !important;
279+
float: left;
280+
line-height: 1.4em;
281+
font-size: var(--plex-28);
282+
padding: 0.5em 0em;
283+
}
284+
285+
.quote span {
286+
color: var(--font-light-blue);
287+
}
288+
289+
.quote p {
290+
font-size: var(--plex-14);
291+
}
292+
293+
.quote-blk {
294+
background-color: var(--bg-light-gray);
295+
margin: 0.2em;
296+
padding: 2em;
297+
color: var(--black);
298+
font-size: var(--plex-18);
299+
}
300+
301+
.quote-blk p {
302+
margin-top: 1em;
303+
font-size: var(--plex-16);
304+
}
305+
/* -------------------------------------------------------- */
306+
270307
/* Custom styling */
271308
/* -------------------------------------------------------- */
272309
/* For links under headers */
273310
.highlight-link {
274311
font-size: var(--plex-20);
275312
}
313+
314+
/* Spacer between sections */
315+
.spacer {
316+
height: 0.3125em;
317+
}
276318
/* -------------------------------------------------------- */
277319

278320
/* Media queries */
279321
/* -------------------------------------------------------- */
322+
/* 768px and below screen sizes */
280323
@media screen and (max-width: 48em) {
281324
/* Decrease header size for smaller screens */
282325
.main-content h2 {
@@ -300,6 +343,13 @@
300343
font-size: var(--plex-20) !important;
301344
}
302345
}
346+
347+
/* 1024px and above screen sizes */
348+
@media screen and (min-width: 64em) {
349+
.quote-blk {
350+
height: 100%;
351+
}
352+
}
303353
/* -------------------------------------------------------- */
304354

305355

‎wp-includes/css/pages/videos.css‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,13 @@
4747
background-color: white;
4848
}
4949

50+
.video-section-header-first {
51+
letter-spacing: normal;
52+
color: black;
53+
width: 100%;
54+
margin-left: 15px;
55+
}
56+
5057
.video-section-header {
5158
letter-spacing: normal;
5259
margin-top: 30px;

0 commit comments

Comments
 (0)