templates/front_base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <title>{% block title %}Corepetitus{% endblock %}</title>
  7. <link rel="stylesheet" href="{{ asset('assets/app.css') }}"/>
  8. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/images/apple-touch-icon.png') }}">
  9. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/images/favicon-32x32.png') }}">
  10. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/images/favicon-16x16.png') }}">
  11. <link rel="manifest" href="{{ asset('/site.webmanifest') }}">
  12. <link rel="mask-icon" href="{{ asset('assets/images/safari-pinned-tab.svg') }}" color="#1b6690">
  13. <link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}">
  14. <meta name="msapplication-TileColor" content="#2d89ef">
  15. <meta name="msapplication-config" content="{{ asset('/browserconfig.xml') }}">
  16. <meta name="theme-color" content="#2d89ef">
  17. <meta property="fb:app_id" content="1058611165212074" />
  18. {% block stylesheets %}
  19. <style>
  20. html,body{
  21. background: #ecf6fe;
  22. }
  23. #loader {
  24. transition: all 0.3s ease-in-out;
  25. opacity: 1;
  26. visibility: visible;
  27. position: fixed;
  28. height: 100vh;
  29. width: 100%;
  30. background: #fff;
  31. z-index: 90000;
  32. }
  34. #loader.fadeOut {
  35. opacity: 0;
  36. visibility: hidden;
  37. }
  39. .spinner {
  40. width: 40px;
  41. height: 40px;
  42. position: absolute;
  43. top: calc(50% - 20px);
  44. left: calc(50% - 20px);
  45. background-color: #333;
  46. border-radius: 100%;
  47. -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  48. animation: sk-scaleout 1.0s infinite ease-in-out;
  49. }
  51. @-webkit-keyframes sk-scaleout {
  52. 0% {
  53. -webkit-transform: scale(0)
  54. }
  55. 100% {
  56. -webkit-transform: scale(1.0);
  57. opacity: 0;
  58. }
  59. }
  61. @keyframes sk-scaleout {
  62. 0% {
  63. -webkit-transform: scale(0);
  64. transform: scale(0);
  65. }
  66. 100% {
  67. -webkit-transform: scale(1.0);
  68. transform: scale(1.0);
  69. opacity: 0;
  70. }
  71. }
  72. .front-head{
  73. display: flex;
  74. justify-content: center;
  75. /*box-shadow: 0 0 7px rgba(0,0,0,.15);*/
  76. margin-bottom: 40px;
  77. position: relative;
  79. }
  80. .front-head .login i{
  81. color: white;
  82. background: #00a9fe;
  83. padding: 8px 10px;
  84. border-radius: 8px;
  85. }
  86. .front-head .logo img{
  87. width: 100% !important;
  88. max-height: 110px;
  89. padding: 30px !important;
  90. }
  91. .front-head .login{
  92. position: absolute;
  93. top: 50%;
  94. left: 50px;
  95. transform: translate(-20px, -50%);
  96. }
  97. p, li{
  98. color: #000;
  99. }
  100. ul{
  101. margin-bottom: 1rem;
  102. }
  103. p:has(+ul){
  104. margin-bottom: unset;
  105. }
  106. h3{
  107. color:#000;
  108. }
  109. .masonry-item{
  110. border-radius: 30px;
  111. padding: 30px 25px;
  112. margin-bottom: 30px;
  113. background: #fff;
  114. position: relative;
  115. }
  116. .masonry-item .card{
  117. border:unset;
  118. }
  119. @media (max-width: 768px) {
  121. .front-head .logo img{
  122. max-height: 90px;
  123. }
  124. .front-head .login{
  125. left:30px;
  126. }
  127. }
  128. </style>
  129. {% endblock %}
  130. </head>
  131. <header>
  132. <div class="front-head">
  133. <div class="login">
  134. <a href="{{ path('app_login') }}" class=""><i class="fa-solid fa-chevron-left"></i></a>
  135. </div>
  136. <div class="logo" style="min-height: 60px">
  137. <img style="width: 100%" src="{{ asset('assets/images/core-logo-full.png') }}" alt="">
  138. </div>
  140. </div>
  141. </header>
  142. <body class="{% block bodyclass %}app{% endblock %}">
  143. {% if app.environment != 'dev' %}
  144. <div id='loader'>
  145. <div class="spinner"></div>
  146. </div>
  147. {% endif %}
  149. <!-- @App Content -->
  150. <!-- =================================================== -->
  151. <div>
  152. <div class="container">
  153. {% block body %}{% endblock %}
  155. </div>
  156. </div>
  157. <footer class=" ta-c p-30 lh-0 fsz-sm c-grey-600">
  158. <span>2025 Copyright © COREPETITUS.LT</span>
  159. </footer>
  160. <script>
  161. (function () {
  162. if ('serviceWorker' in navigator) {
  163. navigator.serviceWorker.register('/assets/service-worker.js');
  164. }
  165. })();
  167. window.addEventListener('load', function () {
  168. const loader = document.getElementById('loader');
  169. if (loader) {
  170. setTimeout(function () {
  171. loader.classList.add('fadeOut');
  172. }, 300);
  173. }
  174. });
  175. </script>
  177. {# {% block javascripts %} #}
  178. {# <script src="{{ asset('assets/app.js') }}"></script> #}
  179. {# {{ encore_entry_script_tags('app') }} #}
  180. {# {% endblock %} #}
  182. </body>
  183. </html>