Table of Contents
- MotorCortex-Banners
- Intro / Features
- Getting Started
- Creating Incidents
- Adding Incidents in your clip
- Contributing
- License
- Sponsored by
If you are looking for a simple way to create a starting banner, MotorCortex-Banners is the right plugin for your clip.
This Plugin exposes one Incident:
- BannerA
$ npm install --save @donkeyclip/motorcortex-banners
# OR
$ yarn add @donkeyclip/motorcortex-bannersimport { loadPlugin } from "@donkeyclip/motorcortex";
import BannersDefinition from "@donkeyclip/motorcortex-banners";
const Banner = loadPlugin(BannersDefinition);The only thing you have to do is to give values to the attributes you want to include in your clip.
const BannerA = new Banner.BannerA(
{
width: 400,
height: 700,
bgUrl: "./bg2.jpg",
overlayColor,
imgWidth: 1002,
imgHeight: 1280,
txtGroup: "MOTORCORTEX",
txtGroupSize: 40,
strokeText: "WE WIN THE GAME IN THE CSS",
mainColor: "#ffff00",
centerText: "Yeyey",
},
{
selector: ".container1",
}
);| Name | Are | Values |
|---|---|---|
| width | width of incident | num |
| height | height of incident | num |
| bgUrl | url of the bg image | string |
| imgWidth | the original widht of the img | num |
| imgHeight | the original height of the img | num |
| txtGroup | the transparent text | string |
| txtGroupSize | the size of the transparent text | num |
| mainColor | the main color of the clip | color |
| centerText | the text with shadows | string |
| overlayColor | list of hex colors | string |
clipName.addIncident(incidentName,startTime);In general, we follow the "fork-and-pull" Git workflow, so if you want to submit patches and additions you should follow the next steps:
- Fork the repo on GitHub
- Clone the project to your own machine
- Commit changes to your own branch
- Push your work back up to your fork
- Submit a Pull request so that we can review your changes
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "github-actions[bot]")
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent