Squashed commit of the following:

commit 8daf1cfff3091065dd7a5c730ada751d68bdb151 Merge: 9934f1c 7a314c7 Author: hemarina <[email protected]> Date: Wed Oct 18 16:14:38 2023 -0700 Merge branch 'main' of https://github.com/Azure/awesome-azd into filter-top commit 9934f1c Author: hemarina <[email protected]> Date: Wed Oct 18 11:52:09 2023 -0700 add condition for filter commit 7a314c7 Author: hemarina <[email protected]> Date: Wed Oct 18 10:22:11 2023 -0700 update copyright (Azure#226) * update copyright * make sure it's for 3 party license commit 02d76c2 Author: hemarina <[email protected]> Date: Tue Oct 17 14:55:05 2023 -0700 cleaner timer commit 69e1fb5 Author: hemarina <[email protected]> Date: Tue Oct 17 14:32:01 2023 -0700 add empty search page commit 055c182 Author: Grace Kulin <[email protected]> Date: Tue Oct 17 13:28:30 2023 -0700 Update video on about page (Azure#221) Update video on about page commit ae0fd84 Author: hemarina <[email protected]> Date: Tue Oct 17 13:28:09 2023 -0700 sort tag and remove dev center (Azure#220) sort tag and remove dev center commit 64740ed Author: hemarina <[email protected]> Date: Fri Oct 13 13:46:20 2023 -0700 debug filter top bar commit 97b7cf5 Author: hemarina <[email protected]> Date: Fri Oct 13 11:11:50 2023 -0700 use smaller file png for cover (Azure#219) use smaller file png for cover commit 1770e59 Author: dantelmomsft <[email protected]> Date: Fri Oct 13 01:28:32 2023 +0200 add `azure-search-openai-demo-java` template (Azure#218) * rebase and java Chatgpt sample descriptio and tags updated * add semantickernel tag --------- Co-authored-by: hemarina <[email protected]> commit 09be102 Author: hemarina <[email protected]> Date: Thu Oct 12 15:54:31 2023 -0700 update div css commit d62bd43 Author: hemarina <[email protected]> Date: Thu Oct 12 14:42:35 2023 -0700 test card sorted commit 37b09e5 Author: Victor Vazquez <[email protected]> Date: Wed Oct 11 16:57:43 2023 -0700 devcon (Azure#217) commit c0f73d5 Author: hemarina <[email protected]> Date: Wed Oct 11 10:25:21 2023 -0700 add filter top bar commit 679e121 Author: hemarina <[email protected]> Date: Tue Oct 10 13:54:21 2023 -0700 Squashed commit of the following: commit b838abc Author: hemarina <[email protected]> Date: Tue Oct 10 13:50:08 2023 -0700 add underline when page is selected commit 239bd8f Author: hemarina <[email protected]> Date: Mon Oct 9 16:18:48 2023 -0700 custom navbar commit 1a0e4f5 Author: hemarina <[email protected]> Date: Mon Oct 9 13:37:21 2023 -0700 update submit template link to contribute page (Azure#209) update contribute link commit 79ce05e Author: hemarina <[email protected]> Date: Fri Oct 6 16:51:03 2023 -0700 Fix bug of showing the wrong template card header logo and title website after filtered and closed contribution card (Azure#206) fix bug with unique key in loops
hemarina · Oct 19, 2023 · a796710 · a796710
1 parent b3c5d84
commit a796710
Show file tree

Hide file tree

Showing 47 changed files with 976 additions and 236 deletions.
diff --git a/.devcontainer/.devcontainer.json b/.devcontainer/.devcontainer.json
@@ -0,0 +1,23 @@
+{
+    "name": "Awesome AZD",
+    "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
+    "features": {
+        "ghcr.io/devcontainers/features/docker-in-docker:1": {
+            "version": "latest",
+            "moby": true
+        },
+        "ghcr.io/devcontainers/features/azure-cli:1": {},
+        "ghcr.io/devcontainers/features/node:1": {},
+        "ghcr.io/devcontainers/features/git:1": {},
+        "ghcr.io/devcontainers/features/github-cli:1": {}
+    },
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "redhat.vscode-yaml",
+                "streetsidesoftware.code-spell-checker",
+                "eamodio.gitlens"
+            ]
+        }
+    }
+}
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -73,40 +73,54 @@ const config = {
           width: 32,
           height: 32,
         },
-
-        // style: "primary",
-
         items: [
-          // FIXME: TEMPORARILY DISABLE DOCS, BLOG
-          //{ label: "Tutorial", position: "left", type: "doc", docId: "intro",},
-          //{ to: '/blog', label: 'Blog', position: 'left'},
-
-          { to: "/about", label: "About", position: "left" },
           {
-            label: "Contribute",
+            href: "/",
+            label: "Templates",
             position: "left",
-            type: "doc",
-            docId: "intro",
           },
 
-          // CONFIG:
-          // Make sure you have class defined in src/css/custom.css
           {
-            to: "https://learn.microsoft.com/azure/architecture/browse/",
-            label: "Architectures",
-            position: "right",
+            to: "/about",
+            label: "Getting Started",
+            position: "left",
           },
           {
             to: "https://learn.microsoft.com/azure/developer/azure-developer-cli/",
             label: "Docs",
-            position: "right",
+            position: "left",
           },
           {
-            href: "https://github.com/azure/awesome-azd",
+            to: "https://learn.microsoft.com/azure/architecture/browse/",
+            label: "Resources",
+            position: "left",
+          },
+          {
+            label: "Contribute",
+            position: "left",
+            type: "doc",
+            docId: "intro",
+          },
+
+          {
+            href: "https://github.com/Azure/repo/awesome-azd",
             position: "right",
             className: "header-github-link",
             "aria-label": "GitHub repository",
           },
+
+          // CONFIG:
+          // Make sure you have class defined in src/css/custom.css
+          {
+            to: "https://azure.github.io/awesome-azd/docs/intro",
+            label: "Submit your template!",
+            position: "right",
+            className: "button",
+            style: {
+              backgroundColor: "#7160E8",
+              color: "white",
+            },
+          },
         ],
       },
 
@@ -188,9 +202,9 @@ const config = {
 
         // CONFIG: theme = currently using `classic`
         //    See: https://docusaurus.io/docs/api/themes/@docusaurus/theme-classic
-        // theme: {
-        //   customCss: require.resolve('./src/css/custom.css'),
-        // },
+        theme: {
+          customCss: require.resolve("./src/css/custom.css"),
+        },
       }),
     ],
   ],

diff --git a/website/src/components/Svg/index.tsx b/website/src/components/Svg/index.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
  import React, {type ReactNode, type ComponentProps} from 'react';

diff --git a/website/src/components/Svg/styles.module.css b/website/src/components/Svg/styles.module.css
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
  .svgIcon {

diff --git a/website/src/components/gallery/ShowcaseCard/index.tsx b/website/src/components/gallery/ShowcaseCard/index.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
 import React from "react";
@@ -319,6 +317,7 @@ function ShowcaseCard({ user }: { user: User }) {
           >
             <img
               src={headerLogo}
+              alt="Logo"
               height={16}
               style={{ margin: "5px 0px", fontWeight: "550" }}
             />
@@ -385,7 +384,7 @@ function ShowcaseCard({ user }: { user: User }) {
               alignItems: "center",
             }}
           >
-            <img src={headerLogo} height={16} />
+            <img src={headerLogo} height={16} alt="logo" />
             <div
               style={{
                 fontWeight: "600",
@@ -635,7 +634,7 @@ export function ShowcaseContributionCard(): React.ReactElement {
           }}
           onClick={() => {
             window.open(
-              "https://github.com/Azure/awesome-azd/compare",
+              "https://azure.github.io/awesome-azd/docs/intro",
               "_blank"
             );
           }}

diff --git a/website/src/components/gallery/ShowcaseCard/styles.module.css b/website/src/components/gallery/ShowcaseCard/styles.module.css
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
 /* Keep for future change on light vs dark theme */

diff --git a/website/src/components/gallery/ShowcaseTagSelect/index.tsx b/website/src/components/gallery/ShowcaseTagSelect/index.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
 import React, {

diff --git a/website/src/components/gallery/ShowcaseTagSelect/styles.module.css b/website/src/components/gallery/ShowcaseTagSelect/styles.module.css
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
  .checkboxLabel:hover {

diff --git a/website/src/components/gallery/ShowcaseTooltip/index.tsx b/website/src/components/gallery/ShowcaseTooltip/index.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
 import React, { useEffect, useState, useRef } from "react";

diff --git a/website/src/components/gallery/ShowcaseTooltip/styles.module.css b/website/src/components/gallery/ShowcaseTooltip/styles.module.css
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
  .tooltip {

diff --git a/website/src/components/svgIcons/FavoriteIcon/index.tsx b/website/src/components/svgIcons/FavoriteIcon/index.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
  import React from 'react';

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -6,7 +6,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #245e94;
+  --ifm-color-primary: #7160E8;
   --ifm-color-primary-dark: #205585;
   --ifm-color-primary-darker: #1f507e;
   --ifm-color-primary-darkest: #194268;
@@ -17,45 +17,61 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
-/* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme='dark'] {
-  --ifm-color-primary: #33d4f4;
-  --ifm-color-primary-dark: #17cef2;
-  --ifm-color-primary-darker: #0dc9ee;
-  --ifm-color-primary-darkest: #0ba5c4;
-  --ifm-color-primary-light: #4fdaf6;
-  --ifm-color-primary-lighter: #5dddf6;
-  --ifm-color-primary-lightest: #87e6f9;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+.navbar{
+  font-size: 16px;
 }
 
-/* For readability - FIXME: is there a better way to handle it? */
-[data-theme='dark'] .navbar__brand {
-  color: black;
+.navbar .navbar__inner .navbar__items .navbar__link--active{
+  text-decoration-line: underline;
+  text-underline-offset: 20px;
+  text-decoration-thickness: 4px;
 }
-[data-theme='dark'] .navbar__link {
-  color: black;
+
+/* .navbar .navbar__inner .navbar__items .navbar_item .navbar__link .templatePage{
+  text-decoration-line: underline;
+  text-underline-offset: 20px;
+  text-decoration-thickness: 4px;
+} */
+
+.templatePage:hover::before{
+  text-decoration-line: underline;
+  text-underline-offset: 20px;
+  text-decoration-thickness: 4px;
+  color:var(--ifm-color-primary);
+
 }
 
 .header-github-link:hover {
   opacity: 0.6;
 }
 
-.header-github-link::before {
+.header-github-link:before {
   content: '';
   width: 24px;
   height: 24px;
   display: flex;
-  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
     no-repeat;
 }
 
-[data-theme='dark'] .header-github-link::before {
+html[data-theme='dark'] .header-github-link:before {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
     no-repeat;
 }
 
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+/* [data-theme='dark'] {
+  --ifm-color-primary: #7160E8;
+  --ifm-color-primary-dark: #17cef2;
+  --ifm-color-primary-darker: #0dc9ee;
+  --ifm-color-primary-darkest: #0ba5c4;
+  --ifm-color-primary-light: #4fdaf6;
+  --ifm-color-primary-lighter: #5dddf6;
+  --ifm-color-primary-lightest: #87e6f9;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+} */
 
+/* For readability - FIXME: is there a better way to handle it? */
 .docusaurus-highlight-code-line {
   background-color: rgba(0, 0, 0, 0.1);
   display: block;

diff --git a/website/src/data/tags.tsx b/website/src/data/tags.tsx
@@ -121,7 +121,7 @@ export type TagType =
   | "azurebot"
   | "ade"
   | "platformengineering"
-  | "devcenter"
+  | "semantickernel"
   ;
 
 // LIST OF AVAILABLE TAGS
@@ -311,10 +311,10 @@ export const Tags: { [type in TagType]: Tag } = {
     description: "Template architecture uses Streamlit library",
     type: "Framework",
   },
-  devcenter: {
-    label: "Dev Center",
-    description: "Template architecture uses Dev Center",
-    type: "Service",
+  semantickernel: {
+    label: 'Semantic Kernel',
+    description: 'Template architecture uses Semantic Kernel',
+    type: "Framework",
   },
   // ---- Azure Services
   ahds: {

diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx
@@ -1,8 +1,6 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+* Copyright (c) Microsoft Corporation. All rights reserved.
+* Licensed under the MIT License.
  */
 
 /* eslint-disable global-require */
@@ -20,11 +18,11 @@ import templates from '../../static/templates.json'
 // Add your site to this list
 // prettier-ignore
 
-const Users: User[] = templates as User[]
+export const unsortedUsers: User[] = templates as User[]
 
 export const TagList = Object.keys(Tags) as TagType[];
 function sortUsers() {
-  let result = Users;
+  let result = unsortedUsers;
   // Sort by site name
   result = sortBy(result, (user) => user.title.toLowerCase());
   return result;

diff --git a/website/src/pages/about/index.js b/website/src/pages/about/index.js
@@ -13,7 +13,7 @@ function HomepageHeader() {
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
-        <iframe width="773" height="435" src="https://www.youtube.com/embed/VTk-FhJyo7s" title="Introducing the Azure Developer CLI (azd) | Azure Friday" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+        <iframe width="773" height="435" src="https://www.youtube.com/embed/9z3PiHSCcYs?si=F1yKpoiOQnzb4o-K" title="Azure Developer CLI: GitHub to cloud in minutes - Universe 2022" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
         </iframe>
 
         <p className="hero__subtitle">{siteConfig.tagline}</p>

diff --git a/website/src/pages/about/index.module.css b/website/src/pages/about/index.module.css
@@ -8,6 +8,8 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  background-color: #245e94;
+  color:#245e94;
 }
 
 @media screen and (max-width: 996px) {