Skip to content

Commit 99fa8b5

Browse files
InventorisInventoris
committed
Рефакторит
1 parent 7c2c6d1 commit 99fa8b5

File tree

11 files changed

+280
-258
lines changed

11 files changed

+280
-258
lines changed

‎.eslintrc.json‎

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,13 @@
11
{
2-
"env": {
3-
"browser": true,
4-
"es2021": true
5-
},
6-
"extends": "eslint:recommended",
7-
"overrides": [
8-
],
9-
"parserOptions": {
10-
"ecmaVersion": "latest",
11-
"sourceType": "module"
12-
},
13-
"rules": {
14-
}
2+
"env": {
3+
"browser": true,
4+
"es2021": true
5+
},
6+
"extends": "eslint:recommended",
7+
"overrides": [],
8+
"parserOptions": {
9+
"ecmaVersion": "latest",
10+
"sourceType": "module"
11+
},
12+
"rules": {}
1513
}

‎src/favicon.ico‎

13.6 KB
Binary file not shown.

‎src/favicon.svg‎

Lines changed: 104 additions & 96 deletions
Loading

‎src/images/intro-abstraction-large.svg‎

Lines changed: 100 additions & 100 deletions
Loading

‎src/index.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
<html lang="ru">
33

44
<head>
5-
<title>Прогноз северного сияния — по часам и суткам</title>
5+
<title>Севернее. Прогноз северного сияния — по часам и суткам</title>
66
<meta charset="utf-8">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
<meta name="title" content="Прогноз северного сияния — по часам и суткам">
8+
<meta name="title" content="Севернее. Прогноз северного сияния — по часам и суткам">
99
<meta name="description"
1010
content="Узнайте актуальный прогноз северного сияния в Мурманске, Териберке и других городах севера России">
1111
<link rel="canonical" href="https://inventoris.github.io/severnee/">
@@ -28,11 +28,11 @@
2828
</button>
2929
<nav class="header__menu header__menu_closed">
3030
<ul class="header__menu-list menu-list">
31-
<li class="menu-list__item"><a class="menu-list__link select-none" href="#first-day-chart">На сегодня</a></li>
32-
<li class="menu-list__item"><a class="menu-list__link select-none" href="#second-day-chart">На завтра</a></li>
33-
<li class="menu-list__item"><a class="menu-list__link select-none" href="#third-day-chart">На послезавтра</a></li>
34-
<li class="menu-list__item"><a class="menu-list__link select-none" href="#month-chart-title">На 27 дней</a></li>
35-
<li class="menu-list__item"><a class="menu-list__link select-none" href="#test-section">Квиз</a></li>
31+
<li class="menu-list__item"><a class="menu-list__link" href="#first-day-chart">На сегодня</a></li>
32+
<li class="menu-list__item"><a class="menu-list__link" href="#second-day-chart">На завтра</a></li>
33+
<li class="menu-list__item"><a class="menu-list__link" href="#third-day-chart">На послезавтра</a></li>
34+
<li class="menu-list__item"><a class="menu-list__link" href="#month-chart-title">На 27 дней</a></li>
35+
<li class="menu-list__item"><a class="menu-list__link" href="#test-section">Квиз</a></li>
3636
</ul>
3737
</nav>
3838
</header>
@@ -66,7 +66,7 @@ <h1 class="intro__title">Севернее</h1>
6666
баллов и при ясном небе можно смело отправляться на
6767
поиски.
6868
</p>
69-
<a class="intro__more-link button" href="https://journal.tinkoff.ru/aurora-borealis/" target="_blank">
69+
<a class="intro__more-link button select-none" href="https://journal.tinkoff.ru/aurora-borealis/" target="_blank">
7070
Подробнее &#10547;
7171
</a>
7272
</section>
@@ -108,7 +108,7 @@ <h2 class="test__title">Квиз перед путешествием</h2>
108108
<p class="test__paragraph">
109109
Этот небольшой тест поможет собраться в путешествие за северным сиянием и ничего не забыть, в конце будут советы.
110110
</p>
111-
<button class="test__button button">Развернуть +</button>
111+
<button class="test__button button select-none">Развернуть +</button>
112112
<div class="test__inner">
113113
<div class="test__questions">
114114
<p class="test__question">У вас будет автомобиль? &#128663</p>

‎src/styles/blocks/footer.css‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,3 @@ footer {
1515
align-items: center;
1616
gap: 15px;
1717
}
18-
19-
@media (max-width: 1024px) {
20-
.footer-links li {
21-
font-size: var(--base-font-size);
22-
}
23-
}

‎src/styles/blocks/header.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,12 +52,13 @@
5252

5353
@media (max-width: 1024px) {
5454
.header {
55+
position: relative;
5556
padding-top: 20px;
5657
}
5758

5859
.header__menu {
59-
right: 80px;
60-
margin-left: 16px;
60+
right: 60px;
61+
left: 0;
6162
}
6263

6364
.menu-list {

‎src/styles/blocks/intro.css‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,9 +68,11 @@
6868
transition: transform .2s ease-in;
6969
}
7070

71-
.intro__arrow-down:hover {
72-
transform: translateY(4px);
73-
transition: transform .2s ease-in-out;
71+
@media (min-width: 640px) {
72+
.intro__arrow-down:hover {
73+
transform: translateY(4px);
74+
transition: transform .2s ease-in-out;
75+
}
7476
}
7577

7678
@media (max-width: 1024px) {
@@ -87,7 +89,7 @@
8789
}
8890

8991
.intro__image {
90-
max-width: 300px;
92+
max-width: 250px;
9193
}
9294

9395
.intro__content {

‎src/styles/blocks/test.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@
108108
}
109109

110110
.test__wrapper_closed {
111-
height: 200px;
111+
height: 170px;
112112
}
113113

114114
.test__wrapper_closed .test__subtitle {

‎src/styles/common/base.css‎

Lines changed: 24 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,28 @@ body {
2121
}
2222

2323
a {
24+
position: relative;
2425
color: var(--color-black);
25-
text-decoration-color: transparent;
26-
transition: text-decoration-color .125s linear;
26+
text-decoration: none;
2727
}
2828

29-
a:hover {
30-
text-decoration-color: currentColor;
29+
a:not(.select-none)::after {
30+
content: "";
31+
display: block;
32+
position: absolute;
33+
width: 5px;
34+
height: 5px;
35+
border-radius: var(--button-border-radius);
36+
background-color: transparent;
37+
left: calc(100% + 5px);
38+
top: calc(50% - 1px);
39+
transition: background-color .125s ease-out;
40+
}
41+
42+
@media (min-width: 640px) {
43+
a:not(.select-none):hover::after {
44+
background-color: var(--color-black);
45+
}
3146
}
3247

3348
h1 {
@@ -66,8 +81,10 @@ button {
6681
padding: 10px 25px;
6782
}
6883

69-
.button:hover {
70-
background-color: var(--color-light-black);
84+
@media (min-width: 640px) {
85+
.button:hover {
86+
background-color: var(--color-light-black);
87+
}
7188
}
7289

7390
svg {
@@ -84,7 +101,7 @@ svg {
84101
max-width: 100%;
85102
}
86103

87-
main {
104+
.main {
88105
margin: 20px 0 150px;
89106
}
90107

0 commit comments

Comments
 (0)