44 lines
1.9 KiB
TypeScript
44 lines
1.9 KiB
TypeScript
|
import { useMemo } from 'react';
|
|||
|
|
|
|||
|
|
import EmbedYoutube from '@/components/ui/EmbedYoutube';
|
|||
|
|
import useWindowSize from '@/hooks/useWindowSize';
|
|||
|
|
import { HelpTopic } from '@/models/miscellaneous';
|
|||
|
|
import { external_urls, youtube } from '@/utils/constants';
|
|||
|
|
|
|||
|
|
import Subtopics from '../Subtopics';
|
|||
|
|
|
|||
|
|
function HelpRSLang() {
|
|||
|
|
const windowSize = useWindowSize();
|
|||
|
|
|
|||
|
|
const videoHeight = useMemo(() => {
|
|||
|
|
const viewH = windowSize.height ?? 0;
|
|||
|
|
const viewW = windowSize.width ?? 0;
|
|||
|
|
const availableWidth = viewW - (windowSize.isSmall ? 35 : 300);
|
|||
|
|
return Math.min(1080, Math.max(viewH - 450, 300), Math.floor((availableWidth * 9) / 16));
|
|||
|
|
}, [windowSize]);
|
|||
|
|
|
|||
|
|
// prettier-ignore
|
|||
|
|
return (
|
|||
|
|
<div className='flex flex-col gap-4'>
|
|||
|
|
<div className='dense'>
|
|||
|
|
<h1>Родоструктурная экспликация концептуальных схем</h1>
|
|||
|
|
<p>Формальная запись (<i>экспликация</i>) концептуальных схем осуществляется с помощью языка родов структур.</p>
|
|||
|
|
<p>Для ознакомления с основами родов структур можно использовать следующие материалы:</p>
|
|||
|
|
<p>1. <a className='underline' href={external_urls.intro_video}>Видео: Краткое введение в мат. аппарат</a></p>
|
|||
|
|
<p>2. <a className='underline' href={external_urls.ponomarev}>Текст: Учебник И. Н. Пономарева</a></p>
|
|||
|
|
<p>3. <a className='underline' href={external_urls.full_course}>Видео: лекции для 4 курса (второй семестр 2022-23 год)</a></p>
|
|||
|
|
</div>
|
|||
|
|
<div className='justify-center w-full'>
|
|||
|
|
<EmbedYoutube
|
|||
|
|
videoID={youtube.intro}
|
|||
|
|
pxHeight={videoHeight}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div className='dense'>
|
|||
|
|
<Subtopics headTopic={HelpTopic.RSLANG} />
|
|||
|
|
</div>
|
|||
|
|
</div>);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default HelpRSLang;
|