Skip to content

Commit a71b1d8

Browse files
hmillersarahhmillersarah
authored
Merge pull request #79 from imsdev/78-responsive-docs-page
Responsive docs page
2 parents a4183ef + 2344bcb commit a71b1d8

File tree

6 files changed

+297
-283
lines changed

6 files changed

+297
-283
lines changed

‎ims-docs.html‎

Lines changed: 156 additions & 187 deletions
Original file line numberDiff line numberDiff line change
@@ -1,189 +1,158 @@
11
<!DOCTYPE html>
2-
<html lang="en-US" prefix="og: http://ogp.me/ns#">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<!-- v18 basic meta -->
8-
<meta name="geo.country" content="ZZ" />
9-
<meta name="dcterms.rights" content="� Copyright IBM Corp. 2020" />
10-
<meta name="dcterms.date" content="2020-07-18" />
11-
<meta name="keywords" content="IMS Central, IMS Developer, IMS" />
12-
<meta name="robots" content="index, follow" />
13-
<!-- Favicon -->
14-
<link id="favicon"
15-
rel="shortcut icon"
16-
type="image/x-icon"
17-
href="wp-content/IMS_logo_small.png">
18-
19-
<!-- Pageittle -->
20-
<title>IMS Documentation</title>
21-
22-
<!-- Meta -->
23-
<link rel="canonical" href="ims-docs.html" />
24-
<meta property="og:locale" content="en_US" />
25-
<meta property="og:type" content="article" />
26-
<meta property="og:title" content="IMS Docs" />
27-
<meta property="og:description" content="IMS Docs" />
28-
<meta property="og:url" content="http://www/imsdev.github.io/ims-docs.html" />
29-
<meta property="og:site_name" content="IMS Central" />
30-
<meta property="og:image" content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />
31-
<meta name="twitter:card" content="summary" />
32-
<meta name="twitter:description" content="IMS Docs" />
33-
<meta name="twitter:title" content="IMS Docs" />
34-
<meta property="og:image" content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />
35-
36-
<!-- Sheets -->
37-
<link rel='stylesheet' id='dwboomer-style-css' href='wp-content/themes/boomer-v18/style.css' type='text/css' media='all' />
38-
<link rel='stylesheet' id='dashicons-css' href='wp-includes/css/dashicons.min.css' type='text/css' media='all' />
39-
<link rel='stylesheet' id='pagepost_css-css' href='wp-content/themes/boomer-v18/css/pagepost.css' type='text/css' media='all' />
40-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
41-
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
42-
<link rel="stylesheet" href="wp-includes/css/nav.css">
43-
<link rel="stylesheet" href="wp-includes/css/dropnav.css">
44-
<link href="wp-includes/css/www.css" rel="stylesheet" />
45-
<link href="wp-includes/css/grid-fluid.css" rel="stylesheet">
46-
<link href="wp-includes/css/tables.css" rel="stylesheet">
47-
<link href="wp-includes/css/pages/docs.css" rel="stylesheet">
48-
49-
<!-- Hotjar Tracking Code for ibm.com/demos & githhub -->
50-
<script>
51-
(function(h,o,t,j,a,r){
52-
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
53-
h._hjSettings={hjid:132193,hjsv:6};
54-
a=o.getElementsByTagName('head')[0];
55-
r=o.createElement('script');r.async=1;
56-
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
57-
a.appendChild(r);
58-
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
59-
</script>
60-
61-
<!-- Additional styling for content after navigation -->
62-
63-
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css">
64-
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css">
65-
<link rel="stylesheet" type="text/css" href="wp-includes/css/homepage.css">
66-
<script src="wp-includes/js/jquery.min.js"></script>
67-
68-
<!-- TipueSearch -->
69-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
70-
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_content.js"></script>
71-
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_set.js"></script>
72-
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch.min.js"></script>
73-
74-
<!-- delayed search -->
75-
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>
76-
77-
<!-- Web components -->
78-
<script src="web-components/nav-header/nav-header.js" type="module"></script>
79-
<script src="web-components/hero-section/hero-section.js" type="module"></script>
80-
<script src="web-components/footer/footer.js" type="module"></script>
81-
</head>
82-
83-
<!-- MASTHEAD_SITENAV_BEGIN -->
84-
<body id="ibm-com" class="ibm-com ibm-type group-blog">
85-
<div class="ibm-landing-page">
86-
<nav-header></nav-header>
87-
88-
<!-- Additional styling for content after navigation -->
89-
<head>
90-
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css">
91-
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css">
92-
<link rel="stylesheet" type="text/css" href="wp-includes/css/homepage.css">
93-
</head>
94-
95-
<div id="content" class="site-content">
96-
<div class="content-area" id="content-area">
97-
<div class="entry-content">
98-
<!-- MAIN CONTENT -->
99-
<main class="zs-main" id="main">
100-
<!-- =========================== IMS Docs banner =========================== -->
101-
<hero-section
102-
name="IMS Documentation"
103-
image="wp-content/icons/icon_documentation.svg"
104-
section="Support"
105-
desc="Find IMS™ and other IBM product documentation."
106-
></hero-section>
107-
108-
<!-- =========================== Badges & Docs =========================== -->
109-
<div class="zs-gray-section zs-white-section docs-main">
110-
<section class="zs-section pure-g">
111-
<div class="pure-u-22-24 docs-card-g">
112-
<!-- card 1 -->
113-
<div class="ims-m-card docs-card-c">
114-
<div class="pure-u-1 docs-card">
115-
<div class="pure-u-1 docs-card-text">
116-
<h3>
117-
IMS Docs home
118-
</h3>
119-
<p>Start here to search across IMS or IBM product information.</p>
120-
<br>
121-
<a aria-label="Explore IMS Docs"
122-
title="IMS Docs home" target="_blank" rel="noopener noreferrer"
123-
href="https://www.ibm.com/docs/en/ims/latest">Explore →</a>
124-
</div>
125-
</div>
126-
</div>
127-
128-
<!-- card 2 -->
129-
<div class="ims-m-card docs-card-c">
130-
<div class="pure-u-1 docs-card">
131-
<div class="pure-u-1 docs-card-text">
132-
<h3>
133-
PDF documentation
134-
</h3>
135-
<p>Download PDF files of IMS documentation.</p>
136-
<br>
137-
<a aria-label="Explore the IMS Docs PDF files"
138-
title="IMS PDF documentation" target="_blank" rel="noopener noreferrer"
139-
href="https://www.ibm.com/docs/en/ims/latest?topic=documentation-pdf-files-ims">Explore →</a>
140-
</div>
141-
</div>
142-
</div>
143-
144-
<!-- card 3 -->
145-
<div class="ims-m-card docs-card-c">
146-
<div class="pure-u-1 docs-card">
147-
<div class="pure-u-1 docs-card-text">
148-
<h3>
149-
Release planning
150-
</h3>
151-
<p>See the latest continuous delivery product updates for IMS 15 and later.</p>
152-
<br>
153-
<a aria-label="Explore the IMS release planning"
154-
title="IMS release planning" target="_blank" rel="noopener noreferrer"
155-
href="https://www.ibm.com/docs/en/ims/latest?topic=release-planning-ims">Explore →</a>
156-
</div>
157-
</div>
158-
</div>
159-
160-
<!-- card 4 -->
161-
<div class="ims-m-card docs-card-c">
162-
<div class="pure-u-1 docs-card">
163-
<div class="pure-u-1 docs-card-text">
164-
<h3>
165-
IMS tools
166-
</h3>
167-
<p>Start here to get information on all IMS tools.</p>
168-
<br>
169-
<a aria-label="Explore IMS tool"
170-
title="IMS Tools" target="_blank" rel="noopener noreferrer"
171-
href="https://www.ibm.com/docs/en/ims-tools">Explore →</a>
172-
</div>
173-
</div>
174-
</div>
175-
176-
</div>
177-
</section>
178-
</div>
179-
</main>
180-
</div><!-- .entry-content -->
181-
</div><!-- #content -->
182-
</div><!-- end of ibm-content-wrapper -->
183-
184-
<!-- Footer -->
185-
<imscentral-footer></imscentral-footer>
186-
187-
</div><!-- #page -->
188-
</body>
2+
<html lang="en-US">
3+
<head>
4+
<!-- Basic meta -->
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="geo.country" content="ZZ" />
8+
<meta name="dcterms.rights" content="� Copyright IBM Corp. 2020" />
9+
<meta name="dcterms.date" content="2020-07-18" />
10+
<meta name="keywords" content="IMS Central, IMS Developer, IMS" />
11+
<meta name="robots" content="index, follow" />
12+
13+
<!-- Favicon -->
14+
<link
15+
id="favicon"
16+
rel="shortcut icon"
17+
type="image/x-icon"
18+
href="wp-content/IMS_logo_small.png" />
19+
20+
<!-- Page title -->
21+
<title>IMS Documentation</title>
22+
23+
<!-- Meta for social media -->
24+
<link rel="canonical" href="ims-docs.html" />
25+
<meta property="og:locale" content="en_US" />
26+
<meta property="og:type" content="article" />
27+
<meta property="og:title" content="IMS Docs" />
28+
<meta property="og:description" content="IMS Docs" />
29+
<meta
30+
property="og:url"
31+
content="http://www/imsdev.github.io/ims-docs.html" />
32+
<meta property="og:site_name" content="IMS Central" />
33+
<meta
34+
property="og:image"
35+
content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />
36+
<meta name="twitter:card" content="summary" />
37+
<meta name="twitter:description" content="IMS Docs" />
38+
<meta name="twitter:title" content="IMS Docs" />
39+
<meta
40+
property="og:image"
41+
content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />
42+
43+
<!-- Sheets -->
44+
<!-- Imported styling -->
45+
<link
46+
rel="stylesheet"
47+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
48+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
49+
<!-- Migrated styling -->
50+
<link
51+
rel="stylesheet"
52+
id="dwboomer-style-css"
53+
href="wp-content/themes/boomer-v18/style.css"
54+
type="text/css"
55+
media="all" />
56+
<link href="wp-includes/css/www.css" rel="stylesheet" />
57+
<!-- Pure CSS -->
58+
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css" />
59+
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css" />
60+
<!-- Custom CSS -->
61+
<link
62+
rel="stylesheet"
63+
type="text/css"
64+
href="wp-includes/css/homepage.css" />
65+
<link rel="stylesheet" href="wp-includes/css/nav.css" />
66+
<link rel="stylesheet" href="wp-includes/css/dropnav.css" />
67+
<link href="wp-includes/css/pages/docs.css" rel="stylesheet" />
68+
<link rel="stylesheet" href="wp-includes/css/page.css" />
69+
70+
<!-- Hotjar tracking code for ibm.com/demos & GitHub -->
71+
<script>
72+
(function (h, o, t, j, a, r) {
73+
h.hj =
74+
h.hj ||
75+
function () {
76+
(h.hj.q = h.hj.q || []).push(arguments);
77+
};
78+
h._hjSettings = { hjid: 132193, hjsv: 6 };
79+
a = o.getElementsByTagName("head")[0];
80+
r = o.createElement("script");
81+
r.async = 1;
82+
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
83+
a.appendChild(r);
84+
})(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
85+
</script>
86+
87+
<!-- TipueSearch -->
88+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
89+
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_content.js"></script>
90+
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_set.js"></script>
91+
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch.min.js"></script>
92+
93+
<!-- delayed search -->
94+
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>
95+
96+
<!-- Web components -->
97+
<script
98+
src="web-components/nav-header/nav-header.js"
99+
type="module"></script>
100+
<script
101+
src="web-components/hero-section/hero-section.js"
102+
type="module"></script>
103+
<script src="web-components/footer/footer.js" type="module"></script>
104+
<script src="web-components/card-tile/card-tile.js" type="module"></script>
105+
</head>
106+
107+
<!-- MASTHEAD_SITENAV_BEGIN -->
108+
<body id="ibm-com" class="ibm-com">
109+
<nav-header></nav-header>
110+
111+
<main id="content" class="main-content">
112+
<!-- =========================== IMS Docs banner =========================== -->
113+
<hero-section
114+
name="IMS Documentation"
115+
image="wp-content/icons/icon_documentation.svg"
116+
section="Support"
117+
desc="Find IMS™ and other IBM product documentation."></hero-section>
118+
119+
<!-- =========================== Badges & Docs =========================== -->
120+
<section class="white-bg pure-g card-section">
121+
<!-- IMS docs -->
122+
<card-tile
123+
cardtype="support"
124+
name="IMS Docs home"
125+
desc="Start here to search across IMS or IBM product information."
126+
link="https://www.ibm.com/docs/en/ims/latest"
127+
class="pure-u-1 pure-u-lg-1-2">
128+
</card-tile>
129+
<!-- PDF docs -->
130+
<card-tile
131+
cardtype="support"
132+
name="PDF documentation"
133+
desc="Download PDF files of IMS documentation."
134+
link="https://www.ibm.com/docs/en/ims/latest?topic=documentation-pdf-files-ims"
135+
class="pure-u-1 pure-u-lg-1-2">
136+
</card-tile>
137+
<!-- Release planning -->
138+
<card-tile
139+
cardtype="support"
140+
name="Release planning"
141+
desc="See the latest continuous delivery product updates for IMS 15 and later."
142+
link="https://www.ibm.com/docs/en/ims/latest?topic=release-planning-ims"
143+
class="pure-u-1 pure-u-lg-1-2">
144+
</card-tile>
145+
<!-- IMS tools -->
146+
<card-tile
147+
cardtype="support"
148+
name="IMS tools"
149+
desc="Start here to get information on all IMS tools."
150+
link="https://www.ibm.com/docs/en/ims-tools"
151+
class="pure-u-1 pure-u-lg-1-2">
152+
</card-tile>
153+
</section>
154+
</main>
155+
156+
<imscentral-footer></imscentral-footer>
157+
</body>
189158
</html>

0 commit comments

Comments
 (0)