1
0
mirror of https://github.com/Bayselonarrend/OpenIntegrations.git synced 2025-07-15 01:34:30 +02:00

Изменение структуры документации

This commit is contained in:
Anton
2024-06-20 23:26:09 +03:00
parent 1759ae277e
commit 7a847b65d1
47 changed files with 138 additions and 170 deletions

View File

@ -61,35 +61,35 @@ export default function HomepageFeatures() {
<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>
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.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>
<a className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.png').default} width='32px' /></a>
</span>
</section>

View File

@ -93,7 +93,9 @@ li > a.menu__link {
.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, .Dropbox a::before, .Bitrix24 a::before{
.Slack a::before, .YandexDisk a::before, .Dropbox a::before, .Bitrix24 a::before, .Messenger a::before,
.Social a::before, .Database a::before, .Folder a::before, .Calendar a::before, .CRM a::before,
.Start a::before{
padding-right: 0.7rem;
padding-top: 0.4rem;
}
@ -150,6 +152,34 @@ li > a.menu__link {
content: url(../../static/img/APIs/small/Bitrix24.png);
}
.Messenger > div > a::before{
content: url(../../static/img/Categories/chat.png);
}
.Social > div > a::before{
content: url(../../static/img/Categories/social-media.png);
}
.Database > div > a::before{
content: url(../../static/img/Categories/database.png);
}
.Calendar > div > a::before{
content: url(../../static/img/Categories/calendar.png);
}
.CRM > div > a::before{
content: url(../../static/img/Categories/crm.png);
}
.Folder > div > a::before{
content: url(../../static/img/Categories/folder.png);
}
.Start > div > a::before{
content: url(../../static/img/Categories/welcome.png);
}
/* CSS */
.button {
appearance: none;

View File

@ -23,7 +23,7 @@ function HomepageHeader() {
<div className={styles.buttons}>
<div className={styles.button}><Link
className="button button--secondary button--bg"
to="/docs/Start">
to="/docs/Instructions/Start">
Документация
</Link>
</div>