Skip to content

Commit

Permalink
feat: add illustration library 2 resources (#204)
Browse files Browse the repository at this point in the history
  • Loading branch information
vvtimofeev authored Apr 22, 2024
1 parent 682d693 commit b32ba3a
Show file tree
Hide file tree
Showing 5 changed files with 24 additions and 9 deletions.
6 changes: 3 additions & 3 deletions public/locales/en/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
"header_title": "Build modern interfaces with the Gravity design system and libraries",
"header_actions_howToStart": "How to Start",
"news_title": "Recent updates",
"news_items_item1": "We've added two new components: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, which allows you to display a grid of icons and emojis, and <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, which simply divides things.",
"news_items_item2": "The <a href=\"https://github.com/gravity-ui/illustrations/tree/main\">illustrations library</a> has been released, providing 21 default images in two themes for the placeholder component.",
"news_items_item3": "We've introduced a new basic component <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-rangedatepicker--docs\">RangeDatePicker</a> that helps users easily select a range of dates using a calendar, unlike <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-relativerangedatepicker--docs\">RelativeRangeDatePicker</a> which is intended for complex cases.",
"news_items_item1": "We've published our <a href=\"https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations\">illustration library</a> in Figma community.",
"news_items_item2": "We've added two new components: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, which allows you to display a grid of icons and emojis, and <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, which simply divides things.",
"news_items_item3": "The <a href=\"https://github.com/gravity-ui/illustrations/tree/main\">illustrations library</a> has been released, providing 21 default images in two themes for the placeholder component.",
"features_feature1_title": "Built on real-life experience",
"features_feature1_description": "Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.",
"features_feature2_title": "First class design",
Expand Down
6 changes: 3 additions & 3 deletions public/locales/ru/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
"header_title": "Создавайте современные интерфейсы с дизайн‑системой Gravity",
"header_actions_howToStart": "С чего начать",
"news_title": "Новости",
"news_items_item1": "Мы добавили два новых компонента: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, который помогает отображать эмодзи или иконки и <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, он поможет везде, где нужен разделитель.",
"news_items_item2": "Вышла<a href=\"https://github.com/gravity-ui/illustrations/tree/main\">библиотека иллюстраций</a>, в ней мы собрали 21 базовую иллюстрацию для светлой и тёмной темы. Они заработают автоматически, если вы используете placeholder компонент.",
"news_items_item3": "Разработали новый компонент <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-rangedatepicker--docs\">RangeDatePicker</a>, он поможет реализовать простые сценарии выбора временного интервала, для других сценариев можно использовать <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-relativerangedatepicker--docs\">RelativeRangeDatePicker</a>.",
"news_items_item1": "Мы опубликовали <a href=\"https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations\">библиотеку иллюстраций</a> в Figma community.",
"news_items_item2": "Мы добавили два новых компонента: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, который помогает отображать эмодзи или иконки и <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, он поможет везде, где нужен разделитель.",
"news_items_item3": "Вышла<a href=\"https://github.com/gravity-ui/illustrations/tree/main\">библиотека иллюстраций</a>, в ней мы собрали 21 базовую иллюстрацию для светлой и тёмной темы. Они заработают автоматически, если вы используете placeholder компонент.",
"features_feature1_title": "Основано на реальном опыте использования",
"features_feature1_description": "Внутреннее решение в ответ на реальные потребности разработчиков: мы выпустили Gravity для open-source сообщества.",
"features_feature2_title": "Отличный дизайн",
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions src/content/design/guides/content/Resources.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,21 @@
</div>
</div>

<div style={{borderBottom: "1px solid rgba(255, 255, 255, 0.2)", marginBottom: "16px"}}></div>

<div className="row">
<div className="col-12 col-md-6">
## Illustration Library in Figma

A set of default illustrations to use with Gravity UI Design System. You can use them on their own or within the `PlaceholderContainer` component which was added to the [Component library](https://gravity-ui.com/libraries/components).

[Open in Figma](https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations)
</div>
<div className="col-12 col-md-6">
![img-illustrationslib.png](/static/images/design/Resources/img-illustrationslib.png)
</div>
</div>

<div style={{borderBottom: "1px solid rgba(255, 255, 255, 0.2)"}}></div>

## How to use
Expand Down
6 changes: 3 additions & 3 deletions src/content/landing.ts
Original file line number Diff line number Diff line change
Expand Up @@ -63,15 +63,15 @@ export const getLanding = (t: TFunction): CustomPageContent => ({
title: t('home:news_title'),
items: [
{
date: '2024-04-16T14:30:00.000Z',
date: '2024-04-22T12:00:00.000Z',
content: t('home:news_items_item1'),
},
{
date: '2024-04-02T09:00:00.000Z',
date: '2024-04-16T14:30:00.000Z',
content: t('home:news_items_item2'),
},
{
date: '2024-04-01T15:00:00.000Z',
date: '2024-04-02T09:00:00.000Z',
content: t('home:news_items_item3'),
},
],
Expand Down

0 comments on commit b32ba3a

Please sign in to comment.