about

src/App.tsx

@@ -7,7 +7,7 @@ import {
 
 import { CustomFonts } from './CustomFonts';
 import { KartaPage } from "./KartaPage";
-// import { Landing } from "./Landing";
+import { Landing } from "./Landing";
 import { Article } from "./Article";
 import { HeaderSimple } from "./Header";
 import { FooterLinks } from "./Footer";
@@ -19,10 +19,10 @@ const router = createBrowserRouter([
     path: "/",
     element: <KartaPage />,
   },
-  // {
+  {
-  //   path: "/about",
+    path: "/about",
-  //   element: <Landing />,
+    element: <Landing />,
-  // },
+  },
   {
     path: "/article/:id",
     element: <Article />,

src/Landing.tsx

@@ -1,122 +1,102 @@
 import {
-    createStyles,
+  Title,
-    Title,
+  Container,
-    SimpleGrid,
+  rem,
-    Text,
+  createStyles,
-    Button,
+  TypographyStylesProvider,
-    ThemeIcon,
+} from "@mantine/core";
-    Grid,
-    Col,
-    rem,
-    Container,
-  } from '@mantine/core';
-  import { IconReceiptOff, IconFlame, IconCircleDotted, IconFileCode } from '@tabler/icons-react';
 
-  const useStyles = createStyles((theme) => ({
+const useStyles = createStyles((theme) => ({
-    wrapper: {
+  content: {
-      padding: `calc(${theme.spacing.xl} * 2) ${theme.spacing.xl}`,
+    padding: rem(30),
-      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 features = [
+  title: {
-    {
+    fontSize: rem(55),
-      icon: IconReceiptOff,
+    lineHeight: 1.2,
-      title: 'Открывает',
+    fontWeight: 900,
-      description: 'All packages are published under MIT license, you can use Mantine in any project',
+    paddingBottom: rem(20),
-    },
+    [theme.fn.smallerThan("xs")]: {
-    {
+      fontSize: rem(28),
-      icon: IconFileCode,
-      title: 'Сохраняет',
-      description: 'Build type safe applications, all components and hooks export types',
     },
-    {
+  },
-      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) => (
+  heading2: {
-      <div key={feature.title}>
+    color: theme.colorScheme === "dark" ? theme.white : theme.black,
-        <ThemeIcon
+    paddingTop: rem(11),
-          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>
-    ));
 
-    return (
+export function Landing() {
-      <Container size={'xl'} className={classes.wrapper}>
+  const { classes } = useStyles();
-        <Grid gutter={80}>
-          <Col span={12} md={5}>
-            <Title className={classes.title} order={2}>
-              Литкарта
-            </Title>
-            <Text c="dimmed">
-              Пространство для русской литературы
-            </Text>
 
-            <Button
+  return (
-              variant='outline'
+    <Container className={classes.content}>
-              size="lg"
+      <Title order={1} className={classes.title}>
-              radius="md"
+        О проекте
-              mt="xl"
+      </Title>
-              mr={'md'}
+      <TypographyStylesProvider>
-            >
+        <p>
-              Подробнее
+          Культурно-просветительский <a href="/" style={{color: "#eb7b1a"}}>онлайн-проект «Литературные музеи России» </a>
-            </Button>
+          создан Государственным музеем истории российской литературы имени В.И.
-            <Button
+          Даля в творческом содружестве с Русским географическим обществом и
-              component='a'
+          Московским государственным университетом геодезии и картографии.
-              href="/"
+          Проект реализован при поддержке фонда «История Отечества».
-              variant="gradient"
+        </p>
-              gradient={{ deg: 133, from: 'blue', to: 'cyan' }}
+        <p>
-              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>
+        </p>
-        </Grid>
+        <p>
-      </Container>
+          Запуск портала приурочен к литературным юбилеям, которые отмечаются в
-    );
+          2023 году: 200 лет со дня рождения А.Н. Островского, 150 лет со дня
-  }
+          рождения В.Я. Брюсова и М.М. Пришвина. Основой структуры нового
+          интернет-ресурса стали литературные музеи в географическом
+          пространстве. Литературные музеи, как правило, созданы в местах, где
+          жили и творили писатели, они являются центрами сохранения
+          литературного наследия и точками притяжения для широкой аудитории, от
+          туристов до ученых-исследователей. Первыми локациями, отмеченными на
+          интерактивной карте, стали Музей Серебряного века (Дом В.Я. Брюсова) и
+          Дом-музей М.М. Пришвина (отделы ГМИРЛИ имени В.И. Даля), а также
+          Государственный мемориальный и природный музей-заповедник А.Н.
+          Островского «Щелыково».
+        </p>
+        <p>
+          Совмещение географического пространства и пространства литературы
+          стало возможным благодаря современным геоинформационным технологиям.
+          Онлайн-проект «Литературные музеи России» — пилотная версия цифровой
+          платформы, в которой заложен функционал для развития сразу в
+          нескольких направлениях: научном, образовательном, просветительском,
+          туристическом. От оцифрованной энциклопедии — к интерактивному
+          учебнику, набору научных инструментов, каталогу тематических
+          литературных маршрутов внутреннего туризма.
+        </p>
+        <p>
+          Использование пространственных и временных данных позволит создавать
+          цифровые карты, где найдут отражение места жизни писателей и места
+          действия их произведений, маршруты авторов, их героев и многое другое.
+        </p>
+        <p>
+          Проект рассчитан на долгосрочное сотрудничество с музеями и вузами
+          гуманитарной и естественнонаучной направленности. Благодаря ролевой
+          модели управления контентом работать над пополнением портала смогут
+          как филологи и музейщики, так и геоинформатики и веб-картографы.
+        </p>
+        <p>
+          Для широкой аудитории пользователей онлайн-проект станет уникальной
+          возможностью исследовать пространство отечественной словесности в
+          реальном географическом пространстве.
+        </p>
+      </TypographyStylesProvider>
+    </Container>
+  );
+}

src/assets/footer.json

@@ -9,7 +9,7 @@
           },
           {
             "label": "О проекте",
-            "link": "#"
+            "link": "/about"
           }
         ]
       }