101 lines
5.1 KiB
JavaScript
101 lines
5.1 KiB
JavaScript
|
import React from "react"
|
|||
|
|
import { Link, graphql } from "gatsby"
|
|||
|
|
import Layout from "../components/layout"
|
|||
|
|
import head from "../images/index/head.png"
|
|||
|
|
import "../styles/main.css"
|
|||
|
|
|
|||
|
|
const IndexPage = ({data}) => (
|
|||
|
|
<Layout>
|
|||
|
|
{/* --------------------------------- */}
|
|||
|
|
<div class="jumbotron">
|
|||
|
|
<img src={head} width="90%" class="center-block" alt="head" />
|
|||
|
|
<hr/>
|
|||
|
|
<h3 style = {{color: `blue`}}>Лаборатория методов ядерно-физических экспериментов</h3>
|
|||
|
|
<p class="lead">
|
|||
|
|
Особенности нашего подхода к решению научных задач сегодняшнего времени:
|
|||
|
|
</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Лаборатория была создана на базе МФТИ, что позволяет привлекать большое количество заинтересованных лиц из числа
|
|||
|
|
студентов.
|
|||
|
|
</li>
|
|||
|
|
<li>Благодаря совмещению научной работы с образовательным процессом мы обеспечиваем преемственность научного
|
|||
|
|
опыта.
|
|||
|
|
</li>
|
|||
|
|
<li>Структура нашей лаборитории позволяет принимать участие в экспериментах мирового уровня даже студентам младших
|
|||
|
|
курсов.
|
|||
|
|
</li>
|
|||
|
|
<li>Мы применяем самые современные методы в работе на физических экспериментах.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p/>
|
|||
|
|
<p id="button"><Link class="btn btn-lg btn-success" to="./about" role="button">О нашей лаборатории</Link></p>
|
|||
|
|
</div>
|
|||
|
|
{/* ------------------------------ */}
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-4">
|
|||
|
|
<h2>Ядерная физика</h2>
|
|||
|
|
<p> Лаборатория принимает участие в нескольких международных экспериментах в области физики частиц, таких как
|
|||
|
|
эксперимент по безнейтринному двойному бета-распаду GERDA, эксперимент по поиску массы нейтрино Троицк
|
|||
|
|
ню-масс и так далее. </p>
|
|||
|
|
<p><a class="btn btn-primary" href="http://npm.mipt.ru/projects/physics.html" role="button" id="more">Подробнее »</a></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4">
|
|||
|
|
<h2> Образование </h2>
|
|||
|
|
<p> В задачи лаборатории входит разработка новых образовательных программ по физике и методике проведения физического
|
|||
|
|
эксперимента, а также совершенствование существующей методической и информационной базы в МФТИ и
|
|||
|
|
академических институтах.
|
|||
|
|
</p>
|
|||
|
|
<p><a class="btn btn-primary" href="http://npm.mipt.ru/projects/education.html" role="button" id="more">Подробнее »</a></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4">
|
|||
|
|
<h2> Компьютерные методы </h2>
|
|||
|
|
<p>
|
|||
|
|
Одним из основных направлений деятельности является разработка вычислительных методов и открытого
|
|||
|
|
программного обеспечения для использования в образовании и научной деятельности.
|
|||
|
|
</p>
|
|||
|
|
<p><a class="btn btn-primary" href="http://npm.mipt.ru/projects/software.html" role="button" id="more">Подробнее »</a></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<hr/>
|
|||
|
|
{/* --------------------------------- */}
|
|||
|
|
<h1>Новости:</h1>
|
|||
|
|
{ data.posts.nodes.map(post => {
|
|||
|
|
const title = post.frontmatter.title;
|
|||
|
|
const date = post.frontmatter.date;
|
|||
|
|
return (
|
|||
|
|
<div class = "card">
|
|||
|
|
<div class = "card-body">
|
|||
|
|
<div class = "card-header">
|
|||
|
|
<h2 class = "card-title">
|
|||
|
|
<span class = "badge badge-info">{date}</span>
|
|||
|
|
{title}
|
|||
|
|
</h2>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
dangerouslySetInnerHTML = {{
|
|||
|
|
__html: post.frontmatter.description || post.html,
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
})}
|
|||
|
|
</Layout>
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
export default IndexPage
|
|||
|
|
|
|||
|
|
export const query = graphql`
|
|||
|
|
query {
|
|||
|
|
posts: allMarkdownRemark(filter: {frontmatter: {content_type: {eq: "post"}, published: {eq: true}}},
|
|||
|
|
sort: {fields: [frontmatter___date], order: DESC}) {
|
|||
|
|
nodes{
|
|||
|
|
html
|
|||
|
|
frontmatter {
|
|||
|
|
date(formatString: "DD.MM.YYYY")
|
|||
|
|
title
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}`
|
|||
|
|
|