Merge pull request #97 from imsdev/ims-dev-comm-home

IMS Developer Community on homepage

Author: hmillersarah

index.html

@@ -333,8 +333,8 @@ <h2>Engage</h2>
           <h3>Stay engaged with the IMS team and other customers.</h3>
         </div>
         <div class="pure-u-1 pure-u-md-2-3">
-          <div class="pure-g pure-g-pad">
-            <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
+          <div class="pure-g">
+            <div class="pure-u-1 pure-u-md-1-2 pure-pad">
               <img
                 src="wp-content/icons/icon_engage.svg"
                 alt=""
@@ -348,7 +348,7 @@ <h3>IMS Gold</h3>
                 >Learn more</a
               >
             </div>
-            <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
+            <div class="pure-u-1 pure-u-md-1-2 pure-pad">
               <img
                 src="wp-content/Icon_02_IMS GoldPage.svg"
                 alt=""
@@ -364,7 +364,7 @@ <h3>Advocacy and ideas</h3>
                 >Learn more</a
               >
             </div>
-            <div class="pure-u-1 pure-u-md-1 pure-u-lg-1-3">
+            <div class="pure-u-1 pure-u-md-1-2 pure-pad">
               <img
                 src="wp-content/Icon_Blog_White.svg"
                 alt=""
@@ -382,6 +382,33 @@ <h3>Blogs and forums</h3>
                 Learn more →
               </a>
             </div>
+            <div class="pure-u-1 pure-u-md-1-2 pure-pad">
+              <img
+                src="wp-content/icons/icon_user_profile.svg"
+                alt=""
+                class="icon icon-lg" />
+              <h3>IMS Developer Community</h3>
+              <p>
+                Join a network of developers who build apps that access IMS.
+                Share insights, troubleshoot challenges, and learn from peers.
+              </p>
+              <div class="vertical-g">
+                <a
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="Learn more about the IMS Developer Community"
+                  href="https://community.ibm.com/community/user/blogs/daleah-sampler/2025/09/09/ims-developer-community">
+                  Learn more →
+                </a>
+                <a
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="Enroll in the IMS Developer Community"
+                  href="https://wkf.ms/45e0yZX">
+                  Enroll →
+                </a>
+              </div>
+            </div>
           </div>
         </div>
       </section>
@@ -394,7 +421,7 @@ <h3>Find IMS documentation or get help with IMS.</h3>
         </div>
         <div class="pure-u-1 pure-u-md-2-3">
           <div class="pure-g pure-g-pad">
-            <div class="pure-u-1 pure-u-sm-1-2">
+            <div class="pure-u-1 pure-u-md-1-2">
               <img
                 src="wp-content/Icon_Homepage_IBM Documentation.svg"
                 alt=""
@@ -410,7 +437,7 @@ <h3>Documentation</h3>
                 >Learn more</a
               >
             </div>
-            <div class="pure-u-1 pure-u-sm-1-2">
+            <div class="pure-u-1 pure-u-md-1-2">
               <img
                 src="wp-content/Icon_Homepage_Get help.svg"
                 alt=""
@@ -426,7 +453,7 @@ <h3>Get help</h3>
                 >Learn more</a
               >
             </div>
-            <div class="pure-u-1 pure-u-sm-1-2">
+            <div class="pure-u-1 pure-u-md-1-2">
               <img
                 src="wp-content/Launch_Icon.svg"
                 alt=""
@@ -444,7 +471,7 @@ <h3>Product page</h3>
                 Learn more →
               </a>
             </div>
-            <div class="pure-u-1 pure-u-sm-1-2">
+            <div class="pure-u-1 pure-u-md-1-2">
               <img
                 src="wp-content/Logo_LinkedIn_Icon.svg"
                 alt=""

wp-includes/css/page.css

@@ -158,7 +158,6 @@ a {
   color: var(--white);
 }
 
-
 .dark-gray-bg h4 {
   font-size: var(--plex-24) !important;
 }
@@ -174,7 +173,8 @@ a {
 }
 
 .blue-bg a,
-.black-bg a {
+.black-bg a, 
+.dark-gray-bg a {
   color: var(--font-light-blue);
 }