Skip to content

Commit

Permalink
Всес все кооректировки и проверил PP
Browse files Browse the repository at this point in the history
  • Loading branch information
@gadjster
gadjster committed Mar 9, 2024
1 parent ea12b48 commit 561e856
Show file tree
Hide file tree
Showing 6 changed files with 120 additions and 196 deletions.
146 changes: 74 additions & 72 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,11 +52,11 @@ <h1 class="main-title header__title">no focus</h1>
</p>
</header>
<main class="main">
<section class="container container--why">
<h2 class="title container--why-title">
<section class="container container--columns">
<h2 class="title container--columns-title">
Почему сосредоточиться так сложно
</h2>
<article class="container-block container--why-block">
<article class="container-block ccontainer--columns-block">
<h3 class="title text-decor">Многозадачность</h3>
<p class="text__block">
Особенно сложно сосредоточиться, когда задач много
Expand All @@ -77,7 +77,7 @@ <h3 class="title text-decor">Многозадачность</h3>
невнимательно: ошибаемся и&nbsp;быстро устаём.
</p>
</article>
<article class="container-block container--why-block">
<article class="container-block container--columns-block">
<h3 class="title text-decor">Дофамин</h3>
<p class="text__block">
С&nbsp;гормонами стресса всё понятно, но дальше &mdash; ещё
Expand Down Expand Up @@ -135,77 +135,79 @@ <h3 class="title text-decor">Гаджеты</h3>
</p>
</article>
</section>
<section class="container container--how">
<h2 class="title container--how-title">
<section class="container container--columns">
<h2 class="title container--columns-title">
Как концентрироваться лучше, чем золотая рыбка (то&nbsp;есть дольше
трёх секунд)
</h2>
<h3 class="title text-decor title-magrine">
5&nbsp;простых (на&nbsp;самом деле не очень) советов
</h3>
<article class="container-block container--how-block">
<h4 class="title title-light text-decor">
Представьте небо и&nbsp;облака
</h4>
<p class="text__block">
Или листья в&nbsp;ручье. Тут дело в лёгкой медитации, которая
помогает успокоиться. Ведь часто именно тревожные мысли&nbsp;о
сложных задачах как раз и&nbsp;мешают эти сложные задачи делать.
В&nbsp;такие моменты можно закрыть глаза и представить, что чистое
небо&nbsp;&mdash; это&nbsp;вы, а облака&nbsp;&mdash; тревожные
мысли. И сколько бы их ни&nbsp;было&nbsp;&mdash; ясное небо всегда
будет где-то там, за тучами, и никуда не денется. Это упражнение
поможет вернуться в&nbsp;настоящий момент, а не&nbsp;волноваться о
потенциальных проблемах из&nbsp;будущего.
</p>
</article>
<article class="container-block container--how-block">
<h4 class="title title-light text-decor">Включите музыку</h4>
<p class="text__block">
Но&nbsp;не&nbsp;любую, и&nbsp;не&nbsp;любимую. Любимая может быть
связана с сильными положительными эмоциями, которые тоже очень
сильно отвлекают. Подойдёт тихая, спокойная, умеренно-ритмичная.
Можно вообще попробовать включить плейлист в &laquo;белым
шумом&raquo; или нейромузыкой.
</p>
</article>
<article class="container-block container--how-block">
<h4 class="title title-light text-decor">Прогуляйтесь</h4>
<p class="text__block">
Или даже пробегитесь. Лучше найти парк или лес: один эксперимент
<a
class="text-hadow"
href="https://www.sciencedirect.com/science/article/abs/pii/S0272494415000328"
target="_blank"
rel="noopener"
>показал</a
>, что созерцание природы повышает концентрацию, в то&nbsp;время как
после просмотра городских пейзажей она наоборот понижается. Можно
совместить прогулку с&nbsp;физическими упражнениями или бегом
&mdash; так в мозг поступит ещё больше кислорода
и&nbsp;он&nbsp;будет лучше работать. Но&nbsp;и&nbsp;простая
двадцатиминутная прогулка&nbsp;&mdash; тоже отличный вариант.
</p>
</article>
<article class="container-block container--how-block">
<h4 class="title title-light text-decor">Хорошо ешьте</h4>
<p class="text__block">
Мы&nbsp;&mdash; не&nbsp;ваша бабушка, но&nbsp;это правда важно.
Выбирайте продукты, которые препятствуют резким скачкам сахара в
крови. Например, с высоким содержанием клетчатки: овощи, ягоды,
бобовые (нут, чечевица, фасоль), коричневый рис, хлеб из
цельнозерновой пшеницы.
</p>
</article>
<article class="container-block container--how-block">
<h4 class="title title-light text-decor">Читайте</h4>
<p class="text__block">
Настоящие бумажные книги. Это правда помогает с концентрацией: чтобы
прочитать пост в&nbsp;соцсети, достаточно нескольких минут или даже
секунд. А&nbsp;вот интересная книга способна затянуть и&nbsp;на
несколько часов и круто тренирует направленное внимание.
</p>
</article>
<div>
<h3 class="title text-decor title-magrine">
5&nbsp;простых (на&nbsp;самом деле не очень) советов
</h3>
<article class="container-block container--columns-block">
<h4 class="title title-light text-decor">
Представьте небо и&nbsp;облака
</h4>
<p class="text__block">
Или листья в&nbsp;ручье. Тут дело в лёгкой медитации, которая
помогает успокоиться. Ведь часто именно тревожные мысли&nbsp;о
сложных задачах как раз и&nbsp;мешают эти сложные задачи делать.
В&nbsp;такие моменты можно закрыть глаза и представить, что чистое
небо&nbsp;&mdash; это&nbsp;вы, а облака&nbsp;&mdash; тревожные
мысли. И сколько бы их ни&nbsp;было&nbsp;&mdash; ясное небо всегда
будет где-то там, за тучами, и никуда не денется. Это упражнение
поможет вернуться в&nbsp;настоящий момент, а не&nbsp;волноваться о
потенциальных проблемах из&nbsp;будущего.
</p>
</article>
<article class="container-block container--columns-block">
<h4 class="title title-light text-decor">Включите музыку</h4>
<p class="text__block">
Но&nbsp;не&nbsp;любую, и&nbsp;не&nbsp;любимую. Любимая может быть
связана с сильными положительными эмоциями, которые тоже очень
сильно отвлекают. Подойдёт тихая, спокойная, умеренно-ритмичная.
Можно вообще попробовать включить плейлист в &laquo;белым
шумом&raquo; или нейромузыкой.
</p>
</article>
<article class="container-block container--columns-block">
<h4 class="title title-light text-decor">Прогуляйтесь</h4>
<p class="text__block">
Или даже пробегитесь. Лучше найти парк или лес: один эксперимент
<a
class="text-hadow"
href="https://www.sciencedirect.com/science/article/abs/pii/S0272494415000328"
target="_blank"
rel="noopener"
>показал</a
>, что созерцание природы повышает концентрацию, в то&nbsp;время
как после просмотра городских пейзажей она наоборот понижается.
Можно совместить прогулку с&nbsp;физическими упражнениями или
бегом &mdash; так в мозг поступит ещё больше кислорода
и&nbsp;он&nbsp;будет лучше работать. Но&nbsp;и&nbsp;простая
двадцатиминутная прогулка&nbsp;&mdash; тоже отличный вариант.
</p>
</article>
<article class="container-block container--columns-block">
<h4 class="title title-light text-decor">Хорошо ешьте</h4>
<p class="text__block">
Мы&nbsp;&mdash; не&nbsp;ваша бабушка, но&nbsp;это правда важно.
Выбирайте продукты, которые препятствуют резким скачкам сахара в
крови. Например, с высоким содержанием клетчатки: овощи, ягоды,
бобовые (нут, чечевица, фасоль), коричневый рис, хлеб из
цельнозерновой пшеницы.
</p>
</article>
<article class="container-block container--columns-block">
<h4 class="title title-light text-decor">Читайте</h4>
<p class="text__block">
Настоящие бумажные книги. Это правда помогает с концентрацией:
чтобы прочитать пост в&nbsp;соцсети, достаточно нескольких минут
или даже секунд. А&nbsp;вот интересная книга способна затянуть
и&nbsp;на несколько часов и круто тренирует направленное внимание.
</p>
</article>
</div>
</section>
<section class="container container--img">
<h2 class="title text-decor container--img-title">
Expand Down
3 changes: 3 additions & 0 deletions styles/dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@
/* цвет меню */
--menu-color: #ff0070;

/* цвет заголовков */
--title-color: #ff0070;

/* цвет меню для состояния hover */
--menu-color-RGB-transperent: rgb(255 0 112 / 0.4);

Expand Down
4 changes: 0 additions & 4 deletions styles/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,3 @@ a {
font-size: inherit;
line-height: inherit;
}

article {
display: grid;
}
6 changes: 6 additions & 0 deletions styles/light.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@
/* цвет меню */
--menu-color: #353430;

/* цвет заголовков */
--title-color: #353430;

/* цвет меню для состояния hover */
--menu-color-RGB-transperent: rgb(50 49 45 / 0.4);

Expand All @@ -33,6 +36,9 @@
/* цвет меню */
--menu-color: #353430;

/* цвет заголовков */
--title-color: #353430;

/* цвет меню для состояния hover */
--menu-color-RGB-transperent: rgb(50 49 45 / 0.4);

Expand Down
Loading

0 comments on commit 561e856

Please sign in to comment.