Merge pull request #336 from jstruve-catalysis/main

30 Days of IA 2024
Azure · Sep 6, 2024 · 26b4674 · 26b4674
2 parents 9b7c6f0 + 969b3fe
commit 26b4674
Show file tree

Hide file tree

Showing 33 changed files with 598 additions and 204 deletions.
diff --git a/website/blog-30-days-of-ia-2024/2024-09-06/kickoff-blog-coming-soon.md b/website/blog-30-days-of-ia-2024/2024-09-06/kickoff-blog-coming-soon.md
@@ -0,0 +1,39 @@
+---
+slug: kickoff-blog-coming-soon
+title: "Kickoff blog coming soon!"
+authors: [30days]
+draft: false
+hide_table_of_contents: false
+toc_min_heading_level: 2
+toc_max_heading_level: 3
+keywords: [Cloud-Scale, Data, AI, AI/ML, intelligent apps, cloud-native, 60-days, enterprise apps, digital experiences, app modernization]
+image: https://github.com/Azure/Cloud-Native/blob/main/website/static/img/ogImage.png
+description: "Combine the power of AI, cloud-scale data, and cloud-native app development to create highly differentiated digital experiences. Develop adaptive, responsive, and personalized experiences by building and modernizing intelligent applications with Azure." 
+tags: [Build-Intelligent-Apps, 30-days-of-IA, learn-live, community-buzz, azure-kubernetes-service, azure-functions, azure-openai, azure-container-apps, azure-cosmos-db, github-copilot, github-codespaces, github-actions]
+---
+
+<head>
+  <meta property="og:url" content="https://azure.github.io/cloud-native/30-days-of-ia-2024/kickoff-blog-coming-soon"/>
+  <meta property="og:type" content="website"/>
+  <meta property="og:title" content="It's Time to #BuildIntelligentApps"/>
+  <meta property="og:description" content="Combine the power of AI, cloud-scale data, and cloud-native app development to create highly differentiated digital experiences. Develop adaptive, responsive, and personalized experiences by building and modernizing intelligent applications with Azure."/>
+  <meta property="og:image" content="https://azure.github.io/Cloud-Native/img/ogImage.png"/>
+  <meta name="twitter:url" 
+    content="https://azure.github.io/Cloud-Native/30-days-of-ia-2024/kickoff-blog-coming-soon" />
+  <meta name="twitter:title" 
+    content="It's Time to #BuildIntelligentApps" />
+  <meta name="twitter:description" 
+    content="Combine the power of AI, cloud-scale data, and cloud-native app development to create highly differentiated digital experiences. Develop adaptive, responsive, and personalized experiences by building and modernizing intelligent applications with Azure." />
+  <meta name="twitter:image" 
+    content="https://azure.github.io/Cloud-Native/img/ogImage.png" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:creator" 
+    content="@nitya" />
+  <meta name="twitter:site" content="@AzureAdvocates" /> 
+  <link rel="canonical" 
+    href="https://azure.github.io/Cloud-Native/30-days-of-ia-2024/kickoff-blog-coming-soon" />
+</head>
+
+<!-- End METADATA -->
+
+Stay tuned for details on September 10 at 8am PT.
diff --git a/website/blog-30-days-of-ia-2024/authors.yml b/website/blog-30-days-of-ia-2024/authors.yml
@@ -0,0 +1,29 @@
+cnteam: 
+  name: "#60Days Of IA"
+  title: BuildIA Content Team
+  url: https://azure.github.io/Cloud-Native/Build-IA/
+  image_url: https://azure.github.io/Cloud-Native/img/logo-2024.png
+
+nitya:
+  name: Nitya Narasimhan
+  title: Senior Cloud Advocate, Illustrator
+  url: https://github.com/nitya
+  image_url: https://github.com/nitya.png
+
+devanshi:
+  name: Devanshi Joshi
+  title: Product Marketing Manager
+  url: https://github.com/devanshidiaries
+  image_url: https://github.com/devanshidiaries.png
+
+cory:
+  name: Cory Skimming
+  title: Sr. Product Marketing Manager
+  url: https://twitter.com/cskimming
+  image_url: https://github.com/CSKIMM.png
+
+30days: 
+  name: "#30Days Of IA"
+  title: BuildIA Content Team
+  url: https://azure.github.io/Cloud-Native/Build-IA/
+  image_url: https://azure.github.io/Cloud-Native/img/logo-2024.png
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -215,6 +215,24 @@ const config = {
         sortPosts: "descending",
       },
     ],
+    [
+      "@docusaurus/plugin-content-blog",
+      {
+        id: "blog-30-days-of-ia-2024",
+        routeBasePath: "30-days-of-ia-2024",
+        path: "./blog-30-days-of-ia-2024",
+        blogTitle: "Learn in #30DaysOfIA",
+        blogDescription:
+          "Develop adaptive, responsive, and personalized experiences by building and modernizing intelligent applications with Azure!",
+        blogSidebarCount: "ALL",
+        blogSidebarTitle: "#30DaysOfIA2024",
+        tagsBasePath: "tags",
+        archiveBasePath: "archive",
+        postsPerPage: 1,
+        showReadingTime: true,
+        sortPosts: "descending",
+      },
+    ],
     // ---- End Multiple Blogs
 
     ["docusaurus-plugin-clarity", {}],

diff --git a/website/src/components/AnnouncementBar/index.js b/website/src/components/AnnouncementBar/index.js
@@ -10,7 +10,7 @@ const AnnouncementBar = () => {
           <div className={`col col--8 col--offset-2 ${styles.announcementBarContainer}`}>
             <div className="col-demo">
               <p className={styles.announcementBarContent}>
-                Check out the <a className={styles.announcementLink} target="_blank" href="https://developer.microsoft.com/en-us/reactor/series/S-1308/?wt.mc_id=blog_S-1308_webpage_reactor" data-bi-area="AnnouncementBar" data-bi-name="Intelligent Apps on Azure Container Apps">Intelligent Apps on Azure Container Apps</a> series for quick demo bytes | Give us a 🌟 <a className={styles.announcementLink} target="_blank" href="https://github.com/azure/cloud-native" data-bi-area="AnnouncementBar" data-bi-name="Give us a star on GitHub">on GitHub</a>
+              Dive into <a className={styles.announcementLink} target="_blank" href="https://aka.ms/learn-live/ep1?ocid=biafy25h1_cn_webpage_azuremktg" data-bi-area="AnnouncementBar" data-bi-name="building AI applications in Python">building AI applications in Python</a> with cutting-edge technology and models | Give us a 🌟 <a className={styles.announcementLink} target="_blank" href="https://github.com/azure/cloud-native" data-bi-area="AnnouncementBar" data-bi-name="Give us a star on GitHub">on GitHub</a>
               </p>
             </div>
           </div>

diff --git a/website/src/components/AnnouncementBar/styles.module.css b/website/src/components/AnnouncementBar/styles.module.css
@@ -1,14 +1,13 @@
 .announcementBarBackground {
-    background-color: #133486;
+    background-color: #002948;
     color: #ffffff;
     font-size: 13px;
-    margin-top: -2px
+    margin-top: -2px;
 }
 
 .announcementBarContainer {
     align-content: center;
     text-align: center;
-    background-color: #133486;
     color: #ffffff;
 }
 

diff --git a/website/src/components/gallery/ShowcaseCard/index.tsx b/website/src/components/gallery/ShowcaseCard/index.tsx
@@ -61,10 +61,19 @@ function ShowcaseCardTag({tags}: {tags: TagType[]}) {
   );
 }
 
-function ShowcaseMultipleWebsites(authorName:string, websiteLink:string) {
- return <li>
-         <a className="dropdown__link" href={websiteLink}>{authorName}</a>
-       </li>;
+function ShowcaseMultipleWebsites(authorName: string, websiteLink: string) {
+  return (
+    <li>
+      <a
+        className="dropdown__link"
+        href={websiteLink}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {authorName}
+      </a>
+    </li>
+  );
 }
 
 function ShowcaseMultipleAuthorsDropdown({ user }: { user: User }) {
@@ -89,7 +98,7 @@ function ShowcaseMultipleAuthorsDropdown({ user }: { user: User }) {
         <ul className="dropdown__menu">
           {multiWebsites.map((value, index) => {
             // Append tracking parameter to URL
-            const trackedUrl = `${value}?ocid=buildia24_gallery_website`;
+            const trackedUrl = `${value}?ocid=biafy25h1_communitygallery_webpage_azuremktg`;
             return ShowcaseMultipleWebsites(
               multiAuthors[index],
               trackedUrl // Use the tracked URL
@@ -101,17 +110,17 @@ function ShowcaseMultipleAuthorsDropdown({ user }: { user: User }) {
   }
 
   // Append tracking parameter to single URL
-  const trackedUrl = `${websites}?ocid=buildia24_gallery_website`;
+  const trackedUrl = `${websites}?ocid=biafy25h1_communitygallery_webpage_azuremktg`;
 
   return (
     <div className="author">
-      <p className="margin-bottom--none">Author</p>
-      <a href={trackedUrl}>{authors}</a>
+      <a href={trackedUrl} target="_blank" rel="noopener noreferrer">
+        {authors}
+      </a>
     </div>
   );
 }
 
-
 function ShowcaseCard({ user }: { user: User }) {
   // Function to determine if the URL contains a specific tracking parameter
   function urlContainsParameter(url, parameter) {
@@ -121,16 +130,15 @@ function ShowcaseCard({ user }: { user: User }) {
   // Determine the URL to use
   let urlToUse = user.source;
 
-  // Check if the URL contains the tracking parameter "?ocid=buildia24_LL_website"
-  if (!urlContainsParameter(urlToUse, '?ocid=buildia24_LL_website')) {
-    // If the tracking parameter "?ocid=buildia24_LL_website" is not present, append "?ocid=buildia24_gallery_website"
-
-    const trackingParameter = '?ocid=buildia24_gallery_website';
+  // Check if the URL contains the tracking parameter "?ocid=biafy25h1_communitygallery_webpage_azuremktg"
+  if (!urlContainsParameter(urlToUse, '?ocid=biafy25h1_communitygallery_webpage_azuremktg')) {
+    // If the tracking parameter "?ocid=biafy25h1_communitygallery_webpage_azuremktg" is not present, append "?ocid=biafy25h1_communitygallery_webpage_azuremktg"
+    const trackingParameter = '?ocid=biafy25h1_communitygallery_webpage_azuremktg';
 
     // Check if the URL already has query parameters
     if (urlToUse.includes('?')) {
       // URL already has parameters, use '&' to append the new parameter
-      urlToUse += `&ocid=buildia24_gallery_website`;
+      urlToUse += `&ocid=biafy25h1_communitygallery_webpage_azuremktg`;
     } else {
       // URL does not have any parameters, use '?' to append the new parameter
       urlToUse += trackingParameter;
@@ -143,6 +151,8 @@ function ShowcaseCard({ user }: { user: User }) {
       <Link
         className="card-link"
         to={urlToUse}
+        target="_blank"
+        rel="noopener noreferrer"
         data-bi-area="BodyGrid"
         data-bi-name={user.title}
       >
@@ -170,7 +180,4 @@ function ShowcaseCard({ user }: { user: User }) {
   );
 }
 
-
-
-
-export default React.memo(ShowcaseCard);
+export default React.memo(ShowcaseCard);
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -59,15 +59,15 @@
   --ifm-color-primary-light: #dcd2ee;
   --ifm-color-primary-lighter: #e7e0f4;
   --ifm-color-primary-lightest: #ffffff;
-  --ifm-background-color: #06112c!important;
-  --ifm-card-background-color: #0b1d4a!important;
+  --ifm-background-color: #002948!important;
+  --ifm-card-background-color: #004277!important;
   --ifm-navbar-background-color: #0b1d4a!important;
   --ifm-footer-background-color: #0b1d4a!important;
   --ifm-dropdown-background-color: #0b1d4a!important;
   --ifm-link-color: #ffb3bb!important;
   --font-color: #ffffff;
   --border-gradient: linear-gradient(to right,
-    #163A95 20%,
+    #004277 20%,
     #1172B0 60%,
     #8DC8E8 70%,
     #FFB3BB 80%,
@@ -81,7 +81,7 @@
    Need a better way to make this a dependent version on background color automatically
 */
 .hero{
-  color: #ffffff;
+  color: #f4fafd!important;
 }
 
 html {
@@ -210,6 +210,7 @@ a {
   box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
   transition: box-shadow 200ms ease-in-out;
   font-weight: 400;
+  border-radius: 1.5rem;
 }
 
 .card-body {
@@ -242,20 +243,45 @@ h1, h2, h3, h4, h5, h6 {
   font-family: Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 }
 
+h1 {
+  letter-spacing: -.05em;
+}
+
+h2, h3, h4, h5, h6 {
+  letter-spacing: -.03em;
+}
+
+.eyebrow {
+  text-transform: uppercase;
+  font-size: .75rem;
+  letter-spacing: .08em;
+  font-weight: 600;
+}
+
 .button {
   font-weight: 600!important;
+  font-size: 1rem!important;
+  padding: .75rem 1rem;
 }
 
 .button--primary {
-  color: #1c1e21!important;
-  background-color: #9FA2F3!important;
+  color: #0e1726!important;
+  background-color: #b3daf0!important;
   border: 0px solid white!important;
 }
 
 .button--primary:hover {
-  color: #1c1e21!important;
-  background-color: #b0b3f5!important;
+  color: #0e1726!important;
+  background-color: #cbe6f4!important;
+  border: 0px solid #ffb3bb!important;
+}
+
+.button--primary:focus {
+  color: #0e1726!important;
+  background-color: #f4fafd!important;
   border: 0px solid #ffb3bb!important;
+  outline-offset: -.375rem!important;
+  outline: .1875rem dotted currentColor!important;
 }
 
 .button--secondary {

diff --git a/website/src/pages/Build-IA/CloudSkills.md b/website/src/pages/Build-IA/CloudSkills.md
@@ -1,38 +1,32 @@
 ---
-title: Cloud Skills
+title: AI Skills Challenge
 ---
 
-# Build Intelligent Apps Skills Challenge
+# Build Intelligent Apps with the Microsoft Learn AI Skills Challenge
 
 ---
 
-## Choose Your Challenge
+Gaining AI skills can increase wages by an average of 21%. Build in-demand skills with the Microsoft Learn AI Skills Challenge! Master cutting-edge AI technologies like Microsoft Copilot, GitHub, Microsoft Azure, and Microsoft Fabric. Engage in six curated topics, interactive community events, and expert-led sessions to deepen your understanding. Go further in a selection of the topics to earn a Microsoft Applied Skills Credential to showcase your technical knowledge to potential employers. Start your AI journey today!
 
-Join us on a learning journey to skill up on your core skills for developing intelligent apps. Explore how to combine the power of AI, cloud-scale data, and cloud-native app development to create highly differentiated digital experiences.
+#LearnMicrosoftAI  
 
+[Register now](https://aka.ms/aiskillschallenge?ocid=biafy25h1_aiskillschallenge_webpage_azuremktg) to compete and level up your AI skills. The challenge is live **September 24 through November 1**!
 
 ![Build intelligent apps](./../../../static/img/60-days-of-ia/60-days-of-ia-cloud-skills-banner.jpg)
 
-
-* [**Intelligent Apps Skills Challenge**](https://aka.ms/intelligent-apps/apps-csc?ocid=buildia24_website) - Applications are at the core of intelligent solution development. Cloud-native app development empowers you to create modern containerized and serverless apps to build innovative solutions. Explore how to get started with building intelligent apps using Azure Kubernetes Service, Azure Functions and GitHub. [Register now to compete and earn your #IntelligentApps skills badge - Ends on April 15!](https://aka.ms/intelligent-apps/apps-csc?ocid=buildia24_website)
-
-* [**Data Skills Challenge**](https://aka.ms/intelligent-apps/data-csc?ocid=buildia24_website) - It is time to activate our enormous data stores for building data driven intelligent solutions. Compete to skill up on your core skills for cloud-scale databases. Explore how to build, scale, and optimize modern applications on Azure with Azure Cosmos DB. [Register now to compete and earn your #IntelligentApps skills badge - Ends on April 15!](https://aka.ms/intelligent-apps/data-csc?ocid=buildia24_website)
-
-* [**AI Skills Challenge**](https://aka.ms/intelligent-apps/ai-csc?ocid=buildia24_website) - The world of generative AI is rapidly evolving. Learn how to create intelligent solutions that extract semantic meaning from text and support common computer vision scenarios. Explore how to take advantage of large-scale, generative AI models with deep understandings of language and code to enable new reasoning and comprehension capabilities for building cutting-edge applications responsibly. [Register now to compete and earn your #IntelligentApps skills badge - Ends on April 15!](https://aka.ms/intelligent-apps/ai-csc?ocid=buildia24_website)
-
 ---
 
 ## Earn a Microsoft Learn badge 
 
-By completing at least one of the three eligible challenges before **April 15, 2024**, you will receive a Microsoft Learn **badge** on your Learn profile. These will be delivered to the email address associated with your Microsoft Learn profile. Confirm or add a contact email [here](https://learn.microsoft.com/users/me/settings?ocid=buildia24_website) to ensure emails are delivered.
+By completing this challenge before **November 1, 2024**, you will receive a Microsoft Learn **badge** on your Learn profile. These will be delivered to the email address associated with your Microsoft Learn profile. Confirm or add a contact email [here](https://learn.microsoft.com/users/me/settings?ocid=biafy25h1_aiskillschallenge_webpage_azuremktg) to ensure emails are delivered.
 
 ---
 
 ## About Microsoft Learn
 
-Completed the Cloud Skills Challenge, and want to keep going on your learning journey?  Or, perhaps there are other Cloud+AI topics you want to skill up in? Check out these three resources for building your professional profile!
+Completed the Microsoft Learn AI Skills Challenge, and want to keep going on your learning journey? Or, perhaps there are other Cloud and AI topics you want to skill up in? Check out these three resources for building your professional profile!
 
-| 1️⃣ - [**LEARNING PATHS**](https://docs.microsoft.com/learn/browse/?ocid=buildia24_website) | 2️⃣ - [**CERTIFICATIONS**](https://docs.microsoft.com/learn/certifications/?ocid=buildia24_website) | 3️⃣ - [**LEARNING EVENTS**](https://docs.microsoft.com/events/?ocid=buildia24_website)|
+| 1️⃣ - [**LEARNING PATHS**](https://docs.microsoft.com/learn/browse/?ocid=biafy25h1_aiskillschallenge_webpage_azuremktg) | 2️⃣ - [**CERTIFICATIONS**](https://docs.microsoft.com/learn/certifications/?ocid=biafy25h1_aiskillschallenge_webpage_azuremktg) | 3️⃣ - [**LEARNING EVENTS**](https://docs.microsoft.com/events/?ocid=biafy25h1_aiskillschallenge_webpage_azuremktg)|
 |:---:|:---:|:---:|
 | Skill up on a topic with guided paths for self-study!| Showcase your expertise with industry-recognized credentials!| Learn from subject matter experts in live & recorded events|
 | <img alt="" role="presentation" src="https://docs.microsoft.com/learn/media/topics/cards/icon-card_learningpath_light.png" /> |  <img alt="" role="presentation" src="https://docs.microsoft.com/learn/media/topics/cards/icon-card_certification_light.png" />  | <img alt="" role="presentation" src="https://docs.microsoft.com/learn/media/topics/cards/icon-card_learnvideo_light.png" />  |

diff --git a/website/src/pages/Build-IA/CommunityGallery.tsx b/website/src/pages/Build-IA/CommunityGallery.tsx
@@ -46,7 +46,6 @@ import styles from './styles.module.css';
 
 const TITLE = 'Community Gallery';
 const DESCRIPTION = 'A community-contributed showcase gallery';
-// const ADD_URL = 'https://aka.ms/awesome-azd-contribute'
 
 type UserState = {
   scrollTopPosition: number;