about page and members

src/intl/en.json

@@ -9,14 +9,14 @@
     "partners": "Partners" },
   "notfound": {
     "header": "NOT FOUND",
-    "description": "You just hit a route that doesn't exist."
+    "description": "You just hit a route that doesn't exist." },
-  },
+
   "jumbotron": {
     "labintro": "Nuclear physics methods laboratory",
     "lead": "Features of our approach to solving scientific problems of today: ",
     "list": "<ul><li>The laboratory was established on the basis of MIPT, which allows involving a large number of interested students.<\/li><li>By combining scientific work with educational process, we ensure continuity of scientific experience.<\/li><li>The structure of our laboratory allows even junior students to take part in world-class experiments.<\/li><li>We use the most modern methods in our work on physical experiments.<\/li><\/ul><p \/>",
-    "about": "About our laboratory"
+    "about": "About our laboratory" },
-  },
+
   "more": {
     "nuclear_title": "Nuclear physics",
     "nuclear_body": "The laboratory participates in several international particle physics experiments, such as the GERDA neutrine-free double beta decay experiment, the Troitsk nu-mass neutrino mass search experiment and so on.",
@@ -30,6 +30,20 @@
     "software_body": "One of the main activities is the development of computational methods and open source software for use in education and scientific activities.",
     "software_more": "More »",
 
-    "news": "Latest news"
+    "news": "Latest news" },
+
+  "about": {
+    "title": "Group of nuclear physics methods",
+    "descr": "The group was created in 2015 on the basis of the Department of General Physics, MIPT, several laboratories of the INR RAS and with the support of the Laboratory of High Energy Physics, MIPT. The purpose of the creation is the development of methods for conducting and analyzing data from experiments in the field of particle physics and nuclear physics. In addition, members of the group are engaged in the implementation of modern information technologies in experimental physics and education.",
+    "pubs": {
+      "title": "Publications",
+      "available1": "Group`s publications are available at ",
+      "available2": "this page"
+    },
+    "contacts": {
+      "title": "Contact information",
+      "mail": "Email: ",
+      "telegram": "Telegram: "
+    }
   }
 }

src/intl/ru.json

@@ -9,14 +9,14 @@
     "partners": "Партнёры" },
   "notfound": {
     "header": "404: НЕ НАЙДЕНО",
-    "description": "Вы перешли по несуществующему пути"
+    "description": "Вы перешли по несуществующему пути" },
-  },
+
   "jumbotron": {
     "labintro": "Лаборатория методов ядерно-физических экспериментов",
     "lead": "Особенности нашего подхода к решению научных задач сегодняшнего времени: ",
     "list": "<ul><li>Лаборатория была создана на базе МФТИ, что позволяет привлекать большое количество заинтересованных лиц из числа студентов.<\/li><li>Благодаря совмещению научной работы с образовательным процессом мы обеспечиваем преемственность научного опыта.<\/li><li>Структура нашей лаборатории позволяет принимать участие в экспериментах мирового уровня даже студентам младших курсов.<\/li><li>Мы применяем самые современные методы в работе на физических экспериментах.<\/li><\/ul><p \/>",
-    "about": "О нашей лаборатории"
+    "about": "О нашей лаборатории" },
-  },
+
   "more": {
     "nuclear_title": "Ядерная физика",
     "nuclear_body": "Лаборатория принимает участие в нескольких международных экспериментах в области физики частиц, таких как эксперимент по безнейтринному двойному бета-распаду GERDA, эксперимент по поиску массы нейтрино Троицк ню-масс и так далее.",
@@ -30,6 +30,20 @@
     "software_body": "Одним из основных направлений деятельности является разработка вычислительных методов и открытого программного обеспечения для использования в образовании и научной деятельности.",
     "software_more": "Подробнее »",
 
-    "news": "Последние новости"
+    "news": "Последние новости" },
+
+  "about": {
+      "title": "Группа методики ядерно-физического эксперимента",
+      "descr": "Группа была создана в 2015 году на базе кафедры общей физики МФТИ, нескольких лабораторий ИЯИ РАН и при поддержке лаборатории физики высоких энергий МФТИ. Цель создания - разработка методов для проведения и анализа данных экспериментов в области физики частиц и ядерной физики. Помимо этого участники группы занимаются внедрением современных информационных технологий в экспериментальную физику и образование.",
+      "pubs": {
+        "title": "Публикации",
+        "available1": "Публикации группы доступны на ",
+        "available2": "отдельной странице"
+      },
+      "contacts": {
+        "title": "Контактная информация",
+        "mail": "Электронный адрес: ",
+        "telegram": "Телеграм канал: "
+      }
     }
 }

src/pages/about.js

@@ -1,29 +1,36 @@
 import React from "react"
-import { Link, graphql } from "gatsby"
+import { FormattedMessage, FormattedHTMLMessage, useIntl, Link, injectIntl } from "gatsby-plugin-intl"
+import { graphql } from "gatsby"
 import Layout from "../components/layout"
+import SEO from "../components/seo"
 import "../styles/main.css"
 
-const AboutPage = ({data}) => (
+const AboutPage = ({ data }) => {
+  const intl = useIntl()
+  const lang = intl.locale
+  var members = ""
+  console.log(lang)
+  console.log(data)
+  if ( lang==="ru" ) { members = data.ru_members.edges; } 
+  else if ( lang==="en" ) { members = data.en_members.edges; }
+  return(
     <Layout>
-        <h1 style = {{marginTop: `20px`}}>Группа методики ядерно-физического эксперимента</h1>
+        <SEO lang={lang} title={intl.formatMessage({ id: "title" })} />
-        <p style = {{marginTop: `0px`}}>
+        <h1 style = {{marginTop: `20px`}}><FormattedMessage id="about.title" /></h1>
-        Группа была создана в 2015 году на базе кафедры общей физики МФТИ, нескольких лабораторий ИЯИ РАН и при поддержке лаборатории физики высоких энергий МФТИ.
+        <p style = {{marginTop: `0px`}}><FormattedMessage id="about.descr" /></p>
-        Цель создания - разработка методов для проведения и анализа данных экспериментов в области физики частиц и ядерной физики.
-        Помимо этого участники группы занимаются внедрением современных информационных технологий в экспериментальную физику и образование.
-        </p>
 
-        <h2 id="publications">Публикации</h2>
+        <h2 id="publications"><FormattedMessage id="about.pubs.title" /></h2>
-        <p style = {{marginTop: `0px`, marginBottom: `0px`}}>Публикации группы доступны на <Link to="./publications">отдельной странице.</Link></p>
+        <p style = {{marginTop: `0px`, marginBottom: `0px`}}><FormattedHTMLMessage id="about.pubs.available1"/><Link to="/publications"><FormattedMessage id="about.pubs.available2"/></Link></p>
 
-        <h2 id="contacts">Контактная информация</h2>
+        <h2 id="contacts"><FormattedMessage id="about.contacts.title" /></h2>
-        <p style = {{marginTop: `0px`, marginBottom: `0px`}}>Электронный адрес: <a href='mailto&#58;&#110;p&#109;&#64;m%&#54;&#57;%70&#116;&#46;ru'>npm&#64;mip&#116;&#46;ru</a></p>
+        <p style = {{marginTop: `0px`, marginBottom: `0px`}}><FormattedMessage id="about.contacts.mail" /><a href='mailto&#58;&#110;p&#109;&#64;m%&#54;&#57;%70&#116;&#46;ru'>npm&#64;mip&#116;&#46;ru</a></p>
-        <p style = {{marginTop: `0px`}}>Телеграм канал: <a href="https://t.me/mipt_npm">https://t.me/mipt_npm</a></p>
+        <p style = {{marginTop: `0px`}}><FormattedMessage id="about.contacts.telegram" /><a href="https://t.me/mipt_npm">https://t.me/mipt_npm</a></p>
 
     {/* ------------------------------ */}
 
-    { data.members.nodes.map(member => {
+    { members.map(({node}) => {
-      const name = member.frontmatter.title;
+      const name = node.frontmatter.title;
-      const photo = member.frontmatter.photo;
+      const photo = node.frontmatter.photo;
       const path = "../../images/members/"
       if (photo === null)
         return(
@@ -35,7 +42,7 @@ const AboutPage = ({data}) => (
                     <h2>{name}</h2>
                     <p
                     dangerouslySetInnerHTML = {{
-                        __html: member.html,
+                        __html: node.html,
                         }}
                     />
                 </div>     
@@ -54,7 +61,7 @@ const AboutPage = ({data}) => (
                     <h2>{name}</h2>
                     <p
                     dangerouslySetInnerHTML = {{
-                        __html: member.html,
+                        __html: node.html,
                         }}
                     />
                 </div>     
@@ -63,19 +70,37 @@ const AboutPage = ({data}) => (
       )
     })}
     </Layout>
-)
+  )
+}
 
-export default AboutPage
+export default injectIntl(AboutPage)
 
 export const query = graphql`
 query {
-    members: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "member"}, published: {eq: true}}}, 
+    ru_members: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "member"}, published: {eq: true}, language: {eq: "ru"}}}, 
             sort: {fields: frontmatter___order, order: ASC}) {
-      nodes {
+      edges{
+      node {
         html
         frontmatter {
           title
           photo
+          language
+        }
+      }
+      }
+    }
+
+    en_members: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "member"}, published: {eq: true}, language: {eq: "en"}}}, 
+    sort: {fields: frontmatter___order, order: ASC}) {
+      edges{
+      node {
+        html
+        frontmatter {
+          title
+          photo
+          language
+        }
       }
       }
     }

src/pages/content/ru/members/abramova.md

@@ -5,6 +5,7 @@ id: abramova
 order: 70
 photo: abramova.jpg
 published: true
+language: ru
 ---
 Студентка МФТИ.
 

src/pages/content/ru/members/almaz.md

@@ -5,6 +5,7 @@ id: almaz
 order: 20
 photo: almaz.jpg
 published: true
+language: ru
 ---
 Аспирант МФТИ.
 

src/pages/content/ru/members/anna_zelenaya.md

@@ -4,5 +4,6 @@ title: Анна Зеленая
 id: anna_zelenaya
 order: 16
 published: true
+language: ru
 ---
 Инженер ИЯИ РАН.

src/pages/content/ru/members/chernov.md

@@ -5,6 +5,7 @@ id: chernov
 order: 22
 photo: chernov.png
 published: true
+language: ru
 ---
 Аспирант ИЯИ РАН.
 

src/pages/content/ru/members/inzhechik.md

@@ -5,6 +5,7 @@ id: inzhechik
 order: 1
 photo: Inzhechik.jpg
 published: true
+language: ru
 ---
 
 **Руководитель группы.**

src/pages/content/ru/members/khamitov.md

@@ -1,10 +1,11 @@
 ---
 content_type: member
 title: Тимур Хамитов
-id: hamitov
+id: khamitov
 order: 110
-photo: hamitov.jpg
+photo: khamitov.jpg
 published: true
+language: ru
 ---
 Студент МФТИ.
 

src/pages/content/ru/members/khudiakov.md

@@ -5,6 +5,7 @@ id: khudyakov
 order: 12
 photo: khudyakov.jpg
 published: true
+language: ru
 ---
 Научный сотрудник ИЯИ РАН.
 

src/pages/content/ru/members/klimai.md

@@ -5,6 +5,7 @@ id: klimai
 order: 11
 photo: klimai.jpg
 published: true
+language: ru
 ---
 Кандидат физико-математических наук.
 

src/pages/content/ru/members/koroteev.md

@@ -5,5 +5,6 @@ id: koroteev
 order: 13
 photo: koroteev.png
 published: true
+language: ru
 ---
 Преподаватель МФТИ.

src/pages/content/ru/members/nozik.md

@@ -5,6 +5,7 @@ id: nozik
 order: 10
 photo: nozik.png
 published: true
+language: ru
 ---
 **Заместитель руководителя группы.**
  

src/pages/content/ru/members/santitov.md

@@ -4,5 +4,6 @@ title: Александр Титов
 id: santitov
 order: 60
 published: false
+language: ru
 ---
 Студент МФТИ.

src/pages/content/ru/members/stadnichuk.md

@@ -5,5 +5,6 @@ id: stadnichuk
 photo: stadnichuk.jpg
 order: 60
 published: true
+language: ru
 ---
 Студент МФТИ.

src/pages/content/ru/members/svetlichnii.md

@@ -5,5 +5,6 @@ id: svetlichnii
 order: 30
 photo: svetlichnii.jpeg
 published: true
+language: ru
 ---
 Студент 6 курса МФТИ, преподаватель кафедры общей физики.

src/pages/content/ru/members/vyborov.md

@@ -5,6 +5,7 @@ id: vyborov
 order: 21
 photo: vyborov.png
 published: true
+language: ru
 ---
 Аспирант МФТИ.
 

src/pages/content/ru/members/zelenyy.md

@@ -5,6 +5,7 @@ id: zelenyy
 order: 15
 photo: zelenyy.jpg
 published: true
+language: ru
 ---
 Аспирант ИЯИ РАН. Преподаватель МФТИ.
 

src/pages/content/ru/members/zhabin.md

@@ -5,5 +5,6 @@ id: zhabin
 order: 11
 photo: zhabin.jpg
 published: false
+language: ru
 ---
 Кандидат физико-математических наук. Преподаватель МФТИ.

src/pages/index.js

@@ -26,7 +26,7 @@ const IndexPage = ({ data }) => {
         <h3 style = {{color: `rgb(18,64,171)`}}><FormattedMessage id="jumbotron.labintro"/></h3>
         <p id="lead"><FormattedMessage id="jumbotron.lead"/></p>
         <FormattedHTMLMessage id="jumbotron.list" />
-        <Button variant="success" id="jt"><Link to="./about"><FormattedMessage id="jumbotron.about" /></Link></Button>
+        <Button variant="success" id="jt"><Link to="/about"><FormattedMessage id="jumbotron.about" /></Link></Button>
     </Jumbotron> 
     {/* ------------------------------ */}
     <div className="row">