Skip to content

Commit

Permalink
PP всего
Browse files Browse the repository at this point in the history
  • Loading branch information
@gadjster
gadjster committed Mar 5, 2024
1 parent d7a327a commit 4cca5d1
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 49 deletions.
89 changes: 44 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,30 +63,30 @@ <h3 class="title text-decor container--why-block">Многозадачность
Особенно сложно сосредоточиться, когда задач много и&nbsp;все&nbsp;они
&mdash; важные. Где&nbsp;же легендарная многозадачность, когда она так
нужна вам (и&nbsp;всем нанимающим менеджерам этого мира)? А&nbsp;дело
в&nbsp;том, что её&nbsp;просто не существует. Исследователи
в том, что её&nbsp;просто не существует. Исследователи
<a
class="text-hadow"
href="https://dana.org/article/multicosts-of-multitasking/"
target="_blank"
rel="noopener"
>выяснили</a
>, что мозгу тяжело концентрироваться даже на&nbsp;двух делах
одновременно. А&nbsp;когда в&nbsp;поле внимания попадает несколько
важных задач, организм паникует и&nbsp;выделяет кортизол&nbsp;и
адреналин&nbsp;&mdash; &laquo;гормоны стресса&raquo;. Из-за этого
мы&nbsp;работаем невнимательно: ошибаемся и&nbsp;быстро устаём.
одновременно. А&nbsp;когда в поле внимания попадает несколько важных
задач, организм паникует и&nbsp;выделяет кортизол&nbsp;и адреналин
&mdash; &laquo;гормоны стресса&raquo;. Из-за этого мы&nbsp;работаем
невнимательно: ошибаемся и&nbsp;быстро устаём.
</p>
<h3 class="title text-decor container--why-block">Дофамин</h3>
<p class="text__block container--why-block">
С&nbsp;гормонами стресса всё понятно, но дальше &mdash; ещё
интереснее. В&nbsp;нашей невозможности сосредоточиться замешана
и&nbsp;полная противоположность стрессу&nbsp;&mdash; дофамин. Это
вещество участвует в&nbsp;системе вознаграждения мозга. Причём
тут&nbsp;он? Мы&nbsp;часто отвлекаемся от&nbsp;важной задачи
на&nbsp;что-то более &laquo;приятное&raquo; для мозгов. Например,
смотрим лайки в соцсетях. В&nbsp;это время&nbsp;и выделяется дофамин
&mdash; и&nbsp;мы&nbsp;чувствуем удовольствие. Получается замкнутый
круг: чем больше отвлекаешься, тем больше удовольствия получаешь.
интереснее. В нашей невозможности сосредоточиться замешана и полная
противоположность стрессу &mdash; дофамин. Это вещество участвует
в&nbsp;системе вознаграждения мозга. Причём тут он? Мы&nbsp;часто
отвлекаемся от важной задачи на&nbsp;что-то более
&laquo;приятное&raquo; для мозгов. Например, смотрим лайки в соцсетях.
В&nbsp;это время&nbsp;и выделяется дофамин &mdash; и мы&nbsp;чувствуем
удовольствие. Получается замкнутый круг: чем больше отвлекаешься, тем
больше удовольствия получаешь.
</p>
</section>
<section class="container container--what">
Expand All @@ -95,11 +95,11 @@ <h2 class="title container--what-title">
</h2>
<h3 class="title text-decor container--what-block">Многозадачность</h3>
<p class="text__block container--what-block">
Как концентрация может снижаться из-за... концентрации? Любая
стрессовая ситуация (и&nbsp;резко меняющийся мир в&nbsp;целом)
заставляет наш мозг постоянно &laquo;сканировать&raquo; окружающую
среду на&nbsp;предмет опасности. Например, читать новости вместо
работы. Но&nbsp;быть собранными всё время&nbsp;&mdash; невозможно.
Как концентрация может снижаться из-за… концентрации? Любая стрессовая
ситуация (и&nbsp;резко меняющийся мир в&nbsp;целом) заставляет наш
мозг постоянно &laquo;сканировать&raquo; окружающую среду
на&nbsp;предмет опасности. Например, читать новости вместо работы. Но
быть собранными всё время&nbsp;&mdash; невозможно.
Концентрация&nbsp;&mdash; мышца, и&nbsp;она может&nbsp;не выдержать,
если не&nbsp;давать&nbsp;ей отдохнуть.
</p>
Expand All @@ -108,17 +108,17 @@ <h3 class="title text-decor container--what-block">Еда</h3>
&laquo;Быстрые углеводы&raquo;&nbsp;&mdash; сахар, белый хлеб,
сладости&nbsp;&mdash; молниеносно доставляют в&nbsp;мозг энергию
и&nbsp;помогают ему лучше работать. Но&nbsp;уходит эта энергия также
быстро, как&nbsp;и приходит. А&nbsp;мы&nbsp;в&nbsp;результате попадаем
на&nbsp;&laquo;углеводные качели&raquo;: как только действие
&laquo;быстрых углеводов&raquo; заканчивается, мы&nbsp;чувствуем
усталость и&nbsp;сонливость. И хотим ещё больше быстрых углеводов.
быстро, как&nbsp;и приходит. А мы&nbsp;в&nbsp;результате попадаем на
&laquo;углеводные качели&raquo;: как только действие &laquo;быстрых
углеводов&raquo; заканчивается, мы&nbsp;чувствуем усталость
и&nbsp;сонливость. И хотим ещё больше быстрых углеводов.
</p>
<h3 class="title text-decor container--what-block">Гаджеты</h3>
<p class="text__block container--what-block">
Да-да, это та&nbsp;самая ситуация, когда на&nbsp;экране
ноутбука&nbsp;&mdash; код, в наушниках&nbsp;&mdash; подкаст, а
на&nbsp;компьютере фоном&nbsp;&mdash; ещё&nbsp;и видео с забавными
утятами. В результате мозг пытается переключиться с&nbsp;одной задачи
ноутбука&nbsp;&mdash; код, в наушниках&nbsp;&mdash; подкаст, а на
компьютере фоном&nbsp;&mdash; ещё&nbsp;и видео с забавными утятами. В
результате мозг пытается переключиться с одной задачи
на&nbsp;другую&nbsp;&mdash; и просто не может. А&nbsp;чтобы вернуться
к состоянию полной концентрации, человеку в среднем нужно
20&nbsp;минут. Вот&nbsp;и получается, что чем больше времени
Expand All @@ -132,28 +132,28 @@ <h2 class="title container--how-title">
трёх секунд)
</h2>
<h3 class="title text-decor">
5&nbsp;простых (на&nbsp;самом деле не&nbsp;очень) советов
5&nbsp;простых (на&nbsp;самом деле не очень) советов
</h3>
<h4 class="title title-light text-decor">
Представьте небо и&nbsp;облака
</h4>
<p class="text__block">
Или листья в&nbsp;ручье. Тут дело в&nbsp;лёгкой медитации, которая
помогает успокоиться. Ведь часто именно тревожные мысли&nbsp;о сложных
задачах как раз и&nbsp;мешают эти сложные задачи делать. В&nbsp;такие
моменты можно закрыть глаза и&nbsp;представить, что чистое
небо&nbsp;&mdash; это&nbsp;вы, а облака&nbsp;&mdash; тревожные мысли.
И сколько бы их ни&nbsp;было&nbsp;&mdash; ясное небо всегда будет
где-то там, за тучами, и&nbsp;никуда не&nbsp;денется. Это упражнение
поможет вернуться в&nbsp;настоящий момент, а&nbsp;не&nbsp;волноваться
о потенциальных проблемах из&nbsp;будущего.
Или листья в&nbsp;ручье. Тут дело в лёгкой медитации, которая помогает
успокоиться. Ведь часто именно тревожные мысли&nbsp;о сложных задачах
как раз и&nbsp;мешают эти сложные задачи делать. В&nbsp;такие моменты
можно закрыть глаза и представить, что чистое небо&nbsp;&mdash;
это&nbsp;вы, а облака&nbsp;&mdash; тревожные мысли. И сколько бы их
ни&nbsp;было&nbsp;&mdash; ясное небо всегда будет где-то там, за
тучами, и никуда не денется. Это упражнение поможет вернуться
в&nbsp;настоящий момент, а не&nbsp;волноваться о потенциальных
проблемах из&nbsp;будущего.
</p>
<h4 class="title title-light text-decor">Включите музыку</h4>
<p class="text__block">
Но&nbsp;не&nbsp;любую, и&nbsp;не&nbsp;любимую. Любимая может быть
связана с сильными положительными эмоциями, которые тоже очень сильно
отвлекают. Подойдёт тихая, спокойная, умеренно-ритмичная. Можно вообще
попробовать включить плейлист в&nbsp;&laquo;белым шумом&raquo; или
попробовать включить плейлист в &laquo;белым шумом&raquo; или
нейромузыкой.
</p>
<h4 class="title title-light text-decor">Прогуляйтесь</h4>
Expand All @@ -167,26 +167,25 @@ <h4 class="title title-light text-decor">Прогуляйтесь</h4>
>показал</a
>, что созерцание природы повышает концентрацию, в то&nbsp;время как
после просмотра городских пейзажей она наоборот понижается. Можно
совместить прогулку с&nbsp;физическими упражнениями или
бегом&nbsp;&mdash; так в&nbsp;мозг поступит ещё больше кислорода
и&nbsp;он&nbsp;будет лучше работать. Но&nbsp;и&nbsp;простая
двадцатиминутная прогулка&nbsp;&mdash; тоже отличный вариант.
совместить прогулку с&nbsp;физическими упражнениями или бегом &mdash;
так в мозг поступит ещё больше кислорода и&nbsp;он&nbsp;будет лучше
работать. Но&nbsp;и&nbsp;простая двадцатиминутная
прогулка&nbsp;&mdash; тоже отличный вариант.
</p>
<h4 class="title title-light text-decor">Хорошо ешьте</h4>
<p class="text__block">
Мы&nbsp;&mdash; не&nbsp;ваша бабушка, но&nbsp;это правда важно.
Выбирайте продукты, которые препятствуют резким скачкам сахара в
крови. Например, с высоким содержанием клетчатки: овощи, ягоды,
бобовые (нут, чечевица, фасоль), коричневый рис, хлеб
из&nbsp;цельнозерновой пшеницы.
бобовые (нут, чечевица, фасоль), коричневый рис, хлеб из
цельнозерновой пшеницы.
</p>
<h4 class="title title-light text-decor">Читайте</h4>
<p class="text__block">
Настоящие бумажные книги. Это правда помогает с концентрацией: чтобы
прочитать пост в&nbsp;соцсети, достаточно нескольких минут или даже
секунд. А&nbsp;вот интересная книга способна затянуть
и&nbsp;на&nbsp;несколько часов и круто тренирует направленное
внимание.
секунд. А&nbsp;вот интересная книга способна затянуть и&nbsp;на
несколько часов и круто тренирует направленное внимание.
</p>
</section>
<section class="container container--img">
Expand Down
24 changes: 20 additions & 4 deletions styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -453,6 +453,10 @@
}

@media (max-width: 375px) {
.header {
grid-template-rows: 2fr 1fr 2fr;
}

.decor__element {
top: 10px;
right: 19px;
Expand All @@ -471,20 +475,26 @@
font-size: var(--mainfont-size-mob, 116px);
}

.header__title {
padding-inline-start: 10px;
}

.header__theme-menu {
justify-self: flex-end;
align-self: center;
margin-inline-end: 17px;
margin-inline-end: 10px;
padding-block-start: 5px;
}
.header__theme-menu-list {
flex-direction: column;
gap: 10px;
}

.header__text {
justify-self: center;
max-width: 357px;
align-self: center;
max-width: 355px;
margin-inline-end: 0;
margin-block-start: -10px;
}

.container {
Expand All @@ -494,6 +504,10 @@
margin-block-end: 50px;
}

.container:first-of-type {
margin-block-start: 40px;
}

.container--what {
grid-template-columns: 1fr;
}
Expand Down Expand Up @@ -547,6 +561,7 @@
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 2;
margin-block-end: 20px;
}

.container--why-block {
Expand All @@ -562,11 +577,12 @@
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 2;
margin-block-end: 19px;
}

.container--img {
grid-template-columns: 1fr;
row-gap: 5px;
row-gap: 6px;
column-gap: 0;
}

Expand Down

0 comments on commit 4cca5d1

Please sign in to comment.