finos / finos/morphir

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

Open
#156 0 comments 0 reactions 1 assignee Claimed by @ronaldssebalamu View on GitHub
Dominant language
Rust
Stars
209
Forks
65
Avg merge
8h 55m
Merged PRs (30d)
126

Description

## 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 #156 will be committed before a pull request is raised

## Scope of Work
- [ ] Move [Media About Morphir](https://morphir.finos.org/docs/media) panels to [Morphir Homepage](https://morphir.finos.org/).
- The microsite `media` content can be found as Markdown here https://github.com/finos/morphir/blob/main/docs/media.md
- [ ] Remove [Media About Morphir](https://morphir.finos.org/docs/media) from Morphir Microsite Navigation.
- [ ] Remove [Media About Morphir](https://github.com/finos/morphir/blob/main/docs/media.md) 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.

![screencapture-morphir-finos-org-docs-media-2023-03-13-10_41_43](https://user-images.githubusercontent.com/6029572/224678951-165f6a88-6961-4439-80ed-b472bf0ec256.png)

### Morphir Homepage
![screencapture-morphir-finos-org-2023-03-13-10_42_22](https://user-images.githubusercontent.com/6029572/224679047-3f3ede2a-f53f-451e-8383-94fc3c81b995.png)

### 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 (






)
}
```
- A new component should be added to `` for rendering the moved `media` content
- Create a new component called `` in `website/src/components` and add to ``

### Component and Homepage Example Scaffold

- The following is a scaffold for creating a new `` component
```
import React from 'react'

export default function MediaPanel(): JSX.Element {
return (


Hello World

)
}
```
- The following is scaffold for adding the `` component to the homepage
```
export default function Home(): JSX.Element {
return (







)
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.