templates/static/entry_page.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>МосДосуг 18+ - Вход на Сайт</title>
  7.     <link href="https://cdn.jsdelivr.net/npm/roboto-font@0.1.0/css/fonts.min.css" rel="stylesheet" />
  8.     <style>
  9.         html,
  10.         body {
  11.             width: 100%;
  12.             height: 100%;
  13.         }
  14.         .bo {
  15.             padding: var(--py, 30px) var(--px, 50px);
  16.             margin: 0;
  17.             box-sizing: border-box;
  18.             background: linear-gradient(270deg, #9f001d 0%, #ff3031 100%);
  19.         }
  20.         @media (max-width: 768px) {
  21.             .bo {
  22.                 background: none;
  23.             }
  24.         }
  25.         @media (max-width: 1280px) {
  26.             .bo {
  27.                 --py: 20px;
  28.                 --px: 40px;
  29.             }
  30.         }
  31.         @media (max-width: 768px) {
  32.             .bo {
  33.                 --py: 10px;
  34.                 --px: 10px;
  35.             }
  36.         }
  37.         .wr {
  38.             border-radius: 50px;
  39.             background: #fff;
  40.             box-sizing: border-box;
  41.             height: 100%;
  42.             display: flex;
  43.             align-items: center;
  44.             justify-content: center;
  45.             overflow: auto;
  46.         }
  47.         .b {
  48.             margin: auto;
  49.             width: var(--w, 460px);
  50.             text-align: center;
  51.         }
  52.         @media (max-width: 768px) {
  53.             .b {
  54.                 --w: 360px;
  55.             }
  56.         }
  57.         @media (max-width: 480px) {
  58.              .b {
  59.                 --w: 250px;
  60.             }
  61.         }
  62.         .p {
  63.             color: #333;
  64.             text-align: center;
  65.             font-family: Roboto;
  66.             font-size: var(--fs, 18px);
  67.             font-weight: 400;
  68.             margin: var(--mb, 40px) 0;
  69.         }
  70.         @media (max-width: 1280px) {
  71.             .p {
  72.                 --mb: 20px;
  73.             }
  74.             --fs: 16px;
  75.         }
  76.         @media (max-width: 1280px) {
  77.             .p {
  78.                 --fs: 14px;
  79.             }
  80.         }
  81.         @media (max-width: 1280px) {
  82.             .i {
  83.                 max-width: 300px;
  84.             }
  85.         }
  86.         @media (max-width: 480px) {
  87.             .i {
  88.                 max-width: 220px;
  89.             }
  90.         }
  91.         .bt {
  92.             border-radius: 20px;
  93.             background: #ff3f40;
  94.             border: none;
  95.             width: 100%;
  96.             height: 40px;
  97.             margin: auto;
  99.             color: #fff;
  100.             font-family: Roboto;
  101.             font-size: 16px;
  102.             font-weight: 600;
  103.             line-height: 1;
  105.             cursor: pointer;
  107.             transition: all .3s ease-out;
  109.             display: block;
  110.             line-height: 40px;
  111.             text-decoration: none;
  112.         }
  113.         .bt:hover {
  114.             background: #da2425;
  115.         }
  117.         @media (max-width: 1280px) {
  118.             .bt {
  119.                 max-width: 300px;
  120.             }
  121.         }
  122.         @media (max-width: 480px) {
  123.             .bt {
  124.                 max-width: 220px;
  125.             }
  126.         }
  127.     </style>
  128. </head>
  129. <body class="bo">
  130. <div class="wr">
  131.     <div class="b">
  132.         <svg class="i" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 401 111">
  133.             <path
  134.                     d="M54.3 77.3v-45h-8.7L29 60.4l-17-28H3.5v45h9.8V50.9l13.3 21.7h4.7l13.3-22.3v27h9.8Zm31.3.8c4.7 0 9-1 12.7-3a22.7 22.7 0 0 0 12-20.3 22.4 22.4 0 0 0-12-20.2c-3.8-2-8-3-12.7-3-4.6 0-8.9 1-12.6 3a22.4 22.4 0 0 0-12 20.2 22.6 22.6 0 0 0 12 20.3c3.7 2 8 3 12.6 3Zm0-8.9c-2.6 0-5-.6-7.2-1.8-2.1-1.2-3.8-3-5-5.1a15 15 0 0 1-1.9-7.5c0-2.7.6-5.2 1.8-7.4 1.3-2.2 3-3.9 5.1-5.1 2.2-1.2 4.6-1.8 7.2-1.8 2.7 0 5.1.6 7.3 1.8 2.1 1.2 3.8 3 5 5a15 15 0 0 1 1.9 7.5 15 15 0 0 1-1.9 7.5c-1.2 2.2-2.9 3.9-5 5a14.4 14.4 0 0 1-7.3 2Zm46.2 8.9c4.1 0 7.6-.6 10.5-1.9 2.9-1.2 5-3 6.5-5 1.4-2.1 2.1-4.5 2.1-7 0-3-.7-5.4-2.3-7.2a14 14 0 0 0-5.7-3.8c-2.1-.8-5-1.7-8.4-2.5-3.3-.7-5.8-1.4-7.4-2.2-1.6-.7-2.4-1.9-2.4-3.4 0-1.6.7-2.8 2-3.7 1.5-1 3.6-1.5 6.6-1.5 4.1 0 8.3 1.2 12.5 3.6l3.2-8c-2-1.2-4.5-2.2-7.2-2.9a35 35 0 0 0-8.5-1c-4.1 0-7.6.6-10.5 1.9-2.8 1.2-5 2.9-6.4 5a12.5 12.5 0 0 0-2.1 7c0 3 .8 5.5 2.4 7.3 1.5 1.8 3.4 3 5.6 3.9 2.2.8 5 1.6 8.5 2.4l5.3 1.4c1.3.5 2.4 1 3.2 1.7.8.8 1.3 1.6 1.3 2.7 0 1.5-.8 2.6-2.2 3.5-1.4.9-3.6 1.3-6.6 1.3A26.1 26.1 0 0 1 117 65l-3.5 7.9c2 1.5 4.7 2.8 8 3.7a37 37 0 0 0 10.4 1.5Z"
  135.                     fill="#000"
  136.             />
  137.             <path
  138.                     d="M161.5 77.3h20.6c4.9 0 9.2-1 13-2.8A21 21 0 0 0 207 54.8a21 21 0 0 0-12-19.7 29 29 0 0 0-13-2.7h-20.5v44.9Zm10.5-8.5V40.9h9.5c4.6 0 8.2 1.3 10.9 3.8 2.6 2.5 4 5.9 4 10.1 0 4.3-1.4 7.7-4 10.2a15.3 15.3 0 0 1-10.9 3.8H172Zm63.4 9.3c4.7 0 9-1 12.7-3a22.7 22.7 0 0 0 12-20.3 22.4 22.4 0 0 0-12-20.2c-3.8-2-8-3-12.7-3-4.7 0-8.9 1-12.7 3a22.4 22.4 0 0 0-12 20.2 22.6 22.6 0 0 0 12 20.3c3.8 2 8 3 12.7 3Zm46.2 0c4 0 7.6-.6 10.5-1.9 2.9-1.2 5-3 6.5-5 1.4-2.1 2.1-4.5 2.1-7 0-3-.8-5.4-2.3-7.2a14 14 0 0 0-5.7-3.8c-2.2-.8-5-1.7-8.4-2.5-3.3-.7-5.8-1.4-7.4-2.2-1.6-.7-2.4-1.9-2.4-3.4 0-1.6.7-2.8 2-3.7 1.5-1 3.6-1.5 6.5-1.5 4.2 0 8.4 1.2 12.6 3.6l3.2-8c-2-1.2-4.5-2.2-7.2-2.9a35 35 0 0 0-8.5-1c-4.1 0-7.6.6-10.5 1.9-2.8 1.2-5 2.9-6.4 5a12.5 12.5 0 0 0-2.1 7c0 3 .8 5.5 2.3 7.3 1.6 1.8 3.5 3 5.7 3.9 2.2.8 5 1.6 8.4 2.4l5.4 1.4c1.3.5 2.3 1 3.2 1.7.8.8 1.2 1.6 1.2 2.7 0 1.5-.7 2.6-2 3.5-1.5.9-3.7 1.3-6.7 1.3a26.1 26.1 0 0 1-14.9-4.7l-3.5 7.9c2 1.5 4.7 2.8 8 3.7a37 37 0 0 0 10.4 1.5Zm45 0c6.5 0 11.5-1.8 15.1-5.4 3.6-3.5 5.4-8.6 5.4-15.2V32.4h-10.3V57c0 4.2-.9 7.2-2.6 9.2-1.7 2-4.2 3-7.5 3-6.7 0-10-4.1-10-12.2V32.4h-10.5v25.1c0 6.6 1.8 11.7 5.4 15.2 3.6 3.6 8.6 5.4 15 5.4Zm60-10.8a17 17 0 0 1-8 2c-2.9 0-5.4-.7-7.6-2-2.2-1.1-4-2.8-5.2-5a14.8 14.8 0 0 1-1.9-7.5c0-2.8.6-5.3 1.9-7.5a13 13 0 0 1 5.2-5 16 16 0 0 1 7.7-1.8c4.5 0 8.4 1.6 11.7 5l6.7-6.1a21.4 21.4 0 0 0-8.2-5.8 28 28 0 0 0-10.7-2c-4.8 0-9 1-12.8 3a22.2 22.2 0 0 0-12 20.2 22.3 22.3 0 0 0 12 20.3c3.7 2 7.9 3 12.6 3 3.2 0 6.5-.5 9.7-1.5 3.2-1 6-2.4 8.5-4.2V54h-9.5v13.2Z"
  139.                     fill="#FF3F40"
  140.             />
  141.             <path
  142.                     d="M251.7 22.3c-.3 1.6-1.3 4-1.4 5.4V30h.1c.5.4 1.7 1.3 1.8 3.4.2 2-1.7 3.3-1.7 3.3 0 1-.1 2.3-.4 3.2-.5 1.6-1.8 3.4-2 4.1-.1.7-1.4 3.7-1.2 5 0 1.4.4 4.4 0 6.1-.6 1.8-1.8 3.5-2.2 4a29 29 0 0 1-4.5 7.3c-.7.5-1.2 1.8-1.8 2.5-.7.8-1 1.7-1 2.5s.3 2 .7 2.4c.4.5 2 2.7 2.5 4.2.4 1.4 1.3 5.3 1.4 6.5.2 1.1.4 4.4.7 5.7.2 1.4.5 3.7 1.2 4.3.7.6 2 1.5 2.3 2.2.3.6.3 1.5-.1 1.8-.4.3-1.5 1.6-1.8 2.5-.3.9-.4 2.3-.4 2.8 0 .4-1 1-1.2 1.2l-2.6.3c-.5 0-.7.6-1 .5a1 1 0 0 1-.7-.5c-.3 0-.8.3-1 0-.3.2-1 .1-1.2-.2-.2-.3 0-.9.7-1l1.6-.5c.3 0 .5-.8.7-1.2 0-.2.3-.8.3-1.7-.2 0-.4 0-.5.2-.2.2-.2.9-.3 1.3-.2.4-.9.8-1.4.7-.5 0-2.4 0-2.7.2-.4 0-.7.2-.7-.4 0-.5.5-1.3.9-1.6.4-.3.8-1.6 1-2l.7-2c.2-.4.6-1.2.8-2.2.2-1-.7-2.8-1.2-3.3l-3.8-6.4c-1.5-2.4-1.4-5.2-1.5-5.6-.1-.3.2-1-.1-1.4-.3-.4-.9-2.4-.9-2.8 0-.5-.3-1.4-.7-2.3-.4-.9-1.5-4-1.7-5-.2-1.1-2.6-5.6-3.4-11.5-.4-3.2.2-5.3 1-6.8-.4-.5-1.2-2-1.6-2.3l-2-3.4c-.5-.4-1.2-2-1-2.9a74.3 74.3 0 0 1 4.3-10c.4-.7 1-2.4 1-2.9.1-.4 1.8-3.7 2.4-4.3.5-.5 2.7-1 3.8-.8V23c-3.1-.6-2-4.7-1.9-5l.3-3.3c0-.9.5-2.3.6-2.8V9.6l-1.2 1.3c0 .2-.3.4-.5.4s-.2.3-.4.5c-.1.3-.3.1-.5-.2l-.5-1.8s-.2.3-.5.2l-.2.8c0 .2-.2.8-.5.8-.2 0-.2-.4-.1-.6l.3-1.6c0-.2-.2-.6 0-.8l.8-.8c.4-.3 1-1.2 1-1.4-.1-.2 0-.7.6-.7l1.5-.2c1-.1 2.8-1.3 3.2-1.4.4 0 .9-.3 1.2-.4.3 0 .5-.1.8 0a149.8 149.8 0 0 1 14.7 1.1c.4 0 1.1.4 1.3.8.3.4.4 2 .3 2.6 0 .6.8 4 .9 6.7 0 2.6-1.1 6-1.4 7.4ZM229.4 8.2c-.2.1-.3.3-.3.6v.8l.3-.1V8.2Zm1.6 13.3-.6-1.6c-.2.3-.2 1 0 1.5 0 .5 1 1 1.3 1l-.7-.9Zm1.5 13-2-2.6-.3.2s-1.7 2.9-2.6 3.8c-.8 1-1.4 3.4-2.7 4.7-.9 1-.2 1.4-.2 1.4l1.5 2.8c.3.6.7 1.2 1 1.4 1.3-1.6 4.3-3.8 4.9-4.5.7-.7 1.3-.6 1.9-1.2.6-.6.5-1.8.6-2.6-2.1-.5-2.1-2.9-2.1-3.4ZM244 8l-3.2-.8c.7.5 1.9 1.5 2.1 2.4.4 1.4.8 3.3 1 4.9 0 1.5.3 5.2 1.2 7.1.2-.8 1-2 1.4-2.7l1-2 .4-7.9c-.7 0-3.3-.8-3.9-1Z"
  143.                     fill="#000"
  144.             />
  145.         </svg>
  146.         <p class="p">
  147.             Вход на официальный сайт Мосдосуг. Чтобы перейти<br>
  148.             на Mosdosug нажмите на кнопку.
  149.         </p>
  150.         <a href="/" class="bt">Войти</a>
  151.     </div>
  152. </div>
  153. </body>
  154. </html>