Merge remote-tracking branch 'origin/main'

FirePlayProj/settings.py

@@ -133,6 +133,10 @@ MEDIA_ROOT = 'media/'
 STATIC_URL = '/static/'
 STATIC_ROOT = '/'
 
+STATICFILES_DIRS = [
+    BASE_DIR / "static",
+]
+
 # Default primary key field type
 # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field
 

FirePlayProj/urls.py

@@ -19,8 +19,10 @@ from django.contrib import admin
 from django.urls import path, include
 from django.conf.urls.static import static
 from django.conf import settings
+from QuestionsApp.views import view_main
 
 urlpatterns = [
+    path('', view_main, name='table_view'),
     path('admin/', admin.site.urls),
     path('ckeditor/', include('ckeditor_uploader.urls')),
     path('', include('QuestionsApp.urls')),

QuestionsApp/views.py

@@ -1,9 +1,15 @@
 from django.shortcuts import render
 from django.http import HttpResponse
-
+from django.template import loader, RequestContext
 def test_code(request):
     from GPTgeneratorAPI.views import get_subcategories, get_questions
     # res = get_subcategories()
     res = get_questions()
 
-    return HttpResponse(str(res))
+    return HttpResponse(str(res))
+def view_main (request):
+
+    Dict = {}
+    t = loader.get_template("pages/choose_table.html")
+    res = HttpResponse(t.render(Dict,request))
+    return res

static/css/background_for_table_1.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 15844.29 8960.78"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:url(#id0);fill-rule:nonzero}
+    .fil1 {fill:url(#id1);fill-rule:nonzero}
+   ]]>
+  </style>
+  <radialGradient id="id0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1.06138 -0.543579 1.309 -2.55591 22256 31038)" cx="14893.63" cy="6451.76" r="7922.15" fx="14893.63" fy="6451.76">
+   <stop offset="0" style="stop-opacity:1; stop-color:#B41B92"/>
+   <stop offset="1" style="stop-opacity:1; stop-color:black"/>
+  </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; s top-color:#5E1BB4"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+  </radialGradient>
+ </defs>
+ <g id="Слой_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M814.62 0l14215.05 0c449.82,0 814.62,364.8 814.62,814.62l0 7331.54c0,449.81 -364.8,814.61 -814.62,814.61l-14215.05 0.02c-449.81,-0.02 -814.61,-364.81 -814.61,-814.64l-0.02 -7331.53c0.02,-449.82 364.81,-814.62 814.64,-814.62z"/>
+  <path class="fil1" d="M814.62 0l14215.05 0c449.82,0 814.62,364.8 814.62,814.62l0 7331.54c0,449.81 -364.8,814.61 -814.62,814.61l-14215.05 0.02c-449.81,-0.02 -814.61,-364.81 -814.61,-814.64l-0.02 -7331.53c0.02,-449.82 364.81,-814.62 814.64,-814.62z"/>
+ </g>
+</svg>

static/css/background_for_table_2.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 19207.88 10863.07"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:url(#id0);fill-rule:nonzero}
+    .fil1 {fill:url(#id1);fill-rule:nonzero}
+   ]]>
+  </style>
+  <radialGradient id="id0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.0594644 -1.4085 2.54898 0.107614 -27990 11802)" cx="1152.48" cy="11406.22" r="9603.94" fx="1152.48" fy="11406.22">
+   <stop offset="0" style="stop-opacity:1; stop-color:#6BFFFF"/>
+   <stop offset="1" style="stop-opacity:0; stop-color:#5E1BB4"/>
+   <stop offset="1" style="stop-opacity:1; stop-color:#5E1BB4"/>
+  </radialGradient>
+  <radialGradient id="id1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.842837 -0.653441 1.5085 -1.94573 16375 39079)" cx="16710.85" cy="9559.5" r="9603.94" fx="16710.85" fy="9559.5">
+   <stop offset="0" style="stop-opacity:1; stop-color:#96FD65"/>
+   <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="M987.56 0l17232.76 0c545.31,0 987.56,442.24 987.56,987.56l0 8887.96c0,545.3 -442.24,987.54 -987.56,987.54l-17232.76 0.02c-545.3,-0.02 -987.54,-442.26 -987.54,-987.58l-0.02 -8887.94c0.02,-545.31 442.26,-987.56 987.58,-987.56z"/>
+  <path class="fil1" d="M987.56 0l17232.76 0c545.31,0 987.56,442.24 987.56,987.56l0 8887.96c0,545.3 -442.24,987.54 -987.56,987.54l-17232.76 0.02c-545.3,-0.02 -987.54,-442.26 -987.54,-987.58l-0.02 -8887.94c0.02,-545.31 442.26,-987.56 987.58,-987.56z"/>
+ </g>
+</svg>

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>

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>

static/css/firegame_css.css

@@ -0,0 +1,232 @@
+body{
+    background: #170731;
+    margin: 0;
+    font-family: 'Montserrat', sans-serif,'Inter';
+}
+
+h1{
+    font-family: 'Inter';
+    font-size: 40px;
+    color: #FFFFFF;
+    margin: 40px 0 80px 0;
+}
+
+.header{
+    height: 80px;
+    width: 100%;
+    border-bottom: 1px solid #FFFFFF80;
+    vertical-align: baseline;
+}
+
+.cut-width{
+    max-width: 1300px;
+    width: 100%;
+    margin: auto;
+    height: 100%;
+}
+
+.header-text{
+    color: white;
+    font-size: 14px;
+    width: fit-content;
+    float: left;
+    padding-top: 35px;
+    padding-left: 45px;
+}
+
+.header-text a{
+    padding-left: 14px;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+.Header-Logo-cont{
+    float: left;
+    padding-top: 14px;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+.header-part-left{
+    width: 50%;
+    height: 100%;
+    float: left;
+}
+
+.header-part-right{
+    width: 50%;
+    height: 100%;
+    float: right;
+}
+
+.btn-exit-header{
+    padding-left: 8px;
+    text-decoration: none;
+    color: #FFFFFF;
+    float: right;
+    padding-top: 35px;
+}
+
+.user-icon{
+    float:right;
+}
+
+.btn-exit-a{
+    display: block;
+    height: fit-content;
+    width: fit-content;
+    float: right;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+/*levels*/
+
+.block-levels{
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.level-border-1{
+    border: 4px solid #C7A4FF;
+}
+
+.level-border-2{
+    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);
+    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-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{
+    border-radius: 20px;
+    height: 100%;
+    width: 100%;
+}
+
+.container-content-level{
+    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: 80%;
+}
+
+.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;
+}
+
+.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;
+}

static/images/icons/user_icon.svg

@@ -0,0 +1,7 @@
+<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="User_cicrle_duotone">
+<path id="Rectangle 1" d="M9.875 39.5C9.875 23.1386 23.1386 9.875 39.5 9.875V9.875C55.8614 9.875 69.125 23.1386 69.125 39.5V39.5C69.125 55.8614 55.8614 69.125 39.5 69.125V69.125C23.1386 69.125 9.875 55.8614 9.875 39.5V39.5Z" fill="white"/>
+<ellipse id="Ellipse 46" cx="39.4997" cy="32.9167" rx="13.1667" ry="13.1667" fill="#170731"/>
+<path id="Intersect" fill-rule="evenodd" clip-rule="evenodd" d="M61.8644 64.3504C61.8918 64.4451 61.86 64.547 61.7837 64.6094C60.2095 65.8965 58.4332 66.9481 56.5061 67.7133C52.9507 69.125 48.4673 69.125 39.5004 69.125C30.5334 69.125 26.05 69.125 22.4946 67.7133C20.5676 66.9482 18.7915 65.8966 17.2173 64.6097C17.141 64.5473 17.1093 64.4454 17.1367 64.3507C19.6277 55.7497 28.6956 49.375 39.5006 49.375C50.3054 49.375 59.3732 55.7496 61.8644 64.3504Z" fill="#170731"/>
+</g>
+</svg>

static/images/logos/logo_header.svg

@@ -0,0 +1,36 @@
+<svg width="172" height="52" viewBox="0 0 172 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#208;&#187;&#208;&#190;&#208;&#179;&#208;&#190;1&#208;&#156;&#208;&#190;&#208;&#189;&#209;&#130;&#208;&#176;&#208;&#182;&#208;&#189;&#208;&#176;&#209;&#143; &#208;&#190;&#208;&#177;&#208;&#187;&#208;&#176;&#209;&#129;&#209;&#130;&#209;&#140; 1 1" clip-path="url(#clip0_1_100)">
+<path id="Vector" d="M43.3832 0.279609C42.7067 0.120315 42.0035 0.102408 41.3195 0.227058C40.6354 0.351708 39.986 0.61611 39.4136 1.00298C38.8412 1.38986 38.3588 1.89049 37.9978 2.47217C37.6367 3.05385 37.4053 3.70348 37.3186 4.37861V18.7011H24.8419C24.1525 18.7011 23.4914 18.9689 23.0039 19.4456C22.5165 19.9223 22.2426 20.5689 22.2426 21.243V33.2989H14.9645C14.2752 33.2989 13.614 33.0311 13.1266 32.5544C12.6391 32.0777 12.3652 31.4312 12.3652 30.757V3.49766L12.6192 3.06771C13.1698 2.13498 13.9618 1.36043 14.9155 0.821927C15.8693 0.283425 16.9512 -5.01307e-05 18.0525 2.00309e-07H41.5087C41.9895 -0.000120137 42.4687 0.0539803 42.9368 0.161229C43.0876 0.194637 43.2361 0.234581 43.3832 0.279609Z" fill="#FD6565"/>
+<path id="Vector_2" d="M22.2428 33.2988V48.0484C22.0238 49.035 21.4943 49.9298 20.7287 50.6071C19.963 51.2844 18.9997 51.7103 17.974 51.8249L17.7579 51.8438C17.645 51.8518 17.5306 51.8554 17.4155 51.8554C16.8626 51.8558 16.3136 51.7655 15.7913 51.5881L15.7817 51.5845C15.3085 51.4045 14.8596 51.1687 14.4449 50.8822L14.4375 50.8771C13.6949 50.3658 13.0752 49.7023 12.6216 48.9329L0.891337 29.0676C0.340679 28.1349 0.0507812 27.0769 0.0507812 25.9999C0.0507812 24.9229 0.340679 23.8649 0.891337 22.9322L12.3654 3.49756V30.7569C12.3654 31.431 12.6393 32.0776 13.1268 32.5543C13.6142 33.031 14.2754 33.2988 14.9647 33.2988H22.2428Z" fill="#5E1BB4"/>
+<path id="Vector_3" d="M42.7769 0.175536C41.6756 0.297902 40.6483 0.778902 39.8603 1.54119C39.0724 2.30349 38.5694 3.30277 38.4323 4.37838V18.7009H37.3184V4.37838C37.4798 3.11644 38.1433 1.96756 39.1651 1.18082C40.1869 0.394084 41.4846 0.0328863 42.7769 0.175536V0.175536Z" fill="url(#paint0_linear_1_100)"/>
+<path id="Vector_4" d="M58.6701 29.0677L48.31 46.6156L47.196 48.5038V21.243C47.196 20.5689 46.9221 19.9224 46.4347 19.4457C45.9472 18.969 45.2861 18.7011 44.5967 18.7011H38.4326V4.37863C38.5697 3.30302 39.0726 2.30373 39.8606 1.54144C40.6486 0.779148 41.6759 0.298148 42.7772 0.175781C42.9812 0.197999 43.1836 0.232685 43.3832 0.279636C44.8848 0.740117 46.1549 1.73514 46.942 3.06774L58.6701 22.9323C59.2207 23.865 59.5106 24.923 59.5106 26C59.5106 27.077 59.2207 28.135 58.6701 29.0677Z" fill="#5E1BB4"/>
+<path id="Vector_5" d="M47.1959 21.2431V48.5024L46.9419 48.9323C46.3913 49.8651 45.5993 50.6396 44.6456 51.1781C43.6918 51.7166 42.6099 52.0001 41.5086 52.0001H18.0524C17.279 52.0002 16.5123 51.8603 15.791 51.5875C16.3133 51.7649 16.8623 51.8552 17.4152 51.8548C17.5303 51.8548 17.6447 51.8548 17.7576 51.8432C17.8318 51.8388 17.9024 51.8323 17.9737 51.8243C18.9994 51.7097 19.9627 51.2838 20.7284 50.6065C21.494 49.9292 22.0235 49.0344 22.2425 48.0478V33.2989H34.7192C35.4086 33.2989 36.0697 33.0311 36.5572 32.5544C37.0447 32.0777 37.3185 31.4312 37.3185 30.757V18.7012H44.5966C45.286 18.7012 45.9471 18.969 46.4346 19.4457C46.9221 19.9224 47.1959 20.5689 47.1959 21.2431V21.2431Z" fill="#003ECA"/>
+<path id="Vector_6" d="M48.31 21.2431V46.6156L47.196 48.5039V21.2431C47.196 20.5689 46.9221 19.9224 46.4347 19.4457C45.9472 18.969 45.2861 18.7012 44.5967 18.7012H45.7107C46.4 18.7012 47.0612 18.969 47.5487 19.4457C48.0361 19.9224 48.31 20.5689 48.31 21.2431V21.2431Z" fill="url(#paint1_linear_1_100)"/>
+<path id="Vector_7" d="M37.3182 18.7012V30.757C37.3182 31.4312 37.0443 32.0777 36.5569 32.5544C36.0694 33.0311 35.4083 33.2989 34.7189 33.2989H22.2422V21.2431C22.2422 20.5689 22.516 19.9224 23.0035 19.4457C23.491 18.969 24.1521 18.7012 24.8415 18.7012H37.3182Z" fill="white"/>
+<path id="Vector_8" d="M90.8594 26.2441L90.2652 27.8571H83.0436L84.5037 24.1692C84.1893 24.1518 83.869 24.1431 83.5427 24.1431H72.3486V51.605H79.2487V43.8377H83.542C90.3217 43.8377 94.4137 39.9537 94.4137 33.9904C94.4137 30.6089 93.1482 27.9436 90.8594 26.2441ZM82.8194 38.2666H79.1283V29.8711H82.8194C85.7484 29.8711 87.4728 31.4013 87.4728 34.0688C87.4728 36.6971 85.7484 38.2666 82.8194 38.2666Z" fill="#003ECA"/>
+<path id="Vector_9" d="M116.839 45.3672V51.605H98.0635V24.1431H103.577L104.947 27.8571H104.964V45.3672H116.839Z" fill="#003ECA"/>
+<path id="Vector_10" d="M136.736 24.1431H134.954V27.8571H128.054V27.4257L118.483 51.605H125.704L127.47 46.819H138.622L140.387 51.605H147.492L136.736 24.1431ZM128.954 41.9545L133.085 31.0113L137.137 41.9574L128.954 41.9545Z" fill="#003ECA"/>
+<path id="Vector_11" d="M172 24.1431L161.891 41.444V51.605H154.991V41.444L147.051 27.8571H151.484L149.149 24.1431H152.744L155.914 29.8318L158.481 34.7355L161.169 29.8318L164.379 24.1431H172Z" fill="#003ECA"/>
+<path id="Vector_12" d="M65.0703 0.39502H83.6449V6.04385H71.9302V12.4H82.522V17.892H71.9704V27.857H65.0703V0.39502Z" fill="#FD6565"/>
+<path id="Vector_13" d="M104.964 24.1431V27.8571H104.947L103.577 24.1431H104.964Z" fill="white"/>
+<path id="Vector_14" d="M90.8598 26.2439L90.2657 27.8569H83.0439L84.504 24.1689C87.0826 24.3113 89.2304 25.0325 90.8598 26.2439Z" fill="white"/>
+<path id="Vector_15" d="M112.048 27.857L101.299 0.39502H93.9177L84.5029 24.169C87.0822 24.3143 89.23 25.0326 90.8594 26.244L92.0298 23.0709H103.182L103.577 24.1429H104.964V27.857H112.048ZM93.5137 18.2057L97.6458 7.26251L101.698 18.2079L93.5137 18.2057Z" fill="#FD6565"/>
+<path id="Vector_16" d="M115.458 0.39502H122.358V27.857H115.458V0.39502Z" fill="#FD6565"/>
+<path id="Vector_17" d="M151.484 27.8571H147.05L144.88 24.1431H149.148L151.484 27.8571Z" fill="white"/>
+<path id="Vector_18" d="M134.956 24.1431V27.8571H128.056V27.4258L129.355 24.1431H134.956Z" fill="white"/>
+<path id="Vector_19" d="M145.265 17.9704C148.674 16.5179 150.6 13.6129 150.6 9.69111C150.6 4.11999 146.347 0.39502 139.848 0.39502H128.056V27.4256L129.355 24.1429H134.956V18.9908H138.687L143.982 27.857H147.051L144.881 24.1429H149.149L145.265 17.9704ZM139.167 13.8903H134.834V5.92619H139.167C142.095 5.92619 143.697 7.4172 143.697 9.92787C143.697 12.4385 142.096 13.8903 139.168 13.8903H139.167Z" fill="#FD6565"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1_100" x1="34.927" y1="9.38375" x2="38.5111" y2="9.41413" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B0771"/>
+<stop offset="1" stop-color="#5E1BB4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_100" x1="44.9494" y1="33.6018" x2="48.0842" y2="33.6018" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B0771"/>
+<stop offset="1" stop-color="#5E1BB4"/>
+</linearGradient>
+<clipPath id="clip0_1_100">
+<rect width="172" height="52" fill="white"/>
+</clipPath>
+</defs>
+</svg>

static/images/p_table/background_for_table.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 15844.29 8960.78"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:url(#id0);fill-rule:nonzero}
+    .fil1 {fill:url(#id1);fill-rule:nonzero}
+   ]]>
+  </style>
+  <radialGradient id="id0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1.06138 -0.543579 1.309 -2.55591 22256 31038)" cx="14893.63" cy="6451.76" r="7922.15" fx="14893.63" fy="6451.76">
+   <stop offset="0" style="stop-opacity:1; stop-color:#B41B92"/>
+   <stop offset="1" style="stop-opacity:1; stop-color:black"/>
+  </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; stop-color:#5E1BB4"/>
+  </radialGradient>
+ </defs>
+ <g id="Слой_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M814.62 0l14215.05 0c449.82,0 814.62,364.8 814.62,814.62l0 7331.54c0,449.81 -364.8,814.61 -814.62,814.61l-14215.05 0.02c-449.81,-0.02 -814.61,-364.81 -814.61,-814.64l-0.02 -7331.53c0.02,-449.82 364.81,-814.62 814.64,-814.62z"/>
+  <path class="fil1" d="M814.62 0l14215.05 0c449.82,0 814.62,364.8 814.62,814.62l0 7331.54c0,449.81 -364.8,814.61 -814.62,814.61l-14215.05 0.02c-449.81,-0.02 -814.61,-364.81 -814.61,-814.64l-0.02 -7331.53c0.02,-449.82 364.81,-814.62 814.64,-814.62z"/>
+ </g>
+</svg>

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>

templates/blocks/b_header.html

@@ -0,0 +1,22 @@
+{% load static %}
+
+<div class="header">
+    <div class="cut-width">
+        <div class="header-part-left">
+            <a href="#" class=  "Header-Logo-cont">
+                <img src="{% static "images/logos/logo_header.svg" %}" height="52">
+            </a>
+            <div class="header-text">
+                <a href="#">УРОВНИ</a>
+                <a href="#">ОБУЧЕНИЕ</a>
+                <a href="#">ПРОФИЛЬ</a>
+            </div>
+        </div>
+        <div class="header-part-right">
+             <a class="btn-exit-a" href="#">
+                 <span class="btn-exit-header">ВЫХОД</span>
+                 <img class="user-icon" src="{% static "images/icons/user_icon.svg" %}" height="79">
+             </a>
+        </div>
+    </div>
+</div>

templates/pages/choose_table.html

@@ -0,0 +1,13 @@
+{% extends "tb_base.html" %}
+{% load static %}
+{% block CONTENT %}
+    <h1>Выберите уровень</h1>
+    <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 %}

templates/tb_base.html

@@ -0,0 +1,20 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>FairPlay</title>
+    <meta name="viewport" content="initial-scale=1">
+    <link rel="stylesheet" href="{% static "css/firegame_css.css"%}">
+</head>
+    <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>

templates/widgets/w_level.html

@@ -0,0 +1,20 @@
+{% load static %}
+<div class="level-cont level-border-1">
+
+    <div class="container-background-level level-background-1">
+        <div class="container-content-level">
+            <h2>
+                УРОВЕНЬ 1 <br/> Лёгкий
+            </h2>
+            <div class="bottom-part_w">
+                <div class="description-level-card">
+                    <div>Можно выиграть: +150%</div>
+                    <div>Цена входа: 1$</div>
+                </div>
+                <div class="button-level-card">
+                    <button class="color-button-level-card-1">Начать</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

templates/widgets/w_level_2.html

@@ -0,0 +1,21 @@
+{% load static %}
+
+<div class="level-cont level-border-2">
+
+    <div class="container-background-level level-background-2">
+        <div class="container-content-level">
+            <h2>
+                УРОВЕНЬ 2 <br/> Средний
+            </h2>
+            <div class="bottom-part_w">
+                <div class="description-level-card">
+                    <div>Можно выиграть: +250%</div>
+                    <div>Цена входа: 2$</div>
+                </div>
+                <div class="button-level-card">
+                    <button class="color-button-level-card-2">Начать</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

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>

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-4">
+        <div class="container-content-level">
+            <h2>
+                ТРЕНИРОВКА
+            </h2>
+            <div class="bottom-part_w">
+                <div class="description-level-card">
+                    <div>Вы получите: 0%</div>
+                    <div>Цена входа: 0$</div>
+                </div>
+                <div class="button-level-card">
+                    <button class="color-button-level-card-4">Начать</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>