Skip to content

Commit e23c6bc

Browse files
committed
update hero
1 parent fc419cf commit e23c6bc

4 files changed

Lines changed: 49 additions & 33 deletions

File tree

index.html

Lines changed: 13 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -89,41 +89,28 @@
8989
<!-- =========================== Banner =========================== -->
9090
<section class="blue-bg home-banner">
9191
<div>
92-
<img src="wp-content/Icon_02_IMS GoldPage.svg" alt="">
92+
<img src="wp-content/icons/icon_trial.svg" alt="">
9393
<a href="https://early-access.ibm.com/software/support/trial/cst/welcomepage.wss?siteId=2047&tabId=5718&w=1" target="_blank" rel="noopener noreferrer">New! IBM IMS Z Trial →</a>
9494
</div>
9595
<div>
96-
<img src="wp-content/Icon_02_IMS GoldPage.svg" alt="">
96+
<img src="wp-content/icons/icon_upgrade.svg" alt="">
9797
<a href="https://forms.office.com/r/GVb90wUSXf" target="_blank" rel="noopener noreferrer">IMS modernization survey →</a>
9898
</div>
9999
</section>
100100

101-
<!-- - Update the Advocacy content block in the Engage section on the homepage -->
102-
103-
<!-- Welcome banner -->
104-
<div class="banner welcome-banner">
105-
<section id="intro-section" class="zs-section index-hero">
106-
<div id="intro-header" class="pure-u-1"></div>
107-
<!-- Banner text and buttons -->
108-
<div class="pure-u-1 pure-u-md-18-24 pure-u-lg-12-24 index-hero-container">
109-
<div id="intro-info" class="pure-u-1">
110-
<h1 class="pure-u-4-6 pure-u-lg-2-3">IBM <b>IMS Central</b></h1>
111-
<p>Welcome! IMS™ Central is your hub for all things IMS.</p>
112-
<p>Build your skills, find documentation, get help, and engage with the team.</p>
113-
</div>
101+
<!-- =========================== Hero =========================== -->
102+
<section class="black-bg">
103+
<div class="pure-u-1 pure-g">
104+
<div class="pure-u-md-11-24">
105+
<h1>IBM <b>IMS Central</b></h1>
106+
<p>Welcome! IMS™ Central is your hub for all things IMS.</p>
107+
<p>Build your skills, find documentation, get help, and engage with the team.</p>
114108
</div>
115-
<!-- Banner vid preview container -->
116-
<div class="pure-u-1 pure-u-lg-11-24">
117-
<!-- Video window -->
118-
<div class="vid-margin vid-preview-container">
119-
<a href="https://mediacenter.ibm.com/media/Intro+to+IMS+-+What+is+IMSF/0_beoagp8k/139456202" target="_blank" rel="noopener noreferrer">
120-
<img src="wp-content/introIMS.png" class="image-preview" alt="Video preview of Intro to IMS, opens in new window"></img>
121-
<img src="wp-content/introIMSclip.gif" class="vid-preview" alt="Video preview of Intro to IMS, opens in new window"></img>
122-
</a>
123-
</div>
109+
<div class="pure-u-md-11-24">
110+
<h2 class="h2-normal">Video</h2>
124111
</div>
125-
</section>
126-
</div>
112+
</div>
113+
</section>
127114

128115
<!-- =========================== Learn / Education =========================== -->
129116
<div class="zs-gray-section learn-bg-home learn-section">

wp-content/icons/icon_trial.svg

Lines changed: 15 additions & 0 deletions
Loading

wp-content/icons/icon_upgrade.svg

Lines changed: 13 additions & 0 deletions
Loading

wp-includes/css/page.css

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
:root {
44
/* Color */
55
--white: #fff;
6-
--black: #000;
6+
--black: #1c1c1c;
77
--blue: #0f62fe;
88
/* Background Color */
99
--bg-light-gray: #F9F9F9;
@@ -121,6 +121,11 @@ h6 {
121121
font-size: var(--plex-24) !important;
122122
}
123123

124+
.black-bg {
125+
background-color: var(--black);
126+
color: var(--white);
127+
}
128+
124129
.blue-bg {
125130
background-color: var(--bg-dark-blue);
126131
color: var(--white);
@@ -404,15 +409,11 @@ h6 {
404409

405410
/* Banner */
406411
/* -------------------------------------------------------- */
407-
.home-banner-g {
408-
padding: 1em;
409-
}
410-
411412
.home-banner {
412413
display: flex;
413414
flex-flow: row wrap;
414415
align-items: center;
415-
padding: 2em 2em;
416+
padding: 1em 2em;
416417
background-color: #0072c3;
417418
}
418419

@@ -426,7 +427,6 @@ h6 {
426427
margin-right: auto;
427428
}
428429

429-
430430
.home-banner img {
431431
filter: invert(100%);
432432
}
@@ -449,6 +449,7 @@ h6 {
449449
height: 0.3125em;
450450
}
451451

452+
/* non-bold h2 header */
452453
.h2-normal {
453454
font-weight: normal;
454455
margin-bottom: 0.2em;

0 commit comments

Comments
 (0)