init magprog

gatsby-config.js

@@ -49,16 +49,16 @@ module.exports = {
                 icon: `src/images/icon.png`, // This path is relative to the root of the site.
             },
         },
-        `gatsby-plugin-netlify-cms`,
         {
             resolve: `gatsby-plugin-react-intl`,
             options: {
                 path: `${__dirname}/src/intl`,
                 languages: [`ru`, `en`],
                 defaultLanguage: `ru`,
+
                 redirect: true,
                 redirectComponent: require.resolve(`./src/components/redirect.js`),
             },
-        },
+        }
     ],
 }

package.json

@@ -15,6 +15,7 @@
     "gatsby-plugin-react-helmet": "4.1.0",
     "gatsby-plugin-react-intl": "3.0.0",
     "gatsby-plugin-sharp": "3.1.1",
+    "gatsby-plugin-ts": "^2.7.1",
     "gatsby-remark-images": "4.1.0",
     "gatsby-remark-katex": "4.1.0",
     "gatsby-remark-relative-images": "2.0.2",
@@ -33,8 +34,9 @@
     "react": "17.0.2",
     "react-bootstrap": "1.5.2",
     "react-helmet": "6.1.0",
+    "react-intl": "^5.13.5",
     "redux": "4.0.5",
-    "typescript": "4.2.3",
+    "typescript": "^4.2.3",
     "vertical-timeline-component-for-react": "1.0.7"
   },
   "devDependencies": {

src/content/ru/compMethods/intro.md

@@ -0,0 +1,78 @@
+---
+content_type: magprog
+title: Магистерская программа
+parent: education
+published: true
+language: ru
+---
+
+# Что?
+
+Эта страница посвящена магистерской программе МФТИ под названием **Разработка и применение программного обеспечения в физических исследованиях**. Программа создана на базе [лаборатории методов ядерно-физических экспериментов]() при поддержке двух школ МФТИ: [ЛФИ] и [ПМИ] и ряда академических и промышленных [партнеров]().
+
+Эта страница призвана ответить на вопросы о том, [зачем]() создана программа, кто является [научными руководителями]() [как поступить]() на нее и в чем ее особенности (в частности, что входит в [учебную программу]()). Ну и разумеется информация о [команде]() и [контактах]().
+
+# Зачем?
+
+*Зачем* физтеху **еще одна** магистерская программа?
+
+Чтобы объединить усилия физиков и программистов для создания лучших компьютерных решений и применения этих решений в области фундаментальной и прикладной физики и инженерии.
+
+*Зачем* нужно объединять эти усилия?
+
+Потому что сейчас существенная (если не основная) часть работы физика и/или инженера так или иначе связана с компьютером. Компьютеры и компьютерные программы используются на всех этапах экспериментального или теоретического исследования. Любой работе предшествует **компьютерное моделирование**, затем требуется **автоматизация сбора и хранения данных**, затем **анализ данных** и, наконец, **представление результатов**. На всех этих этапах нужны компьютеры и компьютерные программы и совершенствование последних является ключевым фактором в исследованиях и разработках.
+
+*Зачем* для этого нужны программисты?
+
+Современная разработка программного обеспечения — это отдельная инженерная дисциплина, требующая опыта и погружения в технологию и соответствующие профессиональные сообщества. Несмотря на то, что современное программирование зародилось в физических исследованиях, с тех пор прошло много времени, и физики в среднем уже не могут похвастаться хорошими знаниями в этой области. Качество программного обеспечения в физике в среднем крайне низкое. Те же проблемы свойствены инженерной индустрии.
+
+*Зачем* для этого нужны физики?
+
+Все прошлые попытки поручить всю работу профессиональным программистам не увенчались успехом. Для того чтобы сформулировать задачу программисту надо знать современные компьютерные технологии и понимать как их лучше применить. Но без погружения в предметную область, программисты тоже не могут сами понять, что нужно делать и как это лучше делать.
+
+*Зачем* все это программистам?
+
+Во-первых, это просто интересно. Задачи, возникающие на стыке физики и программирования на порядок (или два) интереснее того, что ожидает в повседневной рабочей жизни инженера-программиста. Во-вторых, это хороший повод опробовать все самые свежие и экспериментальные технологии. Кроме того, опыт в моделировании, обработке данных и работе с приборами является бесценным в IT среде.
+
+# Партнеры
+
+* ЛФИ
+* ПМИ
+* JetBrains Research
+* JetBrains
+* Таврида электрик
+* ИЯИ РАН
+* ИКИ РАН
+* ОИЯИ
+* ВШЭ (физфак и ФКН)
+* [HZG-DESY](https://www.desy.de/research/cooperations__institutes/hzg/index_eng.html)
+
+# Научные руководители
+
+# Учебная программа
+
+Особенность данной магистерской программы в том, что она собирает вместе программистов (у которых может не быть понимания предметной области) и физиков (у которых может быть ограниченное понимание программирования), поэтому нет никакой возможности создать четкий план обучения, единый длы всех. Эта проблема решается созданием индивидуальных гибких учебных планов для каждого студента. Учебный план определяется научным руководителем.
+
+Обязательными для всех предметами являются следующие:
+
+* Вычислительные методы (годовой курс)
+* Статистические методы и анализ данных (годовой курс)
+* Научная этика и подготовка научных публикаций (семестр)
+* Семинар по литературе
+
+Остальные курсы выбираются руководителем и согласуются руководством программы. Для выбора курсов можно руководствоваться  [списком рекомендованных курсов] или выбрать любой другой курс, который читается в МФТИ (и возможно в партнерских ВУЗах.
+
+# Как поступить
+
+Для поступления на программу необходимо:
+* в срок **до 15 мая** заполнить [анкету]. В анкете надо указать одного или нескольких научных руководителей, с которыми вы бы хотели работать.
+* в срок **до 15 июня** пройти собеседование с научными руководителями и согласовать предполагаемый план обучения.
+* Подать документы в магистратуру МФТИ согласно [правилам поступления](https://pk.mipt.ru/master/) (направление **ЛФИ Математика и физика** или **ФПМИ Информатика**). Если есть соглашение с научным руководителем, но не удалось пройти по конкурсу, то обучение с большой вероятностью будет оплачено нашими партнерами.
+
+# Команда
+
+# Контакты
+
+Все вопросы можно задать в [телеграм канале лаборатории](https://t.me/mipt_npm).
+
+Также можно писать на электронную почту: <a href='mailto&#58;&#110;p&#109;&#64;m%&#54;&#57;%70&#116;&#46;ru'>npm&#64;mip&#116;&#46;ru</a>

src/pages/magprog.js

@@ -0,0 +1,36 @@
+import React from "react"
+import {graphql} from "gatsby"
+import {injectIntl, useIntl} from "gatsby-plugin-react-intl"
+import Parser from "html-react-parser"
+
+import Layout from "../components/layout"
+import SEO from "../components/seo"
+
+const MagProg = ({data}) => {
+    const intl = useIntl()
+    const lang = intl.locale
+    return (
+        <Layout>
+            <SEO lang={lang} title={intl.formatMessage({id: "title"})}/>
+            <div>
+                {Parser(data.page.edges[0].node.html)}
+            </div>
+        </Layout>
+    )
+}
+
+export default injectIntl(MagProg)
+
+export const query = graphql`
+    query{
+        page: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "magprog"}, published: {eq: true}, language: {eq: "ru"}}}){
+            edges{
+                node{
+                    html
+                    frontmatter{
+                        title
+                    }
+                }
+            }}
+    }
+`

src/pages/projects/education.js

@@ -54,7 +54,7 @@ const SoftwarePage = ({data}) => {
                     <div className="row" id={id}>
                         <div className="col-lg-12">
                             <hr/>
-                            <h2 name={id}>{title}</h2>
+                            <h2 id={id}>{title}</h2>
                             <div>{Parser(node.html)}</div>
                             <div className="card" style={{backgroundColor: `#F5F5F5`}}>
                                 <div className="card-body" style={{padding: `10px`}}>

static/admin/config.yml

@@ -43,7 +43,7 @@ collections:
     fields:
       - { label: Content Type, name: content_type, widget: string }
       - { label: Display Title, name: title, widget: string }
-      - { label: Short Title, name: title, widget: string }
+      - { label: Short Title, name: shortTitle, widget: string }
       - { label: ID, name: id, widget: string }
       - { label: Order, name: order, widget: number }
       - { label: Published, name: published, widget: boolean }
@@ -58,7 +58,7 @@ collections:
     fields:
       - { label: Content Type, name: content_type, widget: string }
       - { label: Display Title, name: title, widget: string }
-      - { label: Short Title, name: title, widget: string }
+      - { label: Short Title, name: shortTitle, widget: string }
       - { label: ID, name: id, widget: string }
       - { label: Order, name: order, widget: number }
       - { label: Published, name: published, widget: boolean }
@@ -73,7 +73,7 @@ collections:
     fields:
       - { label: Content Type, name: content_type, widget: string }
       - { label: Display Title, name: title, widget: string }
-      - { label: Short Title, name: title, widget: string }
+      - { label: Short Title, name: shortTitle, widget: string }
       - { label: ID, name: id, widget: string }
       - { label: Order, name: order, widget: number }
       - { label: Published, name: published, widget: boolean }
@@ -88,7 +88,7 @@ collections:
     fields:
       - { label: Content Type, name: content_type, widget: string }
       - { label: Display Title, name: title, widget: string }
-      - { label: Short Title, name: title, widget: string }
+      - { label: Short Title, name: shortTitle, widget: string }
       - { label: ID, name: id, widget: string }
       - { label: Order, name: order, widget: number }
       - { label: Published, name: published, widget: boolean }