Ошибка рендеринга шаблонизатора

Обнаружена проблема при обработке шаблона.

Сообщение об ошибке

An exception has been thrown during the compilation of a template ("Function csrf_meta not found") in "sign-up.html".
Файл:
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/twig/twig/src/Environment.php
Строка:
557
Тип:
Twig\Error\SyntaxError
Шаблон:
sign-up.html
  1. return $this->compile($this->parse($this->tokenize($source)));
  2. } catch (Error $e) {
  3. $e->setSourceContext($source);
  4. throw $e;
  5. } catch (\Exception $e) {
  6. throw new SyntaxError(sprintf('An exception has been thrown during the compilation of a template ("%s").', $e->getMessage()), -1, $source, $e);
  7. }
  8. }
  10. public function setLoader(LoaderInterface $loader)
  11. {
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light"
  3. data-menu-styles="light" data-toggled="close">
  5. <head>
  6. {%set referral_name = get_0%}
  8. <meta charset="UTF-8">
  9. <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12. <title> {{ phrase(200) }} </title>
  13. <meta name="Description" content="User Registration">
  14. <meta name="Author" content="Logan22 SphereWeb">
  16. {{ csrf_meta() }}
  18. {{ config().logo().favicon() }}
  20. <script src="{{template}}/assets/js/authentication-main.js"></script>
  21. <link id="style" href="{{template}}/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  22. <link href="{{template}}/assets/css/{{ config().palette().styleFile() }}?v=0.0.0.3" rel="stylesheet">
  23. <link href="{{template}}/assets/css/icons.min.css" rel="stylesheet">
  24. <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  26. <!-- CSS для магического кристалла -->
  27. <style>
  28. /* Основные стили для контейнера */
  29. .magical-showcase-wrapper {
  30. position: relative;
  31. width: 340px;
  32. height: 380px;
  33. margin: 0 auto;
  34. perspective: 1000px;
  35. }
  37. /* Стили для основания кристалла */
  38. .crystal-container {
  39. position: relative;
  40. width: 260px;
  41. /* Увеличено с 200px */
  42. height: 360px;
  43. /* Увеличено с 300px */
  44. margin: 0 auto;
  45. transform-style: preserve-3d;
  46. }
  48. .crystal-base {
  49. position: absolute;
  50. bottom: 20px;
  51. left: 50%;
  52. transform: translateX(-50%);
  53. width: 160px;
  54. /* Увеличено с 120px */
  55. height: 40px;
  56. /* Увеличено с 30px */
  57. background: linear-gradient(45deg, #291b5a, #432e7e, #574194);
  58. border-radius: 50%;
  59. box-shadow: 0 0 20px rgba(74, 47, 189, 0.6);
  60. z-index: 1;
  61. }
  63. .crystal-glow {
  64. position: absolute;
  65. top: -15px;
  66. left: -15px;
  67. right: -15px;
  68. bottom: -10px;
  69. background: radial-gradient(ellipse at center, rgba(104, 79, 243, 0.6) 0%, rgba(104, 79, 243, 0) 70%);
  70. filter: blur(15px);
  71. /* Увеличено с 10px */
  72. opacity: 0.8;
  73. border-radius: 50%;
  74. z-index: 0;
  75. animation: baseGlow 3s ease-in-out infinite alternate;
  76. }
  78. @keyframes baseGlow {
  79. 0% {
  80. opacity: 0.5;
  81. transform: scale(0.9);
  82. }
  84. 100% {
  85. opacity: 0.8;
  86. transform: scale(1.1);
  87. }
  88. }
  90. /* Стили для кристалла */
  91. .crystal {
  92. position: absolute;
  93. top: 40px;
  94. left: 50%;
  95. transform: translateX(-50%) rotateY(0deg);
  96. width: 140px;
  97. /* Увеличено с 100px */
  98. height: 220px;
  99. /* Увеличено с 160px */
  100. transform-style: preserve-3d;
  101. animation: crystalRotate 20s linear infinite;
  102. z-index: 2;
  103. }
  105. @keyframes crystalRotate {
  106. 0% {
  107. transform: translateX(-50%) rotateY(0deg) rotateX(5deg);
  108. }
  110. 100% {
  111. transform: translateX(-50%) rotateY(360deg) rotateX(5deg);
  112. }
  113. }
  115. .crystal-face {
  116. position: absolute;
  117. width: 100%;
  118. height: 100%;
  119. background: linear-gradient(135deg, rgba(144, 120, 255, 0.2) 0%, rgba(104, 79, 243, 0.4) 50%, rgba(65, 40, 204, 0.6) 100%);
  120. backdrop-filter: blur(2px);
  121. -webkit-backdrop-filter: blur(2px);
  122. border: 1px solid rgba(255, 255, 255, 0.2);
  123. transform-origin: center;
  124. box-shadow: 0 0 15px rgba(104, 79, 243, 0.3);
  125. /* Увеличено с 10px */
  126. }
  128. .crystal-face-1 {
  129. transform: rotateY(0deg) translateZ(70px);
  130. /* Увеличено с 50px */
  131. clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  132. }
  134. .crystal-face-2 {
  135. transform: rotateY(72deg) translateZ(70px);
  136. /* Увеличено с 50px */
  137. clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  138. }
  140. .crystal-face-3 {
  141. transform: rotateY(144deg) translateZ(70px);
  142. /* Увеличено с 50px */
  143. clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  144. }
  146. .crystal-face-4 {
  147. transform: rotateY(216deg) translateZ(70px);
  148. /* Увеличено с 50px */
  149. clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  150. }
  152. .crystal-face-5 {
  153. transform: rotateY(288deg) translateZ(70px);
  154. /* Увеличено с 50px */
  155. clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  156. }
  158. .crystal-inner-glow {
  159. position: absolute;
  160. top: 0;
  161. left: 0;
  162. width: 100%;
  163. height: 100%;
  164. background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
  165. opacity: 0.3;
  166. filter: blur(5px);
  167. animation: innerGlow 4s ease-in-out infinite alternate;
  168. }
  170. @keyframes innerGlow {
  171. 0% {
  172. opacity: 0.2;
  173. transform: scale(0.8);
  174. }
  176. 100% {
  177. opacity: 0.4;
  178. transform: scale(1.1);
  179. }
  180. }
  182. /* Контейнер для магических частиц */
  183. .magic-particles-container {
  184. position: absolute;
  185. top: 0;
  186. left: 0;
  187. width: 100%;
  188. height: 100%;
  189. pointer-events: none;
  190. z-index: 3;
  191. }
  193. .magic-particle {
  194. position: absolute;
  195. width: 4px;
  196. height: 4px;
  197. background-color: rgba(255, 255, 255, 0.8);
  198. border-radius: 50%;
  199. filter: blur(1px);
  200. z-index: 3;
  201. }
  203. /* Контейнер для левитирующих предметов */
  204. .levitating-items-container {
  205. position: absolute;
  206. top: 0;
  207. left: 0;
  208. width: 100%;
  209. height: 100%;
  210. /* Убрали transform-style: preserve-3d для исправления проблемы с иконками */
  211. z-index: 10;
  212. /* Увеличили z-index */
  213. }
  215. /* Стиль для элементов призов */
  216. .levitating-item {
  217. position: absolute;
  218. width: 40px;
  219. height: 40px;
  220. /* Убрано transform-style: preserve-3d */
  221. transform-origin: center;
  222. z-index: 15;
  223. /* Увеличен z-index для лучшей видимости */
  224. }
  226. .item-wrapper {
  227. position: relative;
  228. width: 100%;
  229. height: 100%;
  230. /* Убрано transform-style: preserve-3d */
  231. animation: itemRotate 10s linear infinite;
  232. }
  234. @keyframes itemRotate {
  235. 0% {
  236. transform: rotateY(0deg);
  237. }
  239. 100% {
  240. transform: rotateY(360deg);
  241. }
  242. }
  244. .item-content {
  245. position: absolute;
  246. width: 100%;
  247. height: 100%;
  248. /* Убрано transform-style: preserve-3d */
  249. display: flex;
  250. align-items: center;
  251. justify-content: center;
  252. z-index: 20;
  253. /* Повышен z-index */
  254. }
  256. .item-content img {
  257. width: 36px;
  258. height: 36px;
  259. object-fit: contain;
  260. border-radius: 5px;
  261. box-shadow: 0 0 10px rgba(104, 79, 243, 0.6);
  262. filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.8));
  263. background: rgba(10, 5, 30, 0.3);
  264. padding: 3px;
  265. /* Убрано transform-style: preserve-3d */
  266. transition: transform 0.3s ease;
  267. z-index: 25;
  268. /* Максимальный z-index */
  269. }
  271. .item-glow {
  272. position: absolute;
  273. top: 50%;
  274. left: 50%;
  275. transform: translate(-50%, -50%);
  276. width: 60px;
  277. height: 60px;
  278. background: radial-gradient(circle, rgba(144, 120, 255, 0.6) 0%, rgba(144, 120, 255, 0) 70%);
  279. border-radius: 50%;
  280. filter: blur(5px);
  281. opacity: 0.7;
  282. z-index: 4;
  283. animation: itemGlowPulse 3s ease-in-out infinite alternate;
  284. }
  286. @keyframes itemGlowPulse {
  287. 0% {
  288. opacity: 0.4;
  289. transform: translate(-50%, -50%) scale(0.8);
  290. }
  292. 100% {
  293. opacity: 0.7;
  294. transform: translate(-50%, -50%) scale(1.2);
  295. }
  296. }
  298. .item-orbit {
  299. position: absolute;
  300. top: 50%;
  301. left: 50%;
  302. transform: translate(-50%, -50%);
  303. width: 0;
  304. height: 0;
  305. border: 1px dashed rgba(144, 120, 255, 0.3);
  306. border-radius: 50%;
  307. z-index: 3;
  308. }
  310. /* Контейнер для энергетических линий (скрыт) */
  311. .energy-lines-container {
  312. position: absolute;
  313. top: 0;
  314. left: 0;
  315. width: 100%;
  316. height: 100%;
  317. z-index: 2;
  318. /* Скрываем энергетические линии */
  319. opacity: 0;
  320. }
  322. .energy-line {
  323. display: none;
  324. /* Полностью убираем линии */
  325. }
  327. /* Центр колеса */
  328. .wheel-center {
  329. position: absolute;
  330. top: 50%;
  331. left: 50%;
  332. transform: translate(-50%, -50%);
  333. width: 70px;
  334. /* Увеличено с 50px */
  335. height: 70px;
  336. /* Увеличено с 50px */
  337. z-index: 10;
  338. }
  340. .center-inner {
  341. position: absolute;
  342. width: 100%;
  343. height: 100%;
  344. border-radius: 50%;
  345. background: linear-gradient(45deg, #ffd700, #f0c419, #ffaa00);
  346. box-shadow: 0 0 15px rgba(255, 215, 0, 0.8),
  347. /* Увеличена тень */
  348. inset 0 0 8px rgba(0, 0, 0, 0.5);
  349. }
  351. .center-logo {
  352. position: absolute;
  353. top: 50%;
  354. left: 50%;
  355. transform: translate(-50%, -50%);
  356. width: 45px;
  357. /* Увеличено с 30px */
  358. height: 45px;
  359. /* Увеличено с 30px */
  360. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23341f6d'%3E%3Cpath d='M12 2L4 7v10l8 5 8-5V7l-8-5zm6 14.5l-6 3.75-6-3.75V7.5l6-3.75 6 3.75v9z'/%3E%3C/svg%3E");
  361. background-repeat: no-repeat;
  362. background-size: contain;
  363. }
  365. /* Информационный текст */
  366. .prize-info {
  367. position: relative;
  368. margin-top: 20px;
  369. text-align: center;
  370. z-index: 10;
  371. }
  373. .prize-glow {
  374. position: absolute;
  375. top: 0;
  376. left: 0;
  377. width: 100%;
  378. height: 100%;
  379. background: radial-gradient(ellipse at center, rgba(104, 79, 243, 0.4) 0%, rgba(104, 79, 243, 0) 70%);
  380. filter: blur(10px);
  381. opacity: 0.7;
  382. z-index: -1;
  383. animation: prizeGlow 3s ease-in-out infinite alternate;
  384. }
  386. @keyframes prizeGlow {
  387. 0% {
  388. opacity: 0.5;
  389. transform: scale(0.9);
  390. }
  392. 100% {
  393. opacity: 0.8;
  394. transform: scale(1.1);
  395. }
  396. }
  398. .prize-text {
  399. display: inline-block;
  400. padding: 10px 20px;
  401. background: linear-gradient(135deg, #291b5a, #432e7e);
  402. color: #ffffff;
  403. font-size: 18px;
  404. font-weight: bold;
  405. border-radius: 25px;
  406. box-shadow: 0 0 15px rgba(104, 79, 243, 0.6),
  407. inset 0 0 10px rgba(255, 255, 255, 0.1);
  408. text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  409. animation: prizeTextPulse 2s ease-in-out infinite alternate;
  410. }
  412. @keyframes prizeTextPulse {
  413. 0% {
  414. transform: scale(1);
  415. }
  417. 100% {
  418. transform: scale(1.05);
  419. }
  420. }
  422. /* Анимации левитации для предметов */
  423. @keyframes levitateUpDown {
  425. 0%,
  426. 100% {
  427. transform: translateY(0);
  428. }
  430. 50% {
  431. transform: translateY(-10px);
  432. }
  433. }
  435. @keyframes fadeInOut {
  437. 0%,
  438. 100% {
  439. opacity: 0.7;
  440. }
  442. 50% {
  443. opacity: 1;
  444. }
  445. }
  447. /* Анимации для орбитального движения */
  448. @keyframes orbitRotate1 {
  449. 0% {
  450. transform: rotate(0deg) translateX(80px) rotate(0deg);
  451. }
  453. 100% {
  454. transform: rotate(360deg) translateX(80px) rotate(-360deg);
  455. }
  456. }
  458. @keyframes orbitRotate2 {
  459. 0% {
  460. transform: rotate(60deg) translateX(80px) rotate(-60deg);
  461. }
  463. 100% {
  464. transform: rotate(420deg) translateX(80px) rotate(-420deg);
  465. }
  466. }
  468. @keyframes orbitRotate3 {
  469. 0% {
  470. transform: rotate(120deg) translateX(80px) rotate(-120deg);
  471. }
  473. 100% {
  474. transform: rotate(480deg) translateX(80px) rotate(-480deg);
  475. }
  476. }
  478. @keyframes orbitRotate4 {
  479. 0% {
  480. transform: rotate(180deg) translateX(80px) rotate(-180deg);
  481. }
  483. 100% {
  484. transform: rotate(540deg) translateX(80px) rotate(-540deg);
  485. }
  486. }
  488. @keyframes orbitRotate5 {
  489. 0% {
  490. transform: rotate(240deg) translateX(80px) rotate(-240deg);
  491. }
  493. 100% {
  494. transform: rotate(600deg) translateX(80px) rotate(-600deg);
  495. }
  496. }
  498. @keyframes orbitRotate6 {
  499. 0% {
  500. transform: rotate(300deg) translateX(80px) rotate(-300deg);
  501. }
  503. 100% {
  504. transform: rotate(660deg) translateX(80px) rotate(-660deg);
  505. }
  506. }
  508. /* Дополнительные анимации для элементов */
  509. @keyframes pulse {
  511. 0%,
  512. 100% {
  513. transform: scale(1);
  514. }
  516. 50% {
  517. transform: scale(1.1);
  518. }
  519. }
  521. @keyframes sparkle {
  523. 0%,
  524. 100% {
  525. opacity: 0;
  526. transform: scale(0);
  527. }
  529. 50% {
  530. opacity: 1;
  531. transform: scale(1);
  532. }
  533. }
  535. /* Стили для выделения активного приза */
  536. .item-highlight {
  537. animation: itemHighlight 1.5s ease-in-out;
  538. }
  540. @keyframes itemHighlight {
  542. 0%,
  543. 100% {
  544. transform: scale(1);
  545. filter: brightness(1);
  546. }
  548. 50% {
  549. transform: scale(1.3);
  550. filter: brightness(1.5);
  551. }
  552. }
  555. .form-check-label {
  556. font-size: 14px !important;
  557. line-height: 1.4 !important;
  558. margin-left: 0.5rem !important;
  559. cursor: pointer !important;
  560. user-select: none !important;
  561. }
  563. .form-check-label a {
  564. text-decoration: none !important;
  565. font-weight: 500 !important;
  566. transition: color 0.3s ease !important;
  567. }
  569. .form-check-label a:hover {
  570. color: #0d6efd !important;
  571. text-decoration: underline !important;
  572. }
  574. input[type="checkbox"].agreement-checkbox {
  575. width: 22px !important;
  576. height: 22px !important;
  577. margin: 0 !important;
  578. margin-right: 0.5rem !important;
  579. border: 3px solid #6c757d !important;
  580. border-radius: 6px !important;
  581. cursor: pointer !important;
  582. transition: all 0.3s ease !important;
  583. position: relative !important;
  584. background-color: #ffffff !important;
  585. appearance: none !important;
  586. -webkit-appearance: none !important;
  587. -moz-appearance: none !important;
  588. margin-top: 2px !important;
  589. }
  591. input[type="checkbox"].agreement-checkbox:checked {
  592. background-color: #198754 !important;
  593. border-color: #198754 !important;
  594. box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.3) !important;
  595. transform: scale(1.05) !important;
  596. }
  598. input[type="checkbox"].agreement-checkbox:checked::before {
  599. content: '✓' !important;
  600. position: absolute !important;
  601. top: 50% !important;
  602. left: 50% !important;
  603. transform: translate(-50%, -50%) !important;
  604. color: white !important;
  605. font-size: 16px !important;
  606. font-weight: bold !important;
  607. line-height: 1 !important;
  608. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  609. }
  611. input[type="checkbox"].agreement-checkbox:hover {
  612. border-color: #198754 !important;
  613. box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.2) !important;
  614. transform: scale(1.02) !important;
  615. }
  617. input[type="checkbox"].agreement-checkbox:focus {
  618. outline: none !important;
  619. border-color: #198754 !important;
  620. box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.3) !important;
  621. }
  623. /* Стили для лейблов */
  624. .form-check .form-check-label {
  625. font-size: 14px !important;
  626. line-height: 1.4 !important;
  627. cursor: pointer !important;
  628. user-select: none !important;
  629. padding-left: 0.5rem !important;
  630. font-weight: 400 !important;
  631. margin: 0 !important;
  632. padding: 0 !important;
  633. display: block !important;
  634. }
  636. .form-check .form-check-label a {
  637. text-decoration: none !important;
  638. font-weight: 600 !important;
  639. transition: color 0.3s ease !important;
  640. color: #0d6efd !important;
  641. display: inline !important;
  642. margin: 0 !important;
  643. padding: 0 !important;
  644. line-height: inherit !important;
  645. }
  647. .form-check .form-check-label a:hover {
  648. color: #0a58ca !important;
  649. text-decoration: underline !important;
  650. }
  652. /* Анимация при клике */
  653. input[type="checkbox"].agreement-checkbox:active {
  654. transform: scale(0.95) !important;
  655. }
  656. </style>
  658. {{ config().other().getAnalyticsHead()|raw }}
  660. </head>
  662. <body>
  663. {{ config().other().getAnalyticsBody()|raw }}
  665. {%include 'notice_toast.html'%}
  667. <!-- Loader -->
  668. <div id="loader">
  669. <img src="{{template}}/assets/images/media/loader.svg" alt="">
  670. </div>
  671. <!-- Loader -->
  673. <div {%if config().background().registration()%}
  674. style="background-image: url('{{config().background().registration()}}'); background-size: cover; background-repeat: no-repeat; background-position: center center;"
  675. {%else%}class="autentication-bg" {%endif%}>
  676. <div class="container-lg">
  677. <!-- Новый макет с кристаллом и формой -->
  678. <div class="row justify-content-center authentication authentication-basic align-items-center h-100">
  679. <!-- Форма регистрации по центру -->
  680. <div class="col-xxl-4 col-xl-5 col-lg-5 col-md-6 col-sm-8 col-12 position-relative">
  681. <!-- Логотип -->
  682. <div class="my-4 d-flex justify-content-center">
  683. <a href="/main">
  684. <img src="{{config().logo().getLogo()}}" alt="logo">
  685. </a>
  686. </div>
  688. <!-- Форма -->
  689. <div class="card custom-card">
  690. <form id="authForm" action="/registration/user" method="POST" class="card-body">
  691. <p class="h5 fw-semibold mb-2 text-center">{{ phrase('registration') }}</p>
  692. <p class="mb-4 text-muted op-7 fw-normal text-center">{{ phrase('reg_enable_all_features') }}</p>
  693. <div class="row gy-3">
  694. <div class="col-xl-12">
  695. <label for="email" class="form-label text-default">Email<i class="text-danger">*</i></label>
  696. <input required name="email" type="text" class="form-control form-control-lg" id="email"
  697. placeholder="example@example.com">
  698. </div>
  699. <div class="col-xl-12">
  700. <label for="account"
  701. class="form-label text-default d-flex justify-content-between align-items-center">
  702. <span>{{ phrase(480) }}</span>
  704. <span class="label-details">
  705. {%set maxChars = config().registration().getMaximumNumberOfCharactersRegistrationAccount()%}
  707. <small class="form-text text-muted">
  708. {{ phrase('minMaxCharacters',
  709. config().registration().getMinimumNumberOfCharactersRegistrationAccount(),
  710. config().registration().getMaximumNumberOfCharactersRegistrationAccount()
  711. )}}
  712. </small>
  713. <small id="accountCharCounter" class="form-text text-muted">
  714. {{ phrase(312) }}: {{ maxChars }}
  715. </small>
  716. </span>
  717. </label>
  718. <div class="input-group mb-3">
  719. {%if config().registration().getEnablePrefix() and config().registration().getPrefixType() ==
  720. 'prefix'%}
  721. <button class="btn btn-light account_prefix"
  722. type="button">{{config().registration().genPrefix()}}</button>
  723. {%endif%}
  724. <input name="account" type="text" class="form-control form-control-lg" id="account" placeholder=""
  725. minlength="{{ config().registration().getMinimumNumberOfCharactersRegistrationAccount() }}"
  726. maxlength="{{ maxChars }}">
  727. {%if config().registration().getEnablePrefix() and config().registration().getPrefixType() ==
  728. 'suffix'%}
  729. <button class="btn btn-light account_prefix"
  730. type="button">{{config().registration().genPrefix()}}</button>
  731. {%endif%}
  732. </div>
  733. </div>
  734. <div class="col-xl-12 mb-2">
  735. <label for="signin-password" class="form-label text-default d-block">{{ phrase('password') }}<i
  736. class="text-danger">*</i>
  737. <a href="#" tabindex="0" class="float-end text-info password-popover" role="button"
  738. data-bs-toggle="popover" data-bs-placement="right" data-bs-html="true" data-bs-content="{%for i, word in generation_words_password(10)%}
  739. {{i + 1}}. <a href='#' class='thisPassword'>{{word}}</a><br>
  740. {%endfor%}">{{ phrase('help_create_password') }}</a>
  741. </label>
  742. <div class="input-group">
  743. <input name="password" type="password" class="form-control form-control-lg" id="signin-password"
  744. placeholder="password" required>
  745. <button class="btn btn-light" type="button" onclick="createpassword('signin-password',this)"
  746. id="button-addon2"><i class="ri-eye-off-line align-middle"></i></button>
  747. </div>
  748. </div>
  750. {%if config().captcha().isGoogleCaptcha()%}
  751. <div id="g-recaptcha"></div>
  752. {%elseif config().captcha().isCloudflareCaptcha()%}
  753. <div id="cf-turnstile" class="cf-turnstile"></div>
  754. <input type="hidden" id="cf-turnstile-response" name="cf-turnstile-response">
  755. {%elseif config().captcha().isDefaultCaptcha()%}
  756. <script async defer src="https://js.hcaptcha.com/1/api.js?hl={{getUser().getLang()}}"></script>
  757. <div class="h-captcha text-center" data-sitekey="0c545d06-4fe6-45d4-b704-7b809af8db9c"></div>
  758. {%endif%}
  760. {{ csrf_field() }}
  761. <input type="hidden" name="finger" id="finger">
  762. <div id="referralinput" class="col-xl-12 mb-2 {%if referral_name is empty%}d-none{%endif%}">
  763. <label for="referral" class="form-label text-default">{{ phrase('username') }}</label>
  764. <input name="referral" value="{{referral_name}}" type="text" class="form-control form-control-lg"
  765. id="referral" placeholder="">
  766. </div>
  768. <div class="col-xl-12 mb-2">
  770. {%if config().other().getLinkPrivacyPolicy() and config().other().getLinkPrivacyPolicy() != 'https://' and config().other().getLinkPrivacyPolicy() is not empty%}
  771. <div class="d-flex align-items-start mb-1">
  772. <input class="agreement-checkbox me-2 flex-shrink-0" type="checkbox" id="privacy-policy" name="privacy_policy" required>
  773. <label for="privacy-policy">
  774. {{ phrase('i_agree_private_police', config().other().getLinkPrivacyPolicy())|raw }}
  775. </label>
  776. </div>
  777. {%endif%}
  779. {%if config().other().getLinkUserAgreement() and config().other().getLinkUserAgreement() != 'https://' and config().other().getLinkUserAgreement() is not empty%}
  780. <div class="d-flex align-items-start mb-1">
  781. <input class="agreement-checkbox me-2 flex-shrink-0" type="checkbox" id="terms-of-service" name="terms_of_service" required>
  782. <label for="terms-of-service">
  783. {{ phrase('i_agree_terms_of_service', config().other().getLinkUserAgreement() )|raw }}
  784. </label>
  785. </div>
  786. {%endif%}
  788. {%if config().other().getLinkServerRules() and config().other().getLinkServerRules() != 'https://' and config().other().getLinkServerRules() is not empty%}
  789. <div class="d-flex align-items-start">
  790. <input class="agreement-checkbox me-2 flex-shrink-0" type="checkbox" id="server-rules" name="server_rules" required>
  791. <label for="server-rules">
  792. {{ phrase('i_agree_server_rules', config().other().getLinkServerRules())|raw }}
  793. </label>
  794. </div>
  795. {%endif%}
  797. </div>
  799. <div class="col-xl-12 d-grid mt-2">
  800. <button type="submit" aria-label="button" class="btn btn-lg btn-success enter" >
  801. {{ phrase('register_master_account') }}
  802. </button>
  803. </div>
  804. </div>
  806. {%if config().enabled().isEnableReferral()%}
  807. <div class="text-center">
  808. <p id="add_referral" class="text-muted mt-3 text-info" role="button">{{ phrase('user_referral') }}</p>
  809. </div>
  810. {%endif%}
  812. <div class="text-center my-1 authentication-barrier">
  813. <span><i class="ti ti-lock"></i></span>
  814. </div>
  816. <div class="btn-list text-center">
  817. <a href="/auth" aria-label="button" class="btn btn-primary-transparent">
  818. {{ phrase('authorization') }}
  819. </a>
  821. <a href="/forget" class="btn btn-primary-transparent">
  822. {{ phrase(67) }}
  823. </a>
  824. </div>
  825. </form>
  827. <div class="text-center">
  828. {%for lang in getAllowLang(false)%}
  829. <a class="align-items-center" href="{{action('user_lang', [lang.lang])}}">
  830. <span class="avatar avatar-xs lh-1 me-0">
  831. <img src="/uploads/images/flags/{{lang.lang}}.png" alt="img">
  832. </span>
  833. </a>
  834. {%endfor%}
  835. </div>
  836. </div>
  838. {%if getServer().bonus().isRegistrationBonus()%}
  839. <div class="d-none d-lg-block magic-crystal-absolute">
  840. <div class="magical-showcase-wrapper">
  841. <div class="crystal-container">
  842. <div class="crystal-base">
  843. <div class="crystal-glow"></div>
  844. </div>
  845. <div class="crystal">
  846. <div class="crystal-face crystal-face-1"></div>
  847. <div class="crystal-face crystal-face-2"></div>
  848. <div class="crystal-face crystal-face-3"></div>
  849. <div class="crystal-face crystal-face-4"></div>
  850. <div class="crystal-face crystal-face-5"></div>
  851. <div class="crystal-inner-glow"></div>
  852. </div>
  854. <div class="magic-particles-container">
  855. </div>
  857. <div class="levitating-items-container">
  858. </div>
  860. <div class="energy-lines-container">
  861. </div>
  862. </div>
  864. <div class="prize-info">
  865. <div class="prize-glow"></div>
  866. <div class="prize-text">
  867. {%if getServer().bonus().isIssueAllItems()%}
  868. {{ phrase('registration_reward_all') }}
  869. {%else%}
  870. {{ phrase('registration_reward_one_random') }}
  871. {%endif%}
  872. </div>
  873. </div>
  875. </div>
  876. </div>
  877. {%endif%}
  879. </div>
  880. </div>
  881. </div>
  882. </div>
  884. <style>
  885. .magic-crystal-absolute {
  886. position: absolute;
  887. top: 50%;
  888. left: 105%;
  889. /* Размещаем справа от формы */
  890. transform: translateY(-50%);
  891. width: 340px;
  892. z-index: 10;
  893. }
  895. /* Медиа-запрос для корректировки позиции на более узких экранах */
  896. @media (max-width: 1400px) {
  897. .magic-crystal-absolute {
  898. left: 100%;
  899. }
  900. }
  902. /* Медиа-запрос для очень узких экранов */
  903. @media (max-width: 1200px) {
  904. .magic-crystal-absolute {
  905. left: 95%;
  906. }
  907. }
  908. </style>
  910. <!-- Bootstrap JS -->
  911. <script src="{{template}}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  913. <!-- Show Password JS -->
  914. <script src="{{template}}/assets/js/show-password.js"></script>
  916. <script src="{{template}}/assets/libs/@popperjs/core/umd/popper.min.js"></script>
  917. <script src="{{template}}/assets/js/Toasts.js"></script>
  918. <script src="{{template}}/assets/js/general.js?v=1.0.5"></script>
  920. {%if config().captcha().isEnabled()%}
  922. <script>
  923. var captcha = "{{config().captcha().getCaptcha()}}";
  924. </script>
  926. {%if config().captcha().isGoogleCaptcha()%}
  927. <script src="https://www.google.com/recaptcha/api.js"></script>
  928. <script>
  929. window.onload = function () {
  930. if (typeof grecaptcha !== 'undefined') {
  931. grecaptcha.render('g-recaptcha', {
  932. 'sitekey': '{{ google_secret_key() }}'
  933. });
  934. } else {
  935. console.error('grecaptcha is not defined');
  936. }
  937. };
  938. </script>
  939. {%elseif config().captcha().isDefaultCaptcha()%}
  941. {%elseif config().captcha().isCloudflareCaptcha()%}
  942. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"></script>
  943. <script>
  944. // Инициализация Cloudflare Turnstile
  945. window.onload = function () {
  946. turnstile.render('#cf-turnstile', {
  947. sitekey: '{{config().captcha().getCloudflareSiteKey()}}',
  948. callback: function (token) {
  949. document.getElementById('cf-turnstile-response').value = token;
  950. }
  951. });
  952. };
  953. </script>
  954. {%endif%}
  956. {%endif%}
  958. <script>
  959. document.addEventListener('DOMContentLoaded', function () {
  960. function get_captcha() {
  961. // Проверяем, какая капча используется
  962. if (captcha === "google") {
  963. grecaptcha.reset();
  964. } else if (captcha === "default") {
  965. // Сброс hCaptcha
  966. if (typeof hcaptcha !== 'undefined') {
  967. hcaptcha.reset();
  968. }
  969. } else if (captcha === "cloudflare") {
  970. // Сброс Cloudflare Turnstile
  971. if (typeof turnstile !== 'undefined') {
  972. turnstile.reset();
  973. }
  974. }
  975. }
  977. // Делаем функцию доступной глобально
  978. window.get_captcha = get_captcha;
  979. });
  982. $(document).ready(function () {
  983. // --- Логика для чекбоксов соглашений ---
  984. const $submitButton = $('button.enter');
  985. const $agreementCheckboxes = $('.agreement-checkbox');
  986. const totalCheckboxes = $agreementCheckboxes.length;
  988. function updateButtonState() {
  989. // Если чекбоксы есть на странице
  990. if (totalCheckboxes > 0) {
  991. // Считаем количество отмеченных
  992. const checkedCount = $('.agreement-checkbox:checked').length;
  993. // Если количество отмеченных равно общему количеству, включаем кнопку
  994. const allChecked = checkedCount === totalCheckboxes;
  995. $submitButton.prop('disabled', !allChecked);
  996. }
  997. // Если чекбоксов нет, кнопка будет активна по умолчанию (атрибут disabled не будет установлен)
  998. }
  1000. // Добавляем обработчик на изменение состояния любого чекбокса
  1001. $agreementCheckboxes.on('change', function() {
  1002. updateButtonState();
  1003. });
  1005. // Устанавливаем начальное состояние кнопки при загрузке страницы
  1006. updateButtonState();
  1007. // --- Конец логики для чекбоксов ---
  1009. // Инициализация всех popover'ов на странице
  1010. var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
  1011. var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  1012. return new bootstrap.Popover(popoverTriggerEl, {
  1013. html: true,
  1014. sanitize: false
  1015. });
  1016. });
  1018. function transliterate(text) {
  1019. const layoutMap = {
  1020. 'й': 'q', 'ц': 'w', 'у': 'e', 'к': 'r', 'е': 't', 'н': 'y', 'г': 'u', 'ш': 'i', 'щ': 'o', 'з': 'p', 'х': '[', 'ъ': ']',
  1021. 'ф': 'a', 'ы': 's', 'в': 'd', 'а': 'f', 'п': 'g', 'р': 'h', 'о': 'j', 'л': 'k', 'д': 'l', 'ж': ';', 'э': "'",
  1022. 'я': 'z', 'ч': 'x', 'с': 'c', 'м': 'v', 'и': 'b', 'т': 'n', 'ь': 'm', 'б': ',', 'ю': '.',
  1023. 'і': 's', 'ї': ']', 'є': "'",
  1024. 'Й': 'Q', 'Ц': 'W', 'У': 'E', 'К': 'R', 'Е': 'T', 'Н': 'Y', 'Г': 'U', 'Ш': 'I', 'Щ': 'O', 'З': 'P', 'Х': '[', 'Ъ': ']',
  1025. 'Ф': 'A', 'Ы': 'S', 'В': 'D', 'А': 'F', 'П': 'G', 'Р': 'H', 'О': 'J', 'Л': 'K', 'Д': 'L', 'Ж': ';', 'Э': "'",
  1026. 'Я': 'Z', 'Ч': 'X', 'С': 'C', 'М': 'V', 'И': 'B', 'Т': 'N', 'Ь': 'M', 'Б': ',', 'Ю': '.',
  1027. 'І': 'S', 'Ї': ']', 'Є': "'",
  1029. 'α': 'a', 'β': 'b', 'γ': 'g', 'δ': 'd', 'ε': 'e', 'ζ': 'z', 'η': 'h', 'θ': 'u', 'ι': 'i', 'κ': 'k', 'λ': 'l', 'μ': 'm',
  1030. 'ν': 'n', 'ξ': 'j', 'ο': 'o', 'π': 'p', 'ρ': 'r', 'σ': 's', 'ς': 's', 'τ': 't', 'υ': 'y', 'φ': 'f', 'χ': 'x', 'ψ': 'c', 'ω': 'v',
  1031. 'Α': 'A', 'Β': 'B', 'Γ': 'G', 'Δ': 'D', 'Ε': 'E', 'Ζ': 'Z', 'Η': 'H', 'Θ': 'U', 'Ι': 'I', 'Κ': 'K', 'Λ': 'L', 'Μ': 'M',
  1032. 'Ν': 'N', 'Ξ': 'J', 'Ο': 'O', 'Π': 'P', 'Ρ': 'R', 'Σ': 'S', 'Τ': 'T', 'Υ': 'Y', 'Φ': 'F', 'Χ': 'X', 'Ψ': 'C', 'Ω': 'V',
  1034. 'á': 'a', 'é': 'e', 'í': 'i', 'ó': 'o', 'ú': 'u', 'ý': 'y',
  1035. 'à': 'a', 'è': 'e', 'ì': 'i', 'ò': 'o', 'ù': 'u',
  1036. 'â': 'a', 'ê': 'e', 'î': 'i', 'ô': 'o', 'û': 'u',
  1037. 'ã': 'a', 'õ': 'o', 'ñ': 'n', 'ç': 'c', 'ë': 'e', 'ï': 'i', 'ü': 'u',
  1038. 'Á': 'A', 'É': 'E', 'Í': 'I', 'Ó': 'O', 'Ú': 'U', 'Ý': 'Y',
  1039. 'À': 'A', 'È': 'E', 'Ì': 'I', 'Ò': 'O', 'Ù': 'U',
  1040. 'Â': 'A', 'Ê': 'E', 'Î': 'I', 'Ô': 'O', 'Û': 'U',
  1041. 'Ã': 'A', 'Õ': 'O', 'Ñ': 'N', 'Ç': 'C', 'Ë': 'E', 'Ï': 'I', 'Ü': 'U',
  1042. 'ß': 'ss'
  1043. };
  1045. let result = '';
  1046. for (let i = 0; i < text.length; i++) {
  1047. const char = text[i];
  1048. result += layoutMap[char] || char;
  1049. }
  1050. return result;
  1051. }
  1054. function updateCounterUI() {
  1055. const $input = $('#account');
  1056. const $counter = $('#accountCharCounter');
  1057. const $prefixButton = $('.account_prefix');
  1059. if ($input.length === 0 || $counter.length === 0) {
  1060. return;
  1061. }
  1063. const maxChars = parseInt($input.attr('maxlength'), 10);
  1064. const prefixLen = $prefixButton.length > 0 ? $prefixButton.text().trim().length : 0;
  1065. const currentLen = $input.val().length;
  1067. const remaining = maxChars - prefixLen - currentLen;
  1068. $counter.text('{{ phrase(312) }}: ' + remaining);
  1070. if (remaining < 0) {
  1071. $counter.removeClass('text-muted').addClass('text-danger');
  1072. } else {
  1073. $counter.removeClass('text-danger').addClass('text-muted');
  1074. }
  1075. }
  1078. function enforceCharacterLimit() {
  1079. const $input = $('#account');
  1080. if ($input.length === 0) return;
  1082. const maxChars = parseInt($input.attr('maxlength'), 10);
  1083. const prefixLen = $('.account_prefix').text().trim().length;
  1084. const allowedInputLength = maxChars - prefixLen;
  1086. if ($input.val().length > allowedInputLength) {
  1087. const truncatedValue = $input.val().substring(0, allowedInputLength);
  1088. $input.val(truncatedValue);
  1089. }
  1090. }
  1093. $(document).on('input', '#account', function () {
  1094. const originalValue = $(this).val();
  1095. let newValue = transliterate(originalValue);
  1096. newValue = newValue.replace(/[^a-zA-Z0-9_]/g, '');
  1098. if (originalValue !== newValue) {
  1099. const start = this.selectionStart;
  1100. const end = this.selectionEnd;
  1102. $(this).val(newValue);
  1104. this.setSelectionRange(start, end);
  1105. }
  1107. enforceCharacterLimit();
  1108. updateCounterUI();
  1109. });
  1111. updateCounterUI();
  1113. // Обработчик для генерации паролей
  1114. $(document).on('click', '.thisPassword', function () {
  1115. $('#signin-password').val($(this).text());
  1116. $('#signin-password').attr('type', 'text');
  1117. $('.align-middle').removeClass('ri-eye-off-line');
  1118. $('.align-middle').addClass('ri-eye-line');
  1119. });
  1121. $(document).on('click', '.account_prefix', function () {
  1122. AjaxSend('/registration/account/prefix', 'POST', {}, true).then(function (prefix) {
  1123. $('.account_prefix').text(prefix);
  1124. enforceCharacterLimit();
  1125. updateCounterUI();
  1126. });
  1127. });
  1130. {%if getServer().bonus().isRegistrationBonus()%}
  1131. // JavaScript для магического кристалла
  1132. // Пути к изображениям предметов
  1133. const itemImages = [
  1134. {%for item in getServer().bonus().getRegistrationBonusItems()%}
  1135. {%set itemInfo = get_item_info(item.id)%}
  1136. '{{ itemInfo.getIcon() }}',
  1137. {%endfor%}
  1138. ];
  1140. // Создаем левитирующие предметы
  1141. const itemsContainer = $('.levitating-items-container');
  1143. // Функция для создания орбит предметов
  1144. function createItemOrbits() {
  1145. const orbitsContainer = $('.energy-lines-container');
  1147. // Определяем нужное количество орбит на основе количества предметов
  1148. // Распределим предметы на 3 орбиты
  1149. const orbitsCount = 3;
  1151. // Создаем орбиты
  1152. for (let i = 0; i < orbitsCount; i++) {
  1153. const orbitSize = 140 + i * 30;
  1154. const orbit = $('<div>')
  1155. .addClass('item-orbit')
  1156. .css({
  1157. 'width': `${orbitSize}px`,
  1158. 'height': `${orbitSize}px`,
  1159. 'opacity': 0.3 - i * 0.1
  1160. });
  1162. orbitsContainer.append(orbit);
  1163. }
  1164. }
  1166. // Создаем орбиты
  1167. createItemOrbits();
  1169. // Функция для получения случайных скоростей вращения
  1170. function getRandomSpeed(min, max) {
  1171. return min + Math.random() * (max - min);
  1172. }
  1174. // Создаем предметы и размещаем их по орбитам с уникальными скоростями и траекториями
  1175. function createItems() {
  1176. const itemCount = itemImages.length;
  1177. const animationKeyframes = [];
  1179. // Создаем массив для хранения всех keyframes анимаций
  1180. const keyframesArray = [];
  1182. // Распределяем элементы равномерно вокруг орбит
  1183. for (let i = 0; i < itemCount; i++) {
  1184. // Определяем, на какой орбите будет элемент (распределяем по 3 орбитам)
  1185. const orbitIndex = i % 3;
  1187. // Расстояние от центра зависит от орбиты
  1188. const radius = 100 + orbitIndex * 30; // 100, 130, 160
  1190. // Генерируем случайный начальный угол для каждого элемента
  1191. const randomStartAngle = Math.random() * 360;
  1193. // Выбираем случайную скорость вращения для каждого элемента
  1194. // Чем меньше число, тем быстрее движение
  1195. const orbitDuration = getRandomSpeed(20, 40);
  1197. // Создаем элемент предмета с индивидуальными CSS свойствами
  1198. const item = $('<div>')
  1199. .addClass('levitating-item')
  1200. .attr('data-item-index', i)
  1201. .css({
  1202. 'top': '50%',
  1203. 'left': '50%',
  1204. 'z-index': 15,
  1205. 'transform-origin': 'center'
  1206. });
  1208. // Применяем случайную начальную позицию
  1209. item.css({
  1210. 'transform': `rotate(${randomStartAngle}deg) translateX(${radius}px) rotate(-${randomStartAngle}deg)`
  1211. });
  1213. // Создаем уникальные ключевые кадры анимации для каждого элемента
  1214. const keyframesName = `orbit${i}`;
  1215. const keyframes = `
  1216. @keyframes ${keyframesName} {
  1217. 0% { transform: rotate(${randomStartAngle}deg) translateX(${radius}px) rotate(-${randomStartAngle}deg); }
  1218. 100% { transform: rotate(${randomStartAngle + 360}deg) translateX(${radius}px) rotate(-${randomStartAngle + 360}deg); }
  1219. }
  1220. `;
  1222. keyframesArray.push(keyframes);
  1224. // Создаем обертку для вращения элемента вокруг своей оси
  1225. const itemWrapper = $('<div>')
  1226. .addClass('item-wrapper')
  1227. .css({
  1228. 'animation-duration': `${getRandomSpeed(8, 15)}s`,
  1229. 'animation-direction': i % 2 === 0 ? 'normal' : 'reverse'
  1230. });
  1232. // Создаем контент предмета
  1233. const itemContent = $('<div>')
  1234. .addClass('item-content')
  1235. .css('z-index', 20);
  1237. // Добавляем изображение
  1238. const img = $('<img>')
  1239. .attr('src', itemImages[i]);
  1241. // Добавляем свечение вокруг предмета
  1242. const itemGlow = $('<div>')
  1243. .addClass('item-glow')
  1244. .css({
  1245. 'animation-delay': `${Math.random() * 2}s`
  1246. });
  1248. // Собираем структуру
  1249. itemContent.append(img);
  1250. itemContent.append(itemGlow);
  1251. itemWrapper.append(itemContent);
  1252. item.append(itemWrapper);
  1253. itemsContainer.append(item);
  1255. // Сохраняем информацию об анимации для последующего применения
  1256. animationKeyframes.push({
  1257. element: item,
  1258. keyframesName: keyframesName,
  1259. duration: orbitDuration
  1260. });
  1261. }
  1263. // Объединяем все keyframes и добавляем в head
  1264. const allKeyframes = keyframesArray.join('\n');
  1265. $('<style>').text(allKeyframes).appendTo('head');
  1267. // Ждем немного, чтобы DOM был полностью готов,
  1268. // затем применяем все анимации одновременно
  1269. setTimeout(() => {
  1270. // Применяем анимации ко всем элементам сразу
  1271. animationKeyframes.forEach(item => {
  1272. item.element.css({
  1273. 'animation': `${item.keyframesName} ${item.duration}s linear infinite`,
  1274. 'transition': 'none'
  1275. });
  1276. });
  1277. }, 500);
  1278. }
  1280. // Создаем предметы
  1281. createItems();
  1283. // Функция для создания магических частиц
  1284. function createMagicParticles() {
  1285. const particlesContainer = $('.magic-particles-container');
  1287. for (let i = 0; i < 30; i++) {
  1288. const particle = $('<div>')
  1289. .addClass('magic-particle')
  1290. .css({
  1291. 'left': `${Math.random() * 100}%`,
  1292. 'top': `${Math.random() * 100}%`,
  1293. 'width': `${2 + Math.random() * 3}px`,
  1294. 'height': `${2 + Math.random() * 3}px`,
  1295. 'background-color': `rgba(${144 + Math.random() * 111}, ${120 + Math.random() * 135}, 255, ${0.6 + Math.random() * 0.4})`,
  1296. 'animation': `sparkle ${1 + Math.random() * 3}s ease-in-out infinite`,
  1297. 'animation-delay': `${Math.random() * 3}s`
  1298. });
  1300. particlesContainer.append(particle);
  1301. }
  1302. }
  1304. // Создаем магические частицы
  1305. createMagicParticles();
  1307. // Функция для выделения случайного предмета и отображения его названия
  1308. function highlightRandomItem() {
  1309. // Сначала удаляем предыдущее выделение
  1310. $('.item-content img').removeClass('item-highlight');
  1312. // Выбираем случайный предмет
  1313. const items = $('.levitating-item');
  1315. if (items.length > 0) {
  1316. const randomIndex = Math.floor(Math.random() * items.length);
  1317. const selectedItem = $(items[randomIndex]);
  1319. // Выделяем предмет
  1320. selectedItem.find('.item-content img').addClass('item-highlight');
  1321. }
  1323. // Планируем следующее выделение
  1324. setTimeout(highlightRandomItem, 3000 + Math.random() * 2000);
  1325. }
  1327. // Начинаем процесс выделения предметов
  1328. setTimeout(highlightRandomItem, 2000);
  1330. // Функция для изменения интенсивности свечения кристалла
  1331. function pulsecrystalGlow() {
  1332. const innerGlow = $('.crystal-inner-glow');
  1333. const baseGlow = $('.crystal-glow');
  1335. // Случайные значения для интенсивности
  1336. const innerIntensity = 0.3 + Math.random() * 0.3;
  1337. const baseIntensity = 0.6 + Math.random() * 0.4;
  1339. // Применяем новые значения
  1340. innerGlow.css('opacity', innerIntensity);
  1341. baseGlow.css('opacity', baseIntensity);
  1343. // Планируем следующее изменение
  1344. setTimeout(pulsecrystalGlow, 2000 + Math.random() * 1000);
  1345. }
  1347. // Запускаем пульсацию свечения
  1348. pulsecrystalGlow();
  1350. // Улучшенная функция для создания эффектных вспышек энергии
  1351. function createEnergyBurst() {
  1352. // Создаем эффектную вспышку с градиентом
  1353. const burst = $('<div>')
  1354. .css({
  1355. 'position': 'absolute',
  1356. 'top': '50%',
  1357. 'left': '50%',
  1358. 'width': '0',
  1359. 'height': '0',
  1360. 'background': 'radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(144, 120, 255, 0.6) 40%, rgba(104, 79, 243, 0.2) 70%, transparent 100%)',
  1361. 'border-radius': '50%',
  1362. 'transform': 'translate(-50%, -50%)',
  1363. 'z-index': '6',
  1364. 'pointer-events': 'none',
  1365. 'transition': 'all 0.7s cubic-bezier(0.2, 0.8, 0.3, 1)',
  1366. 'filter': 'blur(3px)'
  1367. });
  1369. // Добавляем в контейнер
  1370. $('.crystal-container').append(burst);
  1372. // Анимируем вспышку
  1373. setTimeout(() => {
  1374. burst.css({
  1375. 'width': '300px',
  1376. 'height': '300px',
  1377. 'opacity': '0'
  1378. });
  1380. // Создаем дополнительный эффект мерцающих частиц при вспышке
  1381. createBurstParticles();
  1383. // Удаляем элемент после завершения анимации
  1384. setTimeout(() => {
  1385. burst.remove();
  1386. }, 700);
  1387. }, 10);
  1389. // Планируем следующую вспышку
  1390. setTimeout(createEnergyBurst, 4000 + Math.random() * 3000);
  1391. }
  1393. // Функция для создания мерцающих частиц при вспышке
  1394. function createBurstParticles() {
  1395. for (let i = 0; i < 20; i++) {
  1396. const angle = Math.random() * 360;
  1397. const distance = 40 + Math.random() * 120;
  1398. const radian = (angle * Math.PI) / 180;
  1399. const x = Math.cos(radian) * distance;
  1400. const y = Math.sin(radian) * distance;
  1402. const particle = $('<div>')
  1403. .css({
  1404. 'position': 'absolute',
  1405. 'top': '50%',
  1406. 'left': '50%',
  1407. 'width': `${3 + Math.random() * 5}px`,
  1408. 'height': `${3 + Math.random() * 5}px`,
  1409. 'background-color': `rgba(${144 + Math.random() * 111}, ${120 + Math.random() * 135}, 255, ${0.7 + Math.random() * 0.3})`,
  1410. 'border-radius': '50%',
  1411. 'transform': `translate(-50%, -50%)`,
  1412. 'z-index': '7',
  1413. 'opacity': '0',
  1414. 'transition': `all ${0.5 + Math.random() * 0.5}s cubic-bezier(0.1, 0.9, 0.2, 1)`
  1415. });
  1417. $('.crystal-container').append(particle);
  1419. // Анимируем частицу
  1420. setTimeout(() => {
  1421. particle.css({
  1422. 'transform': `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))`,
  1423. 'opacity': '1'
  1424. });
  1426. setTimeout(() => {
  1427. particle.css({
  1428. 'opacity': '0'
  1429. });
  1431. setTimeout(() => {
  1432. particle.remove();
  1433. }, 500);
  1434. }, 300 + Math.random() * 200);
  1435. }, Math.random() * 100);
  1436. }
  1437. }
  1439. // Запускаем создание вспышек энергии
  1440. setTimeout(createEnergyBurst, 2000);
  1441. {%endif%}
  1444. });
  1445. </script>
  1447. <!-- CSRF Protection Script -->
  1448. <script src="{{template}}/assets/js/csrf.js"></script>
  1450. </body>
  1452. </html>
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/twig/twig/src/Environment.php (строка 382)
Twig\Environment->compileSource()
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/twig/twig/src/Environment.php (строка 344)
Twig\Environment->loadTemplate()
/home/arcana_web/web/arcana-mace.pro/public_html/src/template/tpl.php (строка 2686)
Twig\Environment->load()
/home/arcana_web/web/arcana-mace.pro/public_html/src/route/route_registry.php (строка 47)
Ofey\Logan22\template\tpl::display()
[Внутренняя функция]
{closure}()
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/bramus/router/src/Bramus/Router/Router.php (строка 430)
call_user_func_array()
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/bramus/router/src/Bramus/Router/Router.php (строка 416)
Bramus\Router\Router->invoke()
/home/arcana_web/web/arcana-mace.pro/public_html/vendor/bramus/router/src/Bramus/Router/Router.php (строка 280)
Bramus\Router\Router->handle()
/home/arcana_web/web/arcana-mace.pro/public_html/src/route/route_registry.php (строка 123)
Bramus\Router\Router->run()
/home/arcana_web/web/arcana-mace.pro/public_html/index.php (строка 11)
require('/home/arcana_web/web/arcana-ma...')

Переменные доступные в шаблоне:

__route__ (string)
"/signup"
dir (string)
""
protocol (string)
"https"
path (string)
""
template (string)
"/src/template/sphere/"
pointTime (string)
"0.18"

Возможные решения

Проверьте синтаксис и логику шаблона.
Убедитесь, что все переменные и функции определены и доступны.
Проверьте, не используются ли устаревшие методы или функции.