Move "Media About Morphir" panels to "Morphir Homepage"

[mcleo-d]

Move "Media About Morphir" panels to "Morphir Homepage"

• Create branch move-media-to-home on fork https://github.com/ronaldssebalamu/morphir
  • This is where the work for Move "Media About Morphir" panels to "Morphir Homepage" #156 will be committed before a pull request is raised

Scope of Work

• Move Media About Morphir panels to Morphir Homepage.
  • The microsite media content can be found as Markdown here https://github.com/finos/morphir/blob/main/docs/media.md
• Remove Media About Morphir from Morphir Microsite Navigation.
• Remove Media About Morphir Markdown from Morphir project repo.

Media About Morphir

• The media content can be found in the Morphir repo docs folder here ...
  https://github.com/finos/morphir/blob/main/docs/media.md
• This is the page to be moved to the hompage and depricated.

Morphir Homepage

Initial Guidance

• The homepage content of the Morphir website is found in the Docusaurus project here website/src/pages/index.tsx
• The following section at line 36 renders the homepage content as JSX components.

export default function Home(): JSX.Element {
	return (
		<Layout description={'Morphir Home Page'}>
			<HomepageHeader />
			<main>
				<HomepageFeatures />
			</main>
		</Layout>
	)
}

• A new component should be added to <main> for rendering the moved media content
• Create a new component called <MediaPanel> in website/src/components and add to <main>

Component and Homepage Example Scaffold

• The following is a scaffold for creating a new <MedialPanel> component

import React from 'react'

export default function MediaPanel(): JSX.Element {
	return (
		<div>
			Hello World
		</div>
	)
}

• The following is scaffold for adding the <MedialPanel> component to the homepage

export default function Home(): JSX.Element {
	return (
		<Layout description={'Morphir Home Page'}>
			<HomepageHeader />
			<main>
				<HomepageFeatures />
				<MediaPanel />
			</main>
		</Layout>
	)
}