|
1 | 1 | <!DOCTYPE html>
|
2 | 2 | <html lang="ru">
|
3 | 3 | <head>
|
4 |
| - <meta charset="UTF-8"> |
5 |
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 |
| - <title>Код подтверждения | SeaMusic</title> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>Код подтверждения | SeaMusic</title> |
7 | 7 |
|
8 |
| - <script src="https://cdn.tailwindcss.com"></script> |
| 8 | + <script src="https://cdn.tailwindcss.com"></script> |
9 | 9 |
|
10 |
| - <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet"> |
| 10 | +<!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">--> |
11 | 11 |
|
12 |
| - <style> |
13 |
| - @font-face { |
14 |
| - font-family: 'Benzin-Bold'; |
15 |
| - src: url('../static/fonts/Benzin-Bold.woff2') format('woff2'), |
16 |
| - url('../static/fonts/Benzin-Bold.woff') format('woff'); |
17 |
| - font-weight: bold; |
18 |
| - font-style: normal; |
19 |
| - } |
| 12 | + <style> |
| 13 | + @font-face { |
| 14 | + font-family: 'Benzin-Bold'; |
| 15 | + src: url('../static/fonts/Benzin-Bold.woff2') format('woff2'), |
| 16 | + url('../static/fonts/Benzin-Bold.woff') format('woff'); |
| 17 | + font-weight: bold; |
| 18 | + font-style: normal; |
| 19 | + } |
20 | 20 |
|
21 |
| - @font-face { |
22 |
| - font-family: 'Benzin-Semibold'; |
23 |
| - src: url('../static/fonts/Benzin-Semibold.woff2') format('woff2'), |
24 |
| - url('../static/fonts/Benzin-Semibold.woff') format('woff'); |
25 |
| - font-weight: 600; |
26 |
| - font-style: normal; |
27 |
| - } |
| 21 | + @font-face { |
| 22 | + font-family: 'Benzin-Semibold'; |
| 23 | + src: url('../static/fonts/Benzin-Semibold.woff2') format('woff2'), |
| 24 | + url('../static/fonts/Benzin-Semibold.woff') format('woff'); |
| 25 | + font-weight: 600; |
| 26 | + font-style: normal; |
| 27 | + } |
28 | 28 |
|
29 |
| - @font-face { |
30 |
| - font-family: 'Benzin-Regular'; |
31 |
| - src: url('../static/fonts/Benzin-Regular.woff2') format('woff2'), |
32 |
| - url('../static/fonts/Benzin-Regular.woff') format('woff'); |
33 |
| - font-weight: normal; |
34 |
| - font-style: normal; |
35 |
| - } |
| 29 | + @font-face { |
| 30 | + font-family: 'Benzin-Regular'; |
| 31 | + src: url('../static/fonts/Benzin-Regular.woff2') format('woff2'), |
| 32 | + url('../static/fonts/Benzin-Regular.woff') format('woff'); |
| 33 | + font-weight: normal; |
| 34 | + font-style: normal; |
| 35 | + } |
36 | 36 |
|
37 |
| - body { |
38 |
| - background-color: black; |
39 |
| - color: white; |
40 |
| - font-family: 'Benzin-Regular', sans-serif; |
41 |
| - } |
42 |
| - </style> |
| 37 | + body { |
| 38 | + background-color: black; |
| 39 | + color: white; |
| 40 | + font-family: 'Benzin-Regular', sans-serif; |
| 41 | + } |
| 42 | + </style> |
43 | 43 | </head>
|
44 | 44 | <body class="flex items-center justify-center min-h-screen px-4">
|
45 | 45 |
|
46 |
| - <div class="bg-[#181818] text-white rounded-3xl p-8 w-full max-w-2xl shadow-lg"> |
47 |
| - <header class="flex justify-between items-center"> |
48 |
| - <h1 class="flex items-center text-xl font-bold" style="font-family: 'Benzin-Bold';"> |
49 |
| - <img class="w-10 h-10" src="../static/images/seamusic-logo.png" alt=""> <span class="ml-2 text-3xl mt-3">Music</span> |
50 |
| - </h1> |
51 |
| - <button class="px-6 py-2 rounded-full text-sm font-semibold bg-gradient-to-r from-[#34577F] to-[#0A946D]"> |
52 |
| - Авторизация |
53 |
| - </button> |
54 |
| - </header> |
| 46 | + <div class="bg-[#181818] text-white rounded-3xl p-8 w-full max-w-2xl shadow-lg"> |
| 47 | + <header class="flex justify-between items-center"> |
| 48 | + <h1 class="flex items-center text-xl font-bold" style="font-family: 'Benzin-Bold';"> |
| 49 | + <img class="w-10 h-10" src="../static/images/seamusic-logo.png" alt=""> |
| 50 | + <span class="ml-2 text-3xl mt-3">Music</span> |
| 51 | + </h1> |
| 52 | + <button class="px-6 py-2 rounded-full text-sm font-semibold bg-gradient-to-r from-[#34577F] to-[#0A946D]"> |
| 53 | + Авторизация |
| 54 | + </button> |
| 55 | + </header> |
55 | 56 |
|
56 |
| - <div class="mt-6"> |
57 |
| - <h2 class="text-lg font-semibold" style="font-family: 'Benzin-Semibold';"> |
58 |
| - Код для подтверждения входа |
59 |
| - </h2> |
60 |
| - <p class="text-sm text-gray-300 mt-2"> |
61 |
| - Вы ранее зарегистрировались на нашей площадке и крч перейдите по этой ссылке что бы что то там бб - |
62 |
| - <a href="https://seamusic.com/auth/confirm/" |
63 |
| - class="bg-gradient-to-r from-[#34577F] to-[#0A946D] bg-clip-text text-transparent underline font-semibold"> |
64 |
| - https://seamusic.com/auth/confirm/snlkfdjklfs;dfsmI423m4kl2m3 |
65 |
| - </a> |
66 |
| - </p> |
67 |
| - </div> |
| 57 | + <div class="mt-6"> |
| 58 | + <h2 class="text-lg font-semibold" style="font-family: 'Benzin-Semibold';"> |
| 59 | + Код для подтверждения входа |
| 60 | + </h2> |
| 61 | + <p class="text-sm text-gray-300 mt-2"> |
| 62 | + Вы ранее зарегистрировались на нашей площадке и крч перейдите по этой ссылке что бы что то там бб - |
| 63 | + <a href="{{confirm_url}}" class="bg-gradient-to-r from-[#34577F] to-[#0A946D] bg-clip-text text-transparent underline font-semibold"> |
| 64 | + {{confirm_url}} |
| 65 | + </a> |
| 66 | + </p> |
| 67 | + </div> |
68 | 68 |
|
69 |
| - <div class="border-t border-gray-600 my-6 relative"> |
70 |
| - <span class="absolute left-1/2 -translate-x-1/2 -top-3 bg-[#181818] px-2 text-xs text-gray-400">ИЛИ</span> |
71 |
| - </div> |
| 69 | + <div class="border-t border-gray-600 my-6 relative"> |
| 70 | + <span class="absolute left-1/2 -translate-x-1/2 -top-3 bg-[#181818] px-2 text-xs text-gray-400">ИЛИ</span> |
| 71 | + </div> |
72 | 72 |
|
73 |
| - <button class="w-full py-3 text-sm font-semibold rounded-full bg-transparent border border-gray-400 transition duration-300 hover:bg-gradient-to-r hover:from-[#34577F] hover:to-[#0A946D]"> |
74 |
| - Перейти по ссылке |
75 |
| - </button> |
| 73 | + <button class="w-full py-3 text-sm font-semibold rounded-full bg-transparent border border-gray-400 transition duration-300 hover:bg-gradient-to-r hover:from-[#34577F] hover:to-[#0A946D]"> |
| 74 | + Перейти по ссылке |
| 75 | + </button> |
76 | 76 |
|
77 |
| - <footer class="mt-6 text-center text-white text-md"> |
78 |
| - <nav class="flex justify-center space-x-4 text-xs"> |
79 |
| - <a href="#" class="hover:underline">Главная</a> |
80 |
| - <a href="#" class="hover:underline">О проекте</a> |
81 |
| - <a href="#" class="hover:underline">Политика конфиденциальности</a> |
82 |
| - </nav> |
83 |
| - <p class="mt-4 text-xs">Copyright SeaMusic 2025 © - <span class="w-36 ml-2 text-left">For listeners, artists & producers</span></p> |
84 |
| - </footer> |
| 77 | + <footer class="mt-6 text-center text-white text-md"> |
| 78 | + <p class="mt-4 text-xs"> |
| 79 | + Copyright SeaMusic 2025 © |
| 80 | + <br><span class="w-36 ml-2 text-left">For listeners, artists & producers</span> |
| 81 | + </p> |
| 82 | + </footer> |
85 | 83 | </div>
|
86 | 84 |
|
87 | 85 | </body>
|
|
0 commit comments