You've already forked OpenIntegrations
mirror of
https://github.com/Bayselonarrend/OpenIntegrations.git
synced 2025-07-03 00:58:12 +02:00
Возврат документации и обновление wf файлов
This commit is contained in:
98
docs/docusaurus/src/components/HomepageFeatures/index.js
Normal file
98
docs/docusaurus/src/components/HomepageFeatures/index.js
Normal file
@ -0,0 +1,98 @@
|
||||
import clsx from 'clsx';
|
||||
import Heading from '@theme/Heading';
|
||||
import styles from './styles.module.css';
|
||||
|
||||
const FeatureList = [
|
||||
{
|
||||
title: 'Простота и гибкость',
|
||||
Svg: require('@site/static/img/tools.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Пакет содержит множество методов для работы с различными API. Эти методы не треубют глубокого погружения в тонкости работы, но и не ограничивают вас в возможности их модификации.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Лёгкость внедрения',
|
||||
Svg: require('@site/static/img/delivery.svg').default,
|
||||
description: (
|
||||
<>
|
||||
ОПИ легко интегрировать в любой проект: в виде проекта EDT, 1C-расширения или пакета OneScript. Для интеграции, независимой от конретных технологий, есть CLI версия под Windows и Linux
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Подробная документация',
|
||||
Svg: require('@site/static/img/books.svg').default,
|
||||
description: (
|
||||
<>
|
||||
У ОПИ есть подробная документация, а код структурирован и дополнен комментариями. Если же у вас все таки возникнут дополнительные вопросы, то вы всегда можете задать их в Issues на Github
|
||||
</>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
function Feature({Svg, title, description}) {
|
||||
return (
|
||||
<div className={clsx('col col--4')}>
|
||||
<div className="text--center">
|
||||
<Svg className={styles.featureSvg} role="img" />
|
||||
</div>
|
||||
<div className="text--center padding-horiz--md">
|
||||
<Heading as="h3">{title}</Heading>
|
||||
<p>{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function HomepageFeatures() {
|
||||
return (
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{FeatureList.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
<br/>
|
||||
<hr/>
|
||||
<br/>
|
||||
<br/>
|
||||
<section className={styles.container}>
|
||||
<span className={styles.looptext}>
|
||||
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
|
||||
|
||||
</span>
|
||||
<span className={styles.looptext}>
|
||||
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
|
||||
<a className={styles.ico} href="/docs/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
|
||||
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
|
||||
|
||||
</span>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
@ -0,0 +1,55 @@
|
||||
marquee{
|
||||
padding: auto;
|
||||
}
|
||||
|
||||
.api{
|
||||
margin-right: 200px;
|
||||
}
|
||||
|
||||
.features {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.featureSvg {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.ico{
|
||||
padding: 176px;
|
||||
}
|
||||
|
||||
.hero__title{
|
||||
font-size: 10px;
|
||||
}
|
||||
.container {
|
||||
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
height: clamp(3em, 10vw, 6em);
|
||||
overflow: hidden;
|
||||
font-family: sans-serif;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.looptext {
|
||||
animation: loopText 27s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes loopText {
|
||||
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user