This commit is contained in:
Elinorre 2020-02-18 23:29:14 +03:00
parent d7dabcfc5b
commit 8343bdbf07
5 changed files with 108 additions and 98 deletions

View File

@ -29,9 +29,9 @@ const AboutPage = ({data}) => (
return(
<div>
<hr/>
<div class = "row">
<div class = "col-lg-2"></div>
<div class = "col-lg-10">
<div className = "row">
<div className = "col-lg-2"></div>
<div className = "col-lg-10">
<h2>{name}</h2>
<p
dangerouslySetInnerHTML = {{
@ -46,11 +46,11 @@ const AboutPage = ({data}) => (
return (
<div>
<hr/>
<div class = "row">
<div class = "col-lg-2">
<div className = "row">
<div className = "col-lg-2">
<img src={path+photo} alt=" "/>
</div>
<div class = "col-lg-10">
<div className = "col-lg-10">
<h2>{name}</h2>
<p
dangerouslySetInnerHTML = {{

View File

@ -1,78 +1,67 @@
import React from "react"
import { Link, graphql } from "gatsby"
import { FormattedMessage, FormattedHTMLMessage, Link, useIntl, injectIntl } from "gatsby-plugin-intl"
import { graphql } from "gatsby"
import Layout from "../components/layout"
import SEO from "../components/seo"
import head from "../images/index/head.png"
import "../styles/main.css"
import "../styles/bootstrap.min.css"
import {Jumbotron, Button} from "react-bootstrap"
const IndexPage = ({data}) => (
const IndexPage = ({ data }) => {
const intl = useIntl()
const lang = intl.locale
var news = ""
if ( lang==="ru" ) { news = data.ru_posts.edges; }
else if ( lang==="en" ) { news = data.en_posts.edges; }
return(
<Layout>
<SEO lang={lang} title={intl.formatMessage({ id: "title" })} />
{/* --------------------------------- */}
<Jumbotron>
<img src={head} width="90%" class="center-block" alt="head" />
<img src={head} width="90%" className="center-block" alt="head" />
<hr/>
<h3 style = {{color: `rgb(18,64,171)`}}>Лаборатория методов ядерно-физических экспериментов</h3>
<p class="lead">
Особенности нашего подхода к решению научных задач сегодняшнего времени:
</p>
<ul>
<li>Лаборатория была создана на базе МФТИ, что позволяет привлекать большое количество заинтересованных лиц из числа
студентов.
</li>
<li>Благодаря совмещению научной работы с образовательным процессом мы обеспечиваем преемственность научного
опыта.
</li>
<li>Структура нашей лаборитории позволяет принимать участие в экспериментах мирового уровня даже студентам младших
курсов.
</li>
<li>Мы применяем самые современные методы в работе на физических экспериментах.</li>
</ul>
<p/>
<Button variant="success" id="jt"><Link to="./about">О нашей лаборатории</Link></Button>
<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>
</Jumbotron>
{/* ------------------------------ */}
<div class="row">
<div class="col-lg-4">
<h2>Ядерная физика</h2>
<p> Лаборатория принимает участие в нескольких международных экспериментах в области физики частиц, таких как
эксперимент по безнейтринному двойному бета-распаду GERDA, эксперимент по поиску массы нейтрино Троицк
ню-масс и так далее. </p>
<Button variant="primary" id="more"><Link to="./projects/physics">Подробнее »</Link></Button>
<div className="row">
<div className="col-lg-4">
<h2><FormattedMessage id="more.nuclear_title" /></h2>
<p> <FormattedMessage id="more.nuclear_body" /> </p>
<Button variant="primary" id="more"><Link to="/projects/physics"><FormattedMessage id="more.nuclear_more" /></Link></Button>
</div>
<div class="col-lg-4">
<h2> Образование </h2>
<p> В задачи лаборатории входит разработка новых образовательных программ по физике и методике проведения физического
эксперимента, а также совершенствование существующей методической и информационной базы в МФТИ и
академических институтах.
</p>
<Button variant="primary" id="more"><Link to="./projects/education">Подробнее »</Link></Button>
<div className="col-lg-4">
<h2><FormattedMessage id="more.education_title" /></h2>
<p> <FormattedMessage id="more.education_body" /></p>
<Button variant="primary" id="more"><Link to="/projects/education"><FormattedMessage id="more.education_more" /></Link></Button>
</div>
<div class="col-lg-4">
<h2> Компьютерные методы </h2>
<p>
Одним из основных направлений деятельности является разработка вычислительных методов и открытого
программного обеспечения для использования в образовании и научной деятельности.
</p>
<Button variant="primary" id="more"><Link to="./projects/software">Подробнее »</Link></Button>
<div className="col-lg-4">
<h2><FormattedMessage id="more.software_title" /></h2>
<p><FormattedMessage id="more.software_body" /></p>
<Button variant="primary" id="more"><Link to="/projects/software"><FormattedMessage id="more.software_more" /></Link></Button>
</div>
</div>
<hr style={{marginBottom: `50px`}}/>
{/* --------------------------------- */}
<h1 style={{textAlign: `center`}}>Последние новости</h1>
{ data.posts.nodes.map(post => {
const title = post.frontmatter.title;
const date = post.frontmatter.date;
{ news.map(({node}) => {
const title = node.frontmatter.title;
const date = node.frontmatter.date;
console.log()
return (
<div class = "card" style={{marginBottom: `15px`, borderRadius: `0px`, boxShadow: `0 2px 2px #A2A2A2`}}>
<div class = "card-body">
<h2 class = "title">
<div className = "card" style={{marginBottom: `15px`, borderRadius: `0px`, boxShadow: `0 2px 2px #A2A2A2`}}>
<div className = "card-body">
<h2 className = "title">
{title}<span id="date">{date}</span>
</h2>
<p
dangerouslySetInnerHTML = {{
__html: post.frontmatter.description || post.html,
__html: node.frontmatter.description || node.html,
}}
/>
</div>
@ -81,21 +70,42 @@ const IndexPage = ({data}) => (
})}
</Layout>
)
}
export default IndexPage
export default injectIntl(IndexPage)
export const query = graphql`
query {
posts: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "post"}, published: {eq: true}}},
sort: {fields: [frontmatter___date], order: DESC},
limit: 3) {
nodes{
ru_posts: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "post"}, published: {eq: true}, language: {eq: "ru"}}},
sort: {fields: [frontmatter___date], order: DESC}, limit: 3 )
{
edges{
node{
html
frontmatter {
date(formatString: "DD.MM.YYYY")
title
language
}
}
}
}
en_posts: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "post"}, published: {eq: true}, language: {eq: "en"}}},
sort: {fields: [frontmatter___date], order: DESC}, limit: 3 )
{
edges{
node{
html
frontmatter {
date(formatString: "DD.MM.YYYY")
title
language
}
}
}
}`
}
}`

View File

@ -11,8 +11,8 @@ import jbr from "../images/partners/jbr.svg"
const PartnersPage = () => (
<Layout>
<div class="media" style={{marginTop: `30px`}}>
<div class="media-body">
<div className="media" style={{marginTop: `30px`}}>
<div className="media-body">
<h1><a id="partner" href="https://mipt.ru/education/chair/physics/">Кафедра общей физики МФТИ </a></h1>
<p>Кафедра общей физики является основной точкой соприкосновения для ученых и преподавателей с одной стороны и
студентов с другой стороны. Тесное сотрудничество с кафдерой является залогом постоянного притока молодых
@ -22,42 +22,42 @@ const PartnersPage = () => (
<p>Тесное сотрудничество с дабораторией физики высоких энергий повзоляет осуществлять прямой контакт между
образованием и научным сообществом, не выходя за рамки МФТИ.</p>
</div>
<div class="media-right media-middle">
<a href="https://mipt.ru/education/chair/physics/"><img class="media-object" src={mipt_logo} alt="mipt logo" width="400px"/></a>
<div className="media-right media-middle">
<a href="https://mipt.ru/education/chair/physics/"><img className="media-object" src={mipt_logo} alt="mipt logo" width="400px"/></a>
</div>
</div>
<hr/>
<div class="media">
<div class="media-body">
<div className="media">
<div className="media-body">
<h1><a id="partner" href="https://www.jetbrains.com/">JetBrains</a></h1>
<p>Лаборатория активно сотрудничает с компанией JetBrains во внедрении
языка Kotlin в научном программировании, преподавании Kotlin и разработке
библиотек на Kotlin.</p>
</div>
<div class="media-right media-middle">
<a href="https://www.jetbrains.com/"><img class="media-object" src={jetbrains_logo} alt="inr logo" width="150px" style={{marginLeft:`10px`}}/></a>
<div className="media-right media-middle">
<a href="https://www.jetbrains.com/"><img className="media-object" src={jetbrains_logo} alt="inr logo" width="150px" style={{marginLeft:`10px`}}/></a>
</div>
</div>
<hr/>
<div class="media">
<div class="media-body">
<div className="media">
<div className="media-body">
<h1><a id="partner" href="https://research.jetbrains.org/ru/groups/npm">JetBrains Research</a></h1>
<p>Группа разработки программного обеспечения входит в международное научное объединение JetBrains Research.</p>
</div>
<div class="media-right media-middle">
<a href="https://research.jetbrains.org/ru/groups/npm"><img class="media-object" src={jbr} alt="inr logo" width="250px" style={{marginLeft:`10px`}}/></a>
<div className="media-right media-middle">
<a href="https://research.jetbrains.org/ru/groups/npm"><img className="media-object" src={jbr} alt="inr logo" width="250px" style={{marginLeft:`10px`}}/></a>
</div>
</div>
<hr/>
<div class="media">
<div class="media-body">
<h2 class="media-heading">Отдел экспериментальной физики ИЯИ РАН</h2>
<div className="media">
<div className="media-body">
<h2 className="media-heading">Отдел экспериментальной физики ИЯИ РАН</h2>
<p>Ведется очень плотное сотруднничество с ОЭФ ИЯИ РАН в рамках коллабораций Troitsk nu-mass и KATRIN, а также в плане
подготовки квалифицированных кадров для работы на эксперименте NICA и в других ускорительных экспериментах.
В рамках сотрудничества реализуются как научные так и образовательные задачи.</p>
@ -66,11 +66,11 @@ const PartnersPage = () => (
<hr/>
<div class="media" >
<div class="media-left media-middle">
<a href="http://www.inr.ru"><img class="media-object" src={inr_linac} alt="inr logo" width="100px"/></a>
<div className="media" >
<div className="media-left media-middle">
<a href="http://www.inr.ru"><img className="media-object" src={inr_linac} alt="inr logo" width="100px"/></a>
</div>
<div class="media-body" style={{marginLeft: `25px`}}>
<div className="media-body" style={{marginLeft: `25px`}}>
<h1><a id="partner" href="http://www.inr.ru/">Лаборатория пучка ИЯИ РАН</a></h1>
<p>Лаборатория пучка линейного ускорителя ИЯИ РАН отвечает за проводку и диагностику пучка ускорителя, а также ведет
разработки систем диагностики пучка, используемых по всему миру. Группа ведет несколько совместных образовательных
@ -80,35 +80,35 @@ const PartnersPage = () => (
<hr/>
<div class="media">
<div class="media-body">
<div className="media">
<div className="media-body">
<h1><a id="partner" href="http://www.inr.ru/">Научно-образовательный центр ИЯИ РАН</a></h1>
<p>Часть студентов, участвующих в группе обучается в научно-образовательном центре ИЯИ РАН.</p>
</div>
<div class="media-right media-middle">
<a href="http://www.inr.ru"><img class="media-object" src={inr_logo} alt="inr logo" width="100px" style={{marginLeft:`10px`}}/></a>
<div className="media-right media-middle">
<a href="http://www.inr.ru"><img className="media-object" src={inr_logo} alt="inr logo" width="100px" style={{marginLeft:`10px`}}/></a>
</div>
</div>
<hr/>
{/* <div class="media" style={{fontSize: `20px`}}>
<div class="media-left media-middle">
<a href="#"><img class="media-object" src={mtl_logo} width="100px"/></a>
{/* <div className="media" style={{fontSize: `20px`}}>
<div className="media-left media-middle">
<a href="#"><img className="media-object" src={mtl_logo} width="100px"/></a>
</div>
<div class="media-body">
<div className="media-body">
<h1><a href="http://www.mtl.ru/">МТЛ. Медицинские технологии</a></h1>
В рамках сотрудничества с МТЛ проводится научная, инженерная и научно-образовательная работа на базе МФТИ.
</div>
</div> */}
<div class="media" style={{marginBottom: `30px`}}>
<div class="media-body">
<div className="media" style={{marginBottom: `30px`}}>
<div className="media-body">
<h1><a id="partner" href="http://www.iki.rssi.ru/">ИКИ РАН</a></h1>
<p>Группа участвует в математическом моделировании электрических разрядов в атмосфере.</p>
</div>
<div class="media-right media-middle">
<a href="http://www.iki.rssi.ru"><img class="media-object" src="http://www.iki.rssi.ru/img/iki.png" alt="iki logo" width="100px"/></a>
<div className="media-right media-middle">
<a href="http://www.iki.rssi.ru"><img className="media-object" src="http://www.iki.rssi.ru/img/iki.png" alt="iki logo" width="100px"/></a>
</div>
</div>

View File

@ -5,11 +5,11 @@ import Layout from "../components/layout"
const PublicationsPage = ({ data }) => (
<Layout>
<nav aria-label="breadcrumb">
<ol class="breadcrumb" style={{margin: 0}}>
<li class="breadcrumb-item">
<ol className="breadcrumb" style={{margin: 0}}>
<li className="breadcrumb-item">
<Link to={`./`}>mipt-npm group</Link>
</li>
<li class="breadcrumb-item active">Публикации</li>
<li className="breadcrumb-item active">Публикации</li>
</ol>
</nav>

View File

@ -5,11 +5,11 @@ import Layout from "../components/layout"
const QuarksPage = ({ data }) => (
<Layout>
<nav aria-label="breadcrumb">
<ol class="breadcrumb" style={{margin: 0}}>
<li class="breadcrumb-item">
<ol className="breadcrumb" style={{margin: 0}}>
<li className="breadcrumb-item">
<Link to={`./projects/physics`}>Физика</Link>
</li>
<li class="breadcrumb-item active">QUARKS-2020</li>
<li className="breadcrumb-item active">QUARKS-2020</li>
</ol>
</nav>