NPM/site
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

loc

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/about.js
View File

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

120
src/pages/index.js
View File

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

62
src/pages/partners.js
View File

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

6
src/pages/publications.js
View File

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

6
src/pages/quarks.js
View File

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