|
|
|
|
@ -1,122 +1,102 @@
|
|
|
|
|
import {
|
|
|
|
|
createStyles,
|
|
|
|
|
Title,
|
|
|
|
|
SimpleGrid,
|
|
|
|
|
Text,
|
|
|
|
|
Button,
|
|
|
|
|
ThemeIcon,
|
|
|
|
|
Grid,
|
|
|
|
|
Col,
|
|
|
|
|
rem,
|
|
|
|
|
Container,
|
|
|
|
|
} from '@mantine/core';
|
|
|
|
|
import { IconReceiptOff, IconFlame, IconCircleDotted, IconFileCode } from '@tabler/icons-react';
|
|
|
|
|
Title,
|
|
|
|
|
Container,
|
|
|
|
|
rem,
|
|
|
|
|
createStyles,
|
|
|
|
|
TypographyStylesProvider,
|
|
|
|
|
} from "@mantine/core";
|
|
|
|
|
|
|
|
|
|
const useStyles = createStyles((theme) => ({
|
|
|
|
|
wrapper: {
|
|
|
|
|
padding: `calc(${theme.spacing.xl} * 2) ${theme.spacing.xl}`,
|
|
|
|
|
minHeight: '58vh',
|
|
|
|
|
display: 'flex',
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
justifyContent: 'center',
|
|
|
|
|
overflowX: 'hidden'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
title: {
|
|
|
|
|
fontFamily: `Greycliff CF, ${theme.fontFamily}`,
|
|
|
|
|
fontSize: rem(36),
|
|
|
|
|
fontWeight: 900,
|
|
|
|
|
lineHeight: 1.1,
|
|
|
|
|
marginBottom: theme.spacing.md,
|
|
|
|
|
color: theme.colorScheme === 'dark' ? theme.white : theme.black,
|
|
|
|
|
},
|
|
|
|
|
}));
|
|
|
|
|
const useStyles = createStyles((theme) => ({
|
|
|
|
|
content: {
|
|
|
|
|
padding: rem(30),
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
const features = [
|
|
|
|
|
{
|
|
|
|
|
icon: IconReceiptOff,
|
|
|
|
|
title: 'Открывает',
|
|
|
|
|
description: 'All packages are published under MIT license, you can use Mantine in any project',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: IconFileCode,
|
|
|
|
|
title: 'Сохраняет',
|
|
|
|
|
description: 'Build type safe applications, all components and hooks export types',
|
|
|
|
|
title: {
|
|
|
|
|
fontSize: rem(55),
|
|
|
|
|
lineHeight: 1.2,
|
|
|
|
|
fontWeight: 900,
|
|
|
|
|
paddingBottom: rem(20),
|
|
|
|
|
[theme.fn.smallerThan("xs")]: {
|
|
|
|
|
fontSize: rem(28),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: IconCircleDotted,
|
|
|
|
|
title: 'Объединяет',
|
|
|
|
|
description:
|
|
|
|
|
'With new :focus-visible selector focus ring will appear only when user navigates with keyboard',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: IconFlame,
|
|
|
|
|
title: 'Помогает',
|
|
|
|
|
description:
|
|
|
|
|
'Customize colors, spacing, shadows, fonts and many other settings with global theme object',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export function Landing() {
|
|
|
|
|
const { classes } = useStyles();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
const items = features.map((feature) => (
|
|
|
|
|
<div key={feature.title}>
|
|
|
|
|
<ThemeIcon
|
|
|
|
|
size={44}
|
|
|
|
|
radius="md"
|
|
|
|
|
variant="gradient"
|
|
|
|
|
gradient={{ deg: 133, from: 'blue', to: 'cyan' }}
|
|
|
|
|
>
|
|
|
|
|
<feature.icon size={rem(26)} stroke={1.5} />
|
|
|
|
|
</ThemeIcon>
|
|
|
|
|
<Text fz="lg" mt="sm" fw={500}>
|
|
|
|
|
{feature.title}
|
|
|
|
|
</Text>
|
|
|
|
|
<Text c="dimmed" fz="sm">
|
|
|
|
|
{feature.description}
|
|
|
|
|
</Text>
|
|
|
|
|
</div>
|
|
|
|
|
));
|
|
|
|
|
heading2: {
|
|
|
|
|
color: theme.colorScheme === "dark" ? theme.white : theme.black,
|
|
|
|
|
paddingTop: rem(11),
|
|
|
|
|
},
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Container size={'xl'} className={classes.wrapper}>
|
|
|
|
|
<Grid gutter={80}>
|
|
|
|
|
<Col span={12} md={5}>
|
|
|
|
|
<Title className={classes.title} order={2}>
|
|
|
|
|
Литкарта
|
|
|
|
|
</Title>
|
|
|
|
|
<Text c="dimmed">
|
|
|
|
|
Пространство для русской литературы
|
|
|
|
|
</Text>
|
|
|
|
|
export function Landing() {
|
|
|
|
|
const { classes } = useStyles();
|
|
|
|
|
|
|
|
|
|
<Button
|
|
|
|
|
variant='outline'
|
|
|
|
|
size="lg"
|
|
|
|
|
radius="md"
|
|
|
|
|
mt="xl"
|
|
|
|
|
mr={'md'}
|
|
|
|
|
>
|
|
|
|
|
Подробнее
|
|
|
|
|
</Button>
|
|
|
|
|
<Button
|
|
|
|
|
component='a'
|
|
|
|
|
href="/"
|
|
|
|
|
variant="gradient"
|
|
|
|
|
gradient={{ deg: 133, from: 'blue', to: 'cyan' }}
|
|
|
|
|
size="lg"
|
|
|
|
|
radius="md"
|
|
|
|
|
mt="xl"
|
|
|
|
|
>
|
|
|
|
|
К карте
|
|
|
|
|
</Button>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={12} md={7}>
|
|
|
|
|
<SimpleGrid cols={2} spacing={30} breakpoints={[{ maxWidth: 'md', cols: 1 }]}>
|
|
|
|
|
{items}
|
|
|
|
|
</SimpleGrid>
|
|
|
|
|
</Col>
|
|
|
|
|
</Grid>
|
|
|
|
|
</Container>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
return (
|
|
|
|
|
<Container className={classes.content}>
|
|
|
|
|
<Title order={1} className={classes.title}>
|
|
|
|
|
О проекте
|
|
|
|
|
</Title>
|
|
|
|
|
<TypographyStylesProvider>
|
|
|
|
|
<p>
|
|
|
|
|
Культурно-просветительский <a href="/" style={{color: "#eb7b1a"}}>онлайн-проект «Литературные музеи России» </a>
|
|
|
|
|
создан Государственным музеем истории российской литературы имени В.И.
|
|
|
|
|
Даля в творческом содружестве с Русским географическим обществом и
|
|
|
|
|
Московским государственным университетом геодезии и картографии.
|
|
|
|
|
Проект реализован при поддержке фонда «История Отечества».
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Литература исторически занимает особое место в отечественной культуре.
|
|
|
|
|
В последние годы возникли новые междисциплинарные подходы к изучению
|
|
|
|
|
истории литературы на границе литературоведения и культурной
|
|
|
|
|
географии. В основе онлайн-проекта лежит идея комплексного
|
|
|
|
|
представления литературного и исторического наследия России на
|
|
|
|
|
интерактивной географической карте. Информационную базу портала
|
|
|
|
|
составит значительный корпус научно выверенной информации, собранной в
|
|
|
|
|
ходе работы над энциклопедией «Литературные музеи России» —
|
|
|
|
|
многолетним проектом Государственного музея истории российской
|
|
|
|
|
литературы имени В.И. Даля, флагманского музея Ассоциации литературных
|
|
|
|
|
музеев России.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Запуск портала приурочен к литературным юбилеям, которые отмечаются в
|
|
|
|
|
2023 году: 200 лет со дня рождения А.Н. Островского, 150 лет со дня
|
|
|
|
|
рождения В.Я. Брюсова и М.М. Пришвина. Основой структуры нового
|
|
|
|
|
интернет-ресурса стали литературные музеи в географическом
|
|
|
|
|
пространстве. Литературные музеи, как правило, созданы в местах, где
|
|
|
|
|
жили и творили писатели, они являются центрами сохранения
|
|
|
|
|
литературного наследия и точками притяжения для широкой аудитории, от
|
|
|
|
|
туристов до ученых-исследователей. Первыми локациями, отмеченными на
|
|
|
|
|
интерактивной карте, стали Музей Серебряного века (Дом В.Я. Брюсова) и
|
|
|
|
|
Дом-музей М.М. Пришвина (отделы ГМИРЛИ имени В.И. Даля), а также
|
|
|
|
|
Государственный мемориальный и природный музей-заповедник А.Н.
|
|
|
|
|
Островского «Щелыково».
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Совмещение географического пространства и пространства литературы
|
|
|
|
|
стало возможным благодаря современным геоинформационным технологиям.
|
|
|
|
|
Онлайн-проект «Литературные музеи России» — пилотная версия цифровой
|
|
|
|
|
платформы, в которой заложен функционал для развития сразу в
|
|
|
|
|
нескольких направлениях: научном, образовательном, просветительском,
|
|
|
|
|
туристическом. От оцифрованной энциклопедии — к интерактивному
|
|
|
|
|
учебнику, набору научных инструментов, каталогу тематических
|
|
|
|
|
литературных маршрутов внутреннего туризма.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Использование пространственных и временных данных позволит создавать
|
|
|
|
|
цифровые карты, где найдут отражение места жизни писателей и места
|
|
|
|
|
действия их произведений, маршруты авторов, их героев и многое другое.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Проект рассчитан на долгосрочное сотрудничество с музеями и вузами
|
|
|
|
|
гуманитарной и естественнонаучной направленности. Благодаря ролевой
|
|
|
|
|
модели управления контентом работать над пополнением портала смогут
|
|
|
|
|
как филологи и музейщики, так и геоинформатики и веб-картографы.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Для широкой аудитории пользователей онлайн-проект станет уникальной
|
|
|
|
|
возможностью исследовать пространство отечественной словесности в
|
|
|
|
|
реальном географическом пространстве.
|
|
|
|
|
</p>
|
|
|
|
|
</TypographyStylesProvider>
|
|
|
|
|
</Container>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
gman
2 years ago