Skip to content

Commit

Permalink
Night mode done
Browse files Browse the repository at this point in the history
  • Loading branch information
Nickolay.Vinokurov committed Nov 5, 2023
1 parent 354526b commit e309d3e
Show file tree
Hide file tree
Showing 3 changed files with 240 additions and 57 deletions.
102 changes: 54 additions & 48 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,12 +45,14 @@
</ul>
</nav>
<div class="rec"></div>
<h1 class="title">
<h1 class="general-title header__title">
no focus
</h1>
<div class="header__content title-decore">
<p class="header__content__text">Что делать, когда не можешь делать ничего</p>
<p class="header__content__text">Или почему нам так сложно сконцентрироваться, особенно когда очень надо</p>
<div class="header__content">
<div class="text-decorator title-decore">
<p class="header__content__text">Что делать, когда не можешь делать ничего</p>
<p class="header__content__text">Или почему нам так сложно сконцентрироваться, особенно когда очень надо</p>
</div>
</div>
</header>
<main class="main">
Expand Down Expand Up @@ -85,44 +87,48 @@ <h3 class="article-title title-decore">
</p>
</article>
</section>
<section class="section section__three-columns">
<h2 class="section-title">
Что снижает концентрацию внимания?
</h2>
<article class="article">
<h3 class="article-title title-decore">
Многозадачность
</h3>
<p class="article-text">
Как концентрация может снижаться из-за… концентрации? Любая стрессовая ситуация
(и резко меняющийся мир в целом) заставляет наш мозг постоянно «сканировать»
окружающую среду на предмет опасности. Например, читать новости вместо работы.
Но быть собранными всё время — невозможно. Концентрация — мышца, и она может не
выдержать, если не давать ей отдохнуть.</p>
</article>
<article class="article">
<h3 class="article-title title-decore">
Еда
</h3>
<p class="article-text">
«Быстрые углеводы» — сахар, белый хлеб, сладости — молниеносно доставляют в мозг
энергию и помогают ему лучше работать. Но уходит эта энергия также быстро, как и
приходит. А мы в результате попадаем на «углеводные качели»: как только действие
«быстрых углеводов» заканчивается, мы чувствуем усталость и сонливость. И хотим
ещё больше быстрых углеводов.</p>
</article>
<article class="article">
<h3 class="article-title title-decore">
Гаджеты
</h3>
<p class="article-text">
Да-да, это та самая ситуация, когда на экране ноутбука — код, в наушниках —
подкаст, а на компьютере фоном — ещё и видео с забавными утятами. В результате
мозг пытается переключиться с одной задачи на другую — и просто не может. А чтобы
вернуться к состоянию полной концентрации, человеку в среднем нужно 20 минут. Вот
и получается, что чем больше времени мы проводим в гаджетах, тем больше времени
затем нужно, чтобы вернуться к работе.
</article>
<section class="section">
<div class="section__three-columns__title">
<h2 class="section-title">
Что снижает концентрацию внимания?
</h2>
</div>
<div class="section__three-columns">
<article class="article">
<h3 class="article-title title-decore">
Многозадачность
</h3>
<p class="article-text">
Как концентрация может снижаться из-за… концентрации? Любая стрессовая ситуация
(и резко меняющийся мир в целом) заставляет наш мозг постоянно «сканировать»
окружающую среду на предмет опасности. Например, читать новости вместо работы.
Но быть собранными всё время — невозможно. Концентрация — мышца, и она может не
выдержать, если не давать ей отдохнуть.</p>
</article>
<article class="article">
<h3 class="article-title title-decore">
Еда
</h3>
<p class="article-text">
«Быстрые углеводы» — сахар, белый хлеб, сладости — молниеносно доставляют в мозг
энергию и помогают ему лучше работать. Но уходит эта энергия также быстро, как и
приходит. А мы в результате попадаем на «углеводные качели»: как только действие
«быстрых углеводов» заканчивается, мы чувствуем усталость и сонливость. И хотим
ещё больше быстрых углеводов.</p>
</article>
<article class="article">
<h3 class="article-title title-decore">
Гаджеты
</h3>
<p class="article-text">
Да-да, это та самая ситуация, когда на экране ноутбука — код, в наушниках —
подкаст, а на компьютере фоном — ещё и видео с забавными утятами. В результате
мозг пытается переключиться с одной задачи на другую — и просто не может. А чтобы
вернуться к состоянию полной концентрации, человеку в среднем нужно 20 минут. Вот
и получается, что чем больше времени мы проводим в гаджетах, тем больше времени
затем нужно, чтобы вернуться к работе.
</article>
</div>
</section>
<section class="section section__two-columns">
<h2 class="section-title">
Expand Down Expand Up @@ -193,37 +199,37 @@ <h3 class="article-title title-decore">
<img
src="./images/sunset.png"
alt="Закат"
class="gallery__image"
class="gallery__image sunset"
loading="lazy"
/>
<img
src="./images/ice-cream.png"
alt="Мороженное"
class="gallery__image"
class="gallery__image ice-cream"
loading="lazy"
/>
<img
src="./images/tape.png"
alt="Касета"
class="gallery__image"
class="gallery__image tape"
loading="lazy"
/>
<img
src="./images/books.png"
alt="Книги"
class="gallery__image"
class="gallery__image books"
loading="lazy"
/>
<img
src="./images/street.png"
alt="Улица"
class="gallery__image"
class="gallery__image street"
loading="lazy"
/>
</section>
</main>
<footer class="footer corner">
<h2 class="title">
<h2 class="general-title footer__title">
focus
</h2>
</footer>
Expand Down
Loading

0 comments on commit e309d3e

Please sign in to comment.