Skip to content

Responsive updates #107

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hmillersarah merged 4 commits into from
Nov 26, 2025
Merged

Responsive updates #107

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0717815
add spacer to cta banner for small screens
hmillersarah Nov 26, 2025
f44675c
update font size of cta banner for small screens
hmillersarah Nov 26, 2025
24e9f41
fix added padding to section element on smaller screens
hmillersarah Nov 26, 2025
3a9c5f1
update repos section with new css classes
hmillersarah Nov 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
261 changes: 155 additions & 106 deletions ims-repos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,123 +1,172 @@
<html lang="en" style="padding-top:0px !important;padding-bottom: 0px !important;">

<head>
<!-- Basic meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<html
lang="en"
style="padding-top: 0px !important; padding-bottom: 0px !important"
>
<head>
<!-- Basic meta -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="geo.country" content="ZZ" />
<meta name="dcterms.rights" content="� Copyright IBM Corp. 2020" />
<meta name="dcterms.date" content="2020-07-18" />
<meta name="keywords" content="IMS Central, IMS Developer, IMS" />
<meta name="robots" content="index, follow" />

<!-- Favicon -->
<link id="favicon"
rel="shortcut icon"
type="image/x-icon"
href="wp-content/IMS_logo_small.png">

<!-- Page title -->
<title>IMS Repos</title>

<!-- Meta for social media -->
<link rel="canonical" href="ims-docs.html" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="IMS Repos" />
<meta property="og:description" content="IMS Repos" />
<meta property="og:url" content="http://www/imsdev.github.io/ims-repos.html" />
<meta property="og:site_name" content="IMS Central" />
<meta property="og:image" content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="IMS Repos" />
<meta name="twitter:title" content="IMS Repos" />
<meta property="og:image" content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png" />

<!-- Sheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- Migrated stylesheets -->
<link rel='stylesheet' id='dwboomer-style-css' href='wp-content/themes/boomer-v18/style.css' type='text/css' media='all' />
<link rel='stylesheet' href='wp-includes/css/www.css' type='text/css' media='all' />
<!-- Pure CSS -->
<link href="wp-includes/css/grid-fluid.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css">
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="wp-includes/css/nav.css">
<link rel="stylesheet" href="wp-includes/css/dropnav.css">
<link href="wp-includes/css/tables.css" rel="stylesheet">
<link href="wp-includes/css/pages/repos.css" rel="stylesheet">
<link href="wp-includes/css/custom.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="wp-includes/css/homepage.css">

<!-- Hotjar Tracking Code for ibm.com/demos & githhub -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:132193,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Favicon -->
<link
id="favicon"
rel="shortcut icon"
type="image/x-icon"
href="wp-content/IMS_logo_small.png"
/>

<!-- Page title -->
<title>IMS Repos</title>

<!-- Meta for social media -->
<link rel="canonical" href="ims-docs.html" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="IMS Repos" />
<meta property="og:description" content="IMS Repos" />
<meta
property="og:url"
content="http://www/imsdev.github.io/ims-repos.html"
/>
<meta property="og:site_name" content="IMS Central" />
<meta
property="og:image"
content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png"
/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="IMS Repos" />
<meta name="twitter:title" content="IMS Repos" />
<meta
property="og:image"
content="http://www/imsdev.github.io/wp-content/IMS_logo_large.png"
/>

<!-- Sheets -->
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
<!-- Migrated stylesheets -->
<link
rel="stylesheet"
id="dwboomer-style-css"
href="wp-content/themes/boomer-v18/style.css"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
href="wp-includes/css/www.css"
type="text/css"
media="all"
/>
<!-- Pure CSS -->
<link href="wp-includes/css/grid-fluid.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="wp-includes/css/pure.css" />
<link rel="stylesheet" href="wp-includes/css/grids-responsive-min.css" />
<!-- Custom CSS -->
<link rel="stylesheet" href="wp-includes/css/nav.css" />
<link rel="stylesheet" href="wp-includes/css/dropnav.css" />
<link href="wp-includes/css/tables.css" rel="stylesheet" />
<link href="wp-includes/css/pages/repos.css" rel="stylesheet" />
<link href="wp-includes/css/custom.css" rel="stylesheet" />
<link
rel="stylesheet"
type="text/css"
href="wp-includes/css/homepage.css"
/>
<link rel="stylesheet" href="wp-includes/css/page.css" />

<!-- Hotjar Tracking Code for ibm.com/demos & githhub -->
<script>
(function (h, o, t, j, a, r) {
h.hj =
h.hj ||
function () {
(h.hj.q = h.hj.q || []).push(arguments);
};
h._hjSettings = { hjid: 132193, hjsv: 6 };
a = o.getElementsByTagName("head")[0];
r = o.createElement("script");
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
</script>

<!-- <script src="wp-includes/js/jquery.min.js"></script> -->
<!-- <script src="wp-includes/js/jquery.min.js"></script> -->

<!-- TipueSearch -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_content.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_set.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch.min.js"></script>
<!-- TipueSearch -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_content.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch_set.js"></script>
<script src="jekyll-tipue-search/assets/tipuesearch/tipuesearch.min.js"></script>

<!-- delayed search -->
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>
<!-- delayed search -->
<script src="jekyll-tipue-search/assets/tipuesearch/delayedsearch.js"></script>

<!-- Web components -->
<script src="web-components/nav-header/nav-header.js" type="module"></script>
<script src="web-components/hero-section/hero-section.js" type="module"></script>
<script src="web-components/footer/footer.js" type="module"></script>
</head>
<!-- Web components -->
<script
src="web-components/nav-header/nav-header.js"
type="module"
></script>
<script
src="web-components/hero-section/hero-section.js"
type="module"
></script>
<script src="web-components/footer/footer.js" type="module"></script>
</head>

<!-- MASTHEAD_SITENAV_BEGIN -->
<body id="ibm-com" class="ibm-com ibm-type">
<nav-header></nav-header>
<!-- MASTHEAD_SITENAV_BEGIN -->
<body id="ibm-com" class="ibm-com ibm-type">
<nav-header></nav-header>

<!-- Container -->
<div id="content">
<main id="main">
<hero-section
name="IMS on GitHub"
image="wp-content/icons/icon_github.svg"
section="Learn"
desc="Accelerate your application development and deployment needs by using the samples provided in these repositories."
linktext="IMS on GitHub →"
link="https://github.com/imsdev"
></hero-section>

<div class="zs-section repo-sec">
<h2 id="section-title">Available repositories</h2>

<!-- Retrieving repositories -->
<div class="container-fluid" id="github-projects"></div>
</div>
</main>
</div>
<main id="content" class="main-content">
<hero-section
name="IMS on GitHub"
image="wp-content/icons/icon_github.svg"
section="Learn"
desc="Accelerate your application development and deployment needs by using the samples provided in these repositories."
linktext="IMS on GitHub →"
link="https://github.com/imsdev"
></hero-section>

<!-- Footer -->
<imscentral-footer></imscentral-footer>
<section class="white-bg pure-g">
<div class="pure-u-1 section-header">
<h2>Available repositories</h2>
</div>
<div class="pure-g pure-g-pad-v">
<div class="pure-u-1">
<!-- Retrieving repositories -->
<div id="github-projects"></div>
</div>
</div>
</section>
</main>

<!-- <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> -->
<script src="wp-includes/js/git.js" type="text/javascript"></script>
<!-- Footer -->
<imscentral-footer></imscentral-footer>

<!-- loads repositories -->
<script type="text/javascript">
$(function() {
$("#github-projects").loadRepositories("imsdev");
});
</script>
</body>
<!-- <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> -->
<script src="wp-includes/js/git.js" type="text/javascript"></script>

<!-- loads repositories -->
<script type="text/javascript">
$(function () {
$("#github-projects").loadRepositories("imsdev");
});
</script>
</body>
</html>
Loading