diff --git a/app/docs/learn/youtube-channels.mdx b/app/docs/learn/youtube-channels.mdx new file mode 100644 index 000000000..4cb93db88 --- /dev/null +++ b/app/docs/learn/youtube-channels.mdx @@ -0,0 +1,35 @@ +--- +breadcrumbs: + - path: "/learn" + text: "Learn" + - path: "" + text: "YouTube Channels" +contentType: "ARTICLE" +description: "" +enableOutline: true +title: "YouTube Channels" +--- + +## BRC-Analytics Playlist + +Video tutorials and walkthroughs demonstrating how to use BRC Analytics for genomic analysis. + +[Watch the BRC-Analytics Playlist](https://www.youtube.com/watch?v=Au2_gwk-3mw&list=PLNFLKDpdM3B-4ZOGS1T_aBUCfrss4J8ey) + +## Galaxy Quickies Playlist + +Short, focused videos covering common Galaxy tasks and quick tips. + +[Watch the Galaxy Quickies Playlist](https://www.youtube.com/watch?v=R9csmmOHfR0&list=PLNFLKDpdM3B9GgFoZhGodpGtgkg2h6HJz) + +## BRC-Analytics White Papers Playlist + +In-depth presentations on the research and methodologies behind BRC Analytics. + +[Watch the BRC-Analytics White Papers Playlist](https://www.youtube.com/watch?v=opPVkPxU25c&list=PLNFLKDpdM3B-YdpZjoCxtFNUztnmkMu9l) + +## The Galaxy Channel + +The official Galaxy Project YouTube channel with comprehensive tutorials, webinars, and community content. + +[Visit The Galaxy Channel](https://www.youtube.com/@GalaxyProject) diff --git a/app/views/LearnView/components/icon/YouTubeIcon/youTubeIcon.tsx b/app/views/LearnView/components/icon/YouTubeIcon/youTubeIcon.tsx new file mode 100644 index 000000000..0881c87ab --- /dev/null +++ b/app/views/LearnView/components/icon/YouTubeIcon/youTubeIcon.tsx @@ -0,0 +1,18 @@ +import { JSX } from "react"; +import { PALETTE } from "@databiosphere/findable-ui/lib/styles/common/constants/palette"; +import { SvgIcon, SvgIconProps } from "@mui/material"; + +export const YouTubeIcon = ({ + fontSize = "large", + viewBox = "0 0 48 48", + ...props +}: SvgIconProps): JSX.Element => { + return ( + + + + ); +}; diff --git a/app/views/LearnView/constants.ts b/app/views/LearnView/constants.ts index 8ea4cc03b..a9b6f27dd 100644 --- a/app/views/LearnView/constants.ts +++ b/app/views/LearnView/constants.ts @@ -4,6 +4,7 @@ import { RocketLaunchIcon } from "./components/icon/RocketLaunchIcon/rocketLaunc import { BookmarkStarIcon } from "./components/icon/BookmarkStarIcon/bookmarkStarIcon"; import { GalaxyIcon } from "./components/icon/GalaxyIcon/galaxyIcon"; import { LiveHelpIcon } from "./components/icon/LiveHelpIcon/liveHelpIcon"; +import { YouTubeIcon } from "./components/icon/YouTubeIcon/youTubeIcon"; export const CARDS: ComponentProps[] = [ { @@ -34,4 +35,11 @@ export const CARDS: ComponentProps[] = [ "Find answers to common questions about using BRC Analytics.", title: "FAQ", }, + { + StartIcon: YouTubeIcon, + cardUrl: "/learn/youtube-channels", + secondaryText: + "Watch video tutorials, walkthroughs, and presentations on BRC Analytics and Galaxy.", + title: "YouTube Channels", + }, ];