Skip to content

Commit 1159cfe

Browse files
stCarolasstCarolas
committed
freeze some state
1 parent b29643f commit 1159cfe

File tree

4 files changed

+98
-45
lines changed

4 files changed

+98
-45
lines changed

‎layouts/_default/baseof.html

+34-36
Original file line numberDiff line numberDiff line change
@@ -24,53 +24,51 @@
2424
<body>
2525
{{ partial "header.html" . }}
2626
<main>
27-
<div class="slide main">
28-
<h1>Донатная платформа</h1>
29-
<br />
30-
<h1>под любые нужды</h1>
31-
</div>
32-
<div class="background cards">
33-
<div class="cards-container">
34-
<div id="payment" class="card">
35-
<div class="card-header">Прием донатов на расчетный счет без всяких посредников</div>
36-
<div class="card-description">
37-
Подключаем любой платежный сервис, что позволяет принимать донаты с минимальной комиссией.
38-
</div>
39-
</div>
40-
<div id="choice" class="card">
41-
<div class="card-header">Большой выбор виджетов</div>
42-
<div class="card-description">Попробуйте найти у кого больше! Держим планку, регулярно добавляем новые виджеты.</div>
43-
</div>
44-
<div id="api" class="card">
45-
<div class="card-header">Открытый исходный код и API с доступом через OpenId Connect</div>
46-
<div class="card-description">Чего-то не хватает - легко сделать самому.</div>
27+
<div class="background-holder">
28+
<div class="slide-holder">
29+
<div class="slide main">
30+
<h1>Донатная платформа под любые нужды</h1>
4731
</div>
4832
</div>
4933
</div>
50-
<div class="background cards">
51-
<div class="cards-container">
52-
<div id="settings" class="card">
53-
<div class="card-header">Широкие возможности по настройке виджетов</div>
54-
<div class="card-description">
55-
И постоянно появляются новые опции.
34+
<div>
35+
<div class="background cards">
36+
<div class="cards-container">
37+
<div id="payment" class="card">
38+
<div class="card-header">Прием донатов на расчетный счет без всяких посредников</div>
39+
<div class="card-description">
40+
Подключаем любой платежный сервис, что позволяет принимать донаты с минимальной комиссией.
41+
</div>
5642
</div>
57-
</div>
58-
<div id="love" class="card">
59-
<div class="card-header">Сделано с любовью</div>
60-
<div class="card-description">
61-
Сплоченное коммьюнити помогает, предлагает и воплощает свои идеи.
43+
<div id="choice" class="card">
44+
<div class="card-header">Большой выбор виджетов</div>
45+
<div class="card-description">Попробуйте найти у кого больше! Держим планку, регулярно добавляем новые виджеты.</div>
46+
</div>
47+
<div id="api" class="card">
48+
<div class="card-header">Открытый исходный код и API с доступом через OpenId Connect</div>
49+
<div class="card-description">Чего-то не хватает - легко сделать самому.</div>
6250
</div>
6351
</div>
64-
<div id="platforms" class="card">
65-
<div class="card-header">Работает в OBS и StreamLabs</div>
66-
<div class="card-description">
67-
Отображайте алерты на любой платформе, будь то Twitch или YouTube.
52+
</div>
53+
<div class="background cards">
54+
<div class="cards-container">
55+
<div id="settings" class="card">
56+
<div class="card-header">Широкие возможности по настройке виджетов</div>
57+
<div class="card-description">И постоянно появляются новые опции.</div>
58+
</div>
59+
<div id="love" class="card">
60+
<div class="card-header">Сделано с любовью</div>
61+
<div class="card-description">Сплоченное коммьюнити помогает, предлагает и воплощает свои идеи.</div>
62+
</div>
63+
<div id="platforms" class="card">
64+
<div class="card-header">Работает в OBS и StreamLabs</div>
65+
<div class="card-description">Отображайте алерты на любой платформе, будь то Twitch или YouTube.</div>
6866
</div>
6967
</div>
7068
</div>
7169
</div>
7270
<div class="slide final">
73-
<h1 id="how-to-start-title">Как начать пользоваться</h1>
71+
<h2 id="how-to-start-title">Как начать пользоваться</h2>
7472
<div id="how-to-start">
7573
<div class="how-to-start-step">
7674
<span class="step-number">1</span>

‎layouts/partials/nav.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<div>
2-
<a class="oda-button-default">Новости</a>
3-
<a class="oda-button-default">Войти</a>
2+
<!-- <a class="oda-button-default">Новости</a> -->
3+
<a href="https://widgets.oda.digital/" class="oda-button-default">Войти</a>
44
</div>

‎static/css/root.css

+59-7
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
body {
22
background: #0c122e;
3+
/* background: #B4C5E4; */
34
margin: 0;
45
}
56

67
h1 {
7-
font-size: 80px;
8+
font-size: 100px;
9+
line-height: 100px;
10+
text-wrap: balance;
811
font-weight: 600;
912
font-family: 'Nunito', sans-serif;
1013
color: #FBFFF1;
@@ -19,6 +22,16 @@ h2 {
1922
text-shadow: 0 0 15px #684aff;
2023
}
2124

25+
/* .background-holder::after { */
26+
/* position: absolute; */
27+
/* content: ""; */
28+
/* left: 0; */
29+
/* right: 0; */
30+
/* background-position: bottom; */
31+
/* background-repeat: no-repeat; */
32+
/* background: url("/images/ellipse.svg"); */
33+
/* } */
34+
2235
header {
2336
width: 100vw;
2437
height: 65px;
@@ -33,6 +46,8 @@ header .oda-button-default {
3346
}
3447

3548
.header-container {
49+
padding-left: 20px;
50+
padding-right: 20px;
3651
margin: 0 auto;
3752
max-width: 1200px;
3853
display: flex;
@@ -77,13 +92,13 @@ a#telegram-button {
7792
}
7893

7994
.slide {
80-
height: 75vh;
95+
height: 70vh;
8196
display: flex;
8297
line-height: 0;
8398
}
8499

85100
.slide.main {
86-
background: #0c122e;
101+
/* background: #0c122e; */
87102
justify-content: center;
88103
flex-direction: column;
89104
align-items: center;
@@ -101,7 +116,7 @@ a#telegram-button {
101116
}
102117

103118
.slide.final {
104-
background: #0c122e;
119+
/* background: #0c122e; */
105120
flex-direction: column;
106121
padding-top: 50px;
107122
}
@@ -117,7 +132,7 @@ a#telegram-button {
117132
}
118133

119134
.background {
120-
background: #0c122e;
135+
/* background: #0c122e; */
121136
}
122137

123138
.cards{
@@ -147,7 +162,7 @@ a#telegram-button {
147162
padding-left: 40px;
148163
padding-right: 40px;
149164
padding-top: 40px;
150-
background: rgba(0, 0, 0, 0.5);
165+
background: rgba(0, 0, 0, 0.65);
151166
border-top-left-radius: 50px;
152167
border-top-right-radius: 50px;
153168
color: #FBFFF1;
@@ -170,7 +185,7 @@ a#telegram-button {
170185
padding-top: 10px;
171186
padding-left: 40px;
172187
padding-right: 40px;
173-
background: rgba(0, 0, 0, 0.5);
188+
background: rgba(0, 0, 0, 0.65);
174189
}
175190
}
176191

@@ -192,6 +207,7 @@ a#telegram-button {
192207
#how-to-start-title {
193208
text-align: center;
194209
margin-bottom: 100px;
210+
margin-top: 200px;
195211
}
196212

197213
#settings {
@@ -243,3 +259,39 @@ a#telegram-button {
243259
align-items: center;
244260
justify-content: center;
245261
}
262+
263+
@media (max-width: 1000px) {
264+
.slide {
265+
/* height: 30vh; */
266+
}
267+
.slide.final{
268+
height: unset;
269+
padding-top: 0px;
270+
& #how-to-start {
271+
/* flex-direction: column; */
272+
}
273+
}
274+
#telegram-button-container {
275+
margin-top: 40px;
276+
padding-bottom: 70px;
277+
}
278+
.card {
279+
margin-bottom: 50px;
280+
width: 90%;
281+
& .card-header {
282+
width: 100%;
283+
padding-left: 0px;
284+
padding-right: 0px;
285+
text-align: center;
286+
}
287+
& .card-description {
288+
width: 100%;
289+
padding-left: 0px;
290+
padding-right: 0px;
291+
text-align: center;
292+
}
293+
}
294+
.cards-container {
295+
flex-direction: column!important;
296+
}
297+
}

‎static/images/ellipse.svg

+3
Loading

0 commit comments

Comments
 (0)