0.0.3

2023-07-13 16:44:05 +03:00
parent f55912467b
commit 43669da23b
11 changed files with 174 additions and 17 deletions
--- a/static/css/background_for_table_1.svg
+++ b/static/css/background_for_table_1.svg
@@ -18,7 +18,7 @@ viewBox="0 0 15844.29 8960.78"
  </radialGradient>
  <radialGradient id="id1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.193265 -1.20954 2.20442 0.352231 -19974 7245)" cx="950.66" cy="9408.82" r="5862.39" fx="950.66" fy="9408.82">
   <stop offset="0" style="stop-opacity:1; stop-color:#5E1BB4"/>
-   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+   <stop offset="1" style="stop-opacity:0; s top-color:#5E1BB4"/>
   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
  </radialGradient>
 </defs>
--- a/static/css/background_for_table_3.svg
+++ b/static/css/background_for_table_3.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="102.923mm" height="58.2084mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 18478.78 10450.73"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:url(#id0);fill-rule:nonzero}
+    .fil0 {fill:url(#id1);fill-rule:nonzero}
+   ]]>
+  </style>
+  <radialGradient id="id0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.0594644 -1.4085 2.54898 0.107614 -26928 11354)" cx="1108.73" cy="10973.26" r="9239.39" fx="1108.73" fy="10973.26">
+   <stop offset="0" style="stop-opacity:1; stop-color:#FFDF6B"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+  </radialGradient>
+  <radialGradient id="id1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.842837 -0.653441 1.5085 -1.94573 15753 37596)" cx="16076.53" cy="9196.64" r="9239.39" fx="16076.53" fy="9196.64">
+   <stop offset="0" style="stop-opacity:1; stop-color:#FD6565"/>
+   <stop offset="1" style="stop-opacity:1; stop-color:black"/>
+  </radialGradient>
+ </defs>
+ <g id="Слой_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M950.07 0l16578.64 0c524.62,0 950.07,425.46 950.07,950.07l0 8550.58c0,524.6 -425.46,950.05 -950.07,950.05l-16578.64 0.02c-524.6,-0.02 -950.05,-425.47 -950.05,-950.09l-0.02 -8550.57c0.02,-524.62 425.47,-950.07 950.09,-950.07z"/>
+  <path class="fil1" d="M950.07 0l16578.64 0c524.62,0 950.07,425.46 950.07,950.07l0 8550.58c0,524.6 -425.46,950.05 -950.07,950.05l-16578.64 0.02c-524.6,-0.02 -950.05,-425.47 -950.05,-950.09l-0.02 -8550.57c0.02,-524.62 425.47,-950.07 950.09,-950.07z"/>
+ </g>
+</svg>
--- a/static/css/background_for_workout.svg
+++ b/static/css/background_for_workout.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="102.923mm" height="58.2084mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 81728.39 46221.73"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:url(#id0);fill-rule:nonzero}
+    .fil0 {fill:url(#id1);fill-rule:nonzero}
+   ]]>
+  </style>
+  <radialGradient id="id0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.0594644 -1.4085 2.54898 0.107614 -119097 50217)" cx="4903.72" cy="48532.8" r="40864.2" fx="4903.72" fy="48532.8">
+   <stop offset="0" style="stop-opacity:1; stop-color:#12AAFF"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+  </radialGradient>
+  <radialGradient id="id1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.842837 -0.653441 1.5085 -1.94573 69674 166280)" cx="71103.69" cy="40675.13" r="40864.2" fx="71103.69" fy="40675.13">
+   <stop offset="0" style="stop-opacity:1; stop-color:#F704E0"/>
+   <stop offset="1" style="stop-opacity:1; stop-color:black"/>
+  </radialGradient>
+ </defs>
+ <g id="Слой_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M4202 0l73324.4 0c2320.28,0 4202,1881.72 4202,4202l0 37817.73c0,2320.2 -1881.72,4201.92 -4202,4201.92l-73324.4 0.08c-2320.2,-0.08 -4201.92,-1881.79 -4201.92,-4202.08l-0.08 -37817.66c0.08,-2320.28 1881.79,-4202 4202.08,-4202z"/>
+  <path class="fil1" d="M4202 0l73324.4 0c2320.28,0 4202,1881.72 4202,4202l0 37817.73c0,2320.2 -1881.72,4201.92 -4202,4201.92l-73324.4 0.08c-2320.2,-0.08 -4201.92,-1881.79 -4201.92,-4202.08l-0.08 -37817.66c0.08,-2320.28 1881.79,-4202 4202.08,-4202z"/>
+ </g>
+</svg>
--- a/static/css/firegame_css.css
+++ b/static/css/firegame_css.css
@@ -19,7 +19,7 @@ h1{
 }

 .cut-width{
-    max-width: 1280px;
+    max-width: 1300px;
    width: 100%;
    margin: auto;
    height: 100%;
@@ -96,6 +96,16 @@ h1{
    border: 4px solid #6BFFFF;
 }

+.level-border-3{
+    border: 4px solid #FFB26B;
+}
+
+.level-border-4{
+    border: 4px solid ;
+    border-image-source: linear-gradient(79.19deg, #316AA6 1.88%, #B224B5 93.73%);
+
+}
+
 .level-cont{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.15);
@@ -114,15 +124,32 @@ h1{

 .level-background-1{
    background-image: url("background_for_table_1.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(159, 47, 135, 0.4);
+
 }

 .level-background-2{
    background-image: url("background_for_table_2.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(117, 163, 112, 0.4);
+
+}
+
+.level-background-3{
+    background-image: url("background_for_table_3.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(152, 77, 77, 0.4);
+
+}
+
+.level-background-4{
+    background-image: url("background_for_workout.svg") ;
+    box-shadow: 12px 12px 20px 0px rgba(178, 39, 186, 0.4);
+
 }


-.container-background-level{

+.container-background-level{
+    border-radius: 20px;
    height: 100%;
    width: 100%;
 }
@@ -131,12 +158,14 @@ h1{
    width: calc(100% - 36px);
    height: calc(100% - 43px);
    padding: 33px 18px 10px 18px;
+    text-align: start;
+    border-radius: 20px;
 }

 .container-content-level h2{
    color: #FFFFFF;
    margin: 0;
-    height: 72%;
+    height: 80%;
 }

 .bottom-part_w{
@@ -183,3 +212,21 @@ h1{
    color: #7FB47B;
 }

+.color-button-level-card-3{
+    color: #C16374;
+}
+
+.color-button-level-card-3{
+    color: rgba(171, 43, 186, 1);
+}
+
+
+/*footer*/
+
+.footer{
+    width: 100%;
+    padding-top: 24px;
+    min-height: 150px;
+    max-width: 1300px;
+    margin: auto;
+}
--- a/templates/blocks/b_footer.html
+++ b/templates/blocks/b_footer.html
@@ -0,0 +1,4 @@
+{% load static %}
+<div class="footer">
+    <img style="mix-blend-mode: Luminosity;" src="{% static "images/logos/logo_header.svg" %}">
+</div>
--- a/templates/blocks/b_header.html
+++ b/templates/blocks/b_header.html
@@ -3,7 +3,7 @@
 <div class="header">
    <div class="cut-width">
        <div class="header-part-left">
-            <a href="#" class="Header-Logo-cont">
+            <a href="#" class=  "Header-Logo-cont">
                <img src="{% static "images/logos/logo_header.svg" %}" height="52">
            </a>
            <div class="header-text">
--- a/templates/pages/choose_table.html
+++ b/templates/pages/choose_table.html
@@ -5,5 +5,9 @@
    <div class="block-levels">
        {% include "widgets/w_level.html" %}
        {% include "widgets/w_level_2.html" %}
+        {% include "widgets/w_level_3.html" %}
+    </div>
+    <div style="margin-top: 150px;width: 100%;text-align: -webkit-center;">
+        {% include "widgets/w_workout.html" %}
    </div>
 {% endblock %}
--- a/templates/tb_base.html
+++ b/templates/tb_base.html
@@ -6,14 +6,14 @@
    <title>FairPlay</title>
    <link rel="stylesheet" href="{% static "css/firegame_css.css"%}">
 </head>
-<body>
-    {% include "blocks/header.html" %}
-    <div class="cut-width">
-        {% block CONTENT %}
-        {% endblock %}
-    </div>
-    <div>
-
-    </div>
-</body>
+    <body>
+        {% include "blocks/b_header.html" %}
+        <div class="cut-width">
+            {% block CONTENT %}
+            {% endblock %}
+        </div>
+        <div style="border-top: 1px solid rgba(196, 196, 196, 1);margin-top: 260px;">
+            {% include "blocks/b_footer.html" %}
+        </div>
+    </body>
 </html>
--- a/templates/widgets/w_level_2.html
+++ b/templates/widgets/w_level_2.html
@@ -9,8 +9,8 @@
            </h2>
            <div class="bottom-part_w">
                <div class="description-level-card">
-                    <div>Можно выиграть: +150%</div>
-                    <div>Цена входа: 1$</div>
+                    <div>Можно выиграть: +250%</div>
+                    <div>Цена входа: 2$</div>
                </div>
                <div class="button-level-card">
                    <button class="color-button-level-card-2">Начать</button>
--- a/templates/widgets/w_level_3.html
+++ b/templates/widgets/w_level_3.html
@@ -0,0 +1,21 @@
+{% load static %}
+
+<div class="level-cont level-border-3">
+
+    <div class="container-background-level level-background-3">
+        <div class="container-content-level">
+            <h2>
+                УРОВЕНЬ 3 <br/> Тяжёлый
+            </h2>
+            <div class="bottom-part_w">
+                <div class="description-level-card">
+                    <div>Можно выиграть: +320%</div>
+                    <div>Цена входа: 4$</div>
+                </div>
+                <div class="button-level-card">
+                    <button class="color-button-level-card-3">Начать</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
--- a/templates/widgets/w_workout.html
+++ b/templates/widgets/w_workout.html
@@ -0,0 +1,21 @@
+{% load static %}
+
+<div class="level-cont level-border-4">
+
+    <div class="container-background-level level-background-3">
+        <div class="container-content-level">
+            <h2>
+                УРОВЕНЬ 3 <br/> Тяжёлый
+            </h2>
+            <div class="bottom-part_w">
+                <div class="description-level-card">
+                    <div>Можно выиграть: +320%</div>
+                    <div>Цена входа: 4$</div>
+                </div>
+                <div class="button-level-card">
+                    <button class="color-button-level-card-3">Начать</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>