You've already forked OpenIntegrations
mirror of
https://github.com/Bayselonarrend/OpenIntegrations.git
synced 2025-07-17 01:42:25 +02:00
Возврат документации и обновление wf файлов
This commit is contained in:
Anton
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%);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
203
docs/docusaurus/src/css/custom.css
Normal file
203
docs/docusaurus/src/css/custom.css
Normal file
@ -0,0 +1,203 @@
|
||||
/**
|
||||
* Any CSS included here will be global. The classic template
|
||||
* bundles Infima by default. Infima is a CSS framework designed to
|
||||
* work well for content-centric websites.
|
||||
*/
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
:root {
|
||||
--ifm-color-primary: #ffffff;
|
||||
--ifm-color-primary-dark: #ffffff;
|
||||
--ifm-color-primary-darker: #ffffff;
|
||||
--ifm-color-primary-darkest: #ffffff;
|
||||
--ifm-color-primary-light: #ffffff;
|
||||
--ifm-color-primary-lighter: #ffffff;
|
||||
--ifm-color-primary-lightest:#ffffff;
|
||||
--ifm-code-font-size: 95%;
|
||||
--docusaurus-highlighted-code-line-bg: #004943;;
|
||||
}
|
||||
|
||||
|
||||
p{
|
||||
font-weight: lighter;
|
||||
}
|
||||
.main-wrapper,.navbar{
|
||||
|
||||
background: rgba( 255, 255, 255, 0.25 );
|
||||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);
|
||||
|
||||
backdrop-filter: blur( 11px );
|
||||
-webkit-backdrop-filter: blur( 11px );
|
||||
border-radius: 15px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.096);
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.main-wrapper{
|
||||
margin-top: 0px;
|
||||
padding: 20px;
|
||||
padding-top: 5px;
|
||||
|
||||
}
|
||||
|
||||
.footer{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.hero{
|
||||
background-color: transparent;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.menu__link{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.menu__link--active, .menu__link--active:hover, .navbar__link--active {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.table-of-contents__link, .table-of-contents__link:hover, .table-of-contents__link--active, .table-of-contents__link--active:hover{
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.navbar__item:hover, .navbar__link:hover, .navbar__brand:hover{
|
||||
color: #004943;
|
||||
font-weight: 510;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #004943;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover, .navbar__title:hover{
|
||||
color: #004943;
|
||||
}
|
||||
|
||||
.breadcrumbs__item--active .breadcrumbs__link {
|
||||
background: #004943;
|
||||
}
|
||||
|
||||
.navbar__title{
|
||||
font-weight: 510;
|
||||
}
|
||||
|
||||
|
||||
|
||||
li > a.menu__link {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.Airtable a::before , .Telegram a::before, .VK a::before, .Viber a::before, .Twitter a::before,
|
||||
.Notion a::before, .GoogleCalendar a::before, .GoogleDrive a::before, .GoogleSheets a::before,
|
||||
.Slack a::before, .YandexDisk a::before{
|
||||
padding-right: 0.7rem;
|
||||
padding-top: 0.4rem;
|
||||
}
|
||||
|
||||
.Airtable > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Airtable.png);
|
||||
}
|
||||
|
||||
.Telegram > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Telegram.png);
|
||||
}
|
||||
|
||||
.VK > div > a::before{
|
||||
content: url(../../static/img/APIs/small/VK.png);
|
||||
}
|
||||
|
||||
.Viber > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Viber.png);
|
||||
}
|
||||
|
||||
.Twitter > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Twitter.png);
|
||||
}
|
||||
|
||||
.Notion > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Notion.png);
|
||||
}
|
||||
|
||||
.GoogleCalendar > div > a::before{
|
||||
content: url(../../static/img/APIs/small/GoogleCalendar.png);
|
||||
}
|
||||
|
||||
.GoogleDrive > div > a::before{
|
||||
content: url(../../static/img/APIs/small/GoogleDrive.png);
|
||||
}
|
||||
|
||||
.GoogleSheets > div > a::before{
|
||||
content: url(../../static/img/APIs/small/GoogleSheets.png);
|
||||
}
|
||||
|
||||
.Slack > div > a::before{
|
||||
content: url(../../static/img/APIs/small/Slack.png);
|
||||
}
|
||||
|
||||
.YandexDisk > div > a::before{
|
||||
content: url(../../static/img/APIs/small/YandexDisk.png);
|
||||
}
|
||||
|
||||
|
||||
/* CSS */
|
||||
.button {
|
||||
appearance: none;
|
||||
background-color: white;
|
||||
border: 1px solid rgba(27, 31, 35, 0.15);
|
||||
border-radius: 16px;
|
||||
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
|
||||
box-sizing: border-box;
|
||||
color: #24292E;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 20px;
|
||||
list-style: none;
|
||||
padding: 6px 16px;
|
||||
position: relative;
|
||||
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: manipulation;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #F3F4F6;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.1s;
|
||||
}
|
||||
|
||||
.button:disabled {
|
||||
background-color: #FAFBFC;
|
||||
border-color: rgba(27, 31, 35, 0.15);
|
||||
color: #959DA5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #EDEFF2;
|
||||
box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
|
||||
transition: none 0s;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
outline: 1px transparent;
|
||||
}
|
||||
|
||||
.button:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button:-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
54
docs/docusaurus/src/pages/index.js
Normal file
54
docs/docusaurus/src/pages/index.js
Normal file
@ -0,0 +1,54 @@
|
||||
import clsx from 'clsx';
|
||||
import Link from '@docusaurus/Link';
|
||||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||||
import Layout from '@theme/Layout';
|
||||
import HomepageFeatures from '@site/src/components/HomepageFeatures';
|
||||
|
||||
import Heading from '@theme/Heading';
|
||||
import styles from './index.module.css';
|
||||
|
||||
function HomepageHeader() {
|
||||
const {siteConfig} = useDocusaurusContext();
|
||||
return (
|
||||
|
||||
<header className={clsx('hero hero--primary', styles.heroBanner)}>
|
||||
<div className="container">
|
||||
|
||||
<img src="/img/logo.svg" className={styles.biglogo}/>
|
||||
|
||||
<Heading as="p" className="hero__title">
|
||||
{siteConfig.title}
|
||||
</Heading>
|
||||
<p className="hero__subtitle">{siteConfig.tagline}</p>
|
||||
<div className={styles.buttons}>
|
||||
<div className={styles.button}><Link
|
||||
className="button button--secondary button--bg"
|
||||
to="/docs/Nachalo-raboty">
|
||||
Документация
|
||||
</Link>
|
||||
</div>
|
||||
<div className={styles.button}><Link
|
||||
className="button button--secondary button--bg"
|
||||
to="https://github.com/Bayselonarrend/OpenIntegrations/releases/latest">
|
||||
Скачать
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const {siteConfig} = useDocusaurusContext();
|
||||
return (
|
||||
<Layout
|
||||
title={`Открытый пакет интеграций`}
|
||||
description="ОПИ - пакет интеграций с популярными API для 1С:Enterprise и OneScript">
|
||||
<HomepageHeader />
|
||||
<main>
|
||||
<HomepageFeatures />
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
38
docs/docusaurus/src/pages/index.module.css
Normal file
38
docs/docusaurus/src/pages/index.module.css
Normal file
@ -0,0 +1,38 @@
|
||||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.heroBanner {
|
||||
padding: 3rem 2rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: black;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 996px) {
|
||||
.heroBanner {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.button{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.biglogo{
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
}
|
||||
|
||||
.heroBanner_src-pages-index-module {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
Reference in New Issue
Block a user