diff --git a/static/css/background_for_table_1.svg b/static/css/background_for_table_1.svg new file mode 100644 index 0000000..142dd75 --- /dev/null +++ b/static/css/background_for_table_1.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/css/background_for_table_2.svg b/static/css/background_for_table_2.svg new file mode 100644 index 0000000..a7030d9 --- /dev/null +++ b/static/css/background_for_table_2.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/css/firegame_css.css b/static/css/firegame_css.css index 62d936a..5f65172 100644 --- a/static/css/firegame_css.css +++ b/static/css/firegame_css.css @@ -88,26 +88,98 @@ h1{ width: 100%; } +.level-border-1{ + border: 4px solid #C7A4FF; +} + +.level-border-2{ + border: 4px solid #6BFFFF; +} + .level-cont{ border-radius: 20px; - border: 4px solid #C7A4FF; - opacity: 0.699999988079071; + background: rgba(255, 255, 255, 0.15); + width: 390px; + height: 220px; + margin-left: 45px; +} + +.level-cont:first-of-type{ + margin-left: 0; + border-radius: 20px; background: rgba(255, 255, 255, 0.15); width: 390px; height: 220px; } -.level-grad-1{ - /*background: radial-gradient(88.47% 79.48% at 5.97% 105.30%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);*/ - background: radial-gradient(45.47% 85.48% at 7.97% 105.3%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%); - height: 100%; - width: 100%; - border-radius: 20px; +.level-background-1{ + background-image: url("background_for_table_1.svg") ; } -.level-grad-2{ +.level-background-2{ + background-image: url("background_for_table_2.svg") ; +} + + +.container-background-level{ + height: 100%; width: 100%; - border-radius: 20px; - background: radial-gradient(246.21% 71.62% at 94.36% 72.44%, #B41B92 0%, #000 100%); } + +.container-content-level{ + width: calc(100% - 36px); + height: calc(100% - 43px); + padding: 33px 18px 10px 18px; +} + +.container-content-level h2{ + color: #FFFFFF; + margin: 0; + height: 72%; +} + +.bottom-part_w{ + width: 100%; +} + +.description-level-card{ + color: rgba(255, 255, 255, 0.68); + font-family: 'Inter'; + font-size: 16px; + width: fit-content; + float: left; +} + +.description-level-card span:first-of-type{ + color: rgba(255, 255, 255, 0.68); + font-family: 'Inter'; + font-size: 18px; + width: fit-content; + float: left; +} + +.button-level-card{ + width: fit-content; + float: right; +} + +.button-level-card button{ + width: 130px; + height: 30px; + border-radius: 20px; + background: #FFF; + font-family: 'Montserrat'; + font-size: 18px; + font-weight: 500; + border: none; +} + +.color-button-level-card-1{ + color: #8D2C78; +} + +.color-button-level-card-2{ + color: #7FB47B; +} + diff --git a/static/images/p_table/background_for_table.svg b/static/images/p_table/background_for_table.svg new file mode 100644 index 0000000..142dd75 --- /dev/null +++ b/static/images/p_table/background_for_table.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/pages/choose_table.html b/templates/pages/choose_table.html index 8a61341..e244451 100644 --- a/templates/pages/choose_table.html +++ b/templates/pages/choose_table.html @@ -4,5 +4,6 @@

Выберите уровень

{% include "widgets/w_level.html" %} + {% include "widgets/w_level_2.html" %}
{% endblock %} \ No newline at end of file diff --git a/templates/widgets/w_level.html b/templates/widgets/w_level.html index 5809968..dfa467d 100644 --- a/templates/widgets/w_level.html +++ b/templates/widgets/w_level.html @@ -1,13 +1,20 @@ {% load static %} -
-
-
+
+
+
+

+ УРОВЕНЬ 1
Лёгкий +

+
+
+
Можно выиграть: +150%
+
Цена входа: 1$
+
+
+ +
+
-
-

- УРОВЕНЬ 1
Лёгкий -

-
\ No newline at end of file diff --git a/templates/widgets/w_level_2.html b/templates/widgets/w_level_2.html new file mode 100644 index 0000000..d31c192 --- /dev/null +++ b/templates/widgets/w_level_2.html @@ -0,0 +1,21 @@ +{% load static %} + +
+ +
+
+

+ УРОВЕНЬ 2
Средний +

+
+
+
Можно выиграть: +150%
+
Цена входа: 1$
+
+
+ +
+
+
+
+
\ No newline at end of file