var/cache/dev/twig/d7/d7f3fb1bfc228d3ad3b505849ae7ce61.php line 59

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* layout/frontEndLayout.html.twig */
  18. class __TwigTemplate_5ce740b62a05909d1aeb17a9a16f3802 extends Template
  19. {
  20. private Source $source;
  21. /**
  22. * @var array<string, Template>
  23. */
  24. private array $macros = [];
  26. public function __construct(Environment $env)
  27. {
  28. parent::__construct($env);
  30. $this->source = $this->getSourceContext();
  32. $this->blocks = [
  33. 'stylesheets' => [$this, 'block_stylesheets'],
  34. 'title' => [$this, 'block_title'],
  35. 'name' => [$this, 'block_name'],
  36. 'partials' => [$this, 'block_partials'],
  37. 'body' => [$this, 'block_body'],
  38. 'footer' => [$this, 'block_footer'],
  39. 'javascripts' => [$this, 'block_javascripts'],
  40. ];
  41. }
  43. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  44. {
  45. // line 1
  46. return "layout/base.html.twig";
  47. }
  49. protected function doDisplay(array $context, array $blocks = []): iterable
  50. {
  51. $macros = $this->macros;
  52. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  53. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "layout/frontEndLayout.html.twig"));
  55. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  56. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "layout/frontEndLayout.html.twig"));
  58. $this->parent = $this->load("layout/base.html.twig", 1);
  59. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  61. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  64. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  66. }
  68. // line 3
  69. /**
  70. * @return iterable<null|scalar|\Stringable>
  71. */
  72. public function block_stylesheets(array $context, array $blocks = []): iterable
  73. {
  74. $macros = $this->macros;
  75. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  76. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  78. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  79. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  81. // line 4
  82. yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  83. yield "
  84. <link href=\"";
  85. // line 5
  86. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/versions.css"), "html", null, true);
  87. yield "\" rel=\"stylesheet\">
  88. <link href=\"";
  89. // line 6
  90. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/responsive.css"), "html", null, true);
  91. yield "\" rel=\"stylesheet\">
  92. <script src=\"";
  93. // line 7
  94. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/modernizer.js"), "html", null, true);
  95. yield "\"></script>
  96. <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  97. <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  98. <link href=\"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">
  100. <style>
  101. /* ═══════════════════════════════════════════════════════════════
  102. DESIGN SYSTEM — Institut Bethesda / LiveEdu
  103. Charte : Bleu nuit profond · Or champenois · Ivoire chaud
  104. Typo : Cormorant Garamond (prestige) + Outfit (lisibilité)
  105. ═══════════════════════════════════════════════════════════════ */
  106. :root {
  107. --navy: #0b1628;
  108. --navy2: #122040;
  109. --gold: #b8862a;
  110. --gold-lt: #e0b055;
  111. --gold-bg: rgba(184,134,42,.1);
  112. --ivory: #f8f5ef;
  113. --white: #ffffff;
  114. --slate: #2d3f55;
  115. --muted: #6e7e94;
  116. --border: rgba(11,22,40,.09);
  117. --ok: #2a9d5c; --warn: #d4870a; --err: #c0392b; --info: #1a6fb5;
  118. --fd: 'Cormorant Garamond', Georgia, serif;
  119. --fb: 'Outfit', system-ui, sans-serif;
  120. --r1:6px; --r2:12px; --r3:20px;
  121. --sh1:0 2px 8px rgba(11,22,40,.07);
  122. --sh2:0 8px 28px rgba(11,22,40,.11);
  123. --sh3:0 20px 60px rgba(11,22,40,.16);
  124. --nav-h:72px;
  125. --gx: clamp(20px,5vw,72px);
  126. --spy: clamp(60px,8vw,110px);
  127. }
  128. *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  129. html{scroll-behavior:smooth}
  130. body{font-family:var(--fb);background:var(--ivory);color:var(--navy);-webkit-font-smoothing:antialiased;padding-top:var(--nav-h)}
  131. img{max-width:100%;display:block}
  132. a{color:inherit}
  134. /* ════ NAV ════════════════════════════════════════════════ */
  135. .nav{position:fixed;inset:0 0 auto 0;z-index:900;height:var(--nav-h);display:flex;align-items:center;padding:0 var(--gx);background:rgba(11,22,40,.9);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:background .35s,box-shadow .35s}
  136. .nav.solid{background:var(--navy);box-shadow:0 4px 32px rgba(0,0,0,.3)}
  137. .nav__brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0;margin-right:auto}
  138. .nav__crest{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(184,134,42,.5);overflow:hidden;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  139. .nav__crest img{width:100%;height:100%;object-fit:contain;padding:4px}
  140. .nav__name{font-family:var(--fd);font-size:1.18rem;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1}
  141. .nav__sub{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-top:2px}
  142. .nav__links{display:flex;align-items:center;gap:2px;list-style:none;margin:0 20px 0 0}
  143. .nav__links a{display:block;padding:8px 13px;font-size:.825rem;font-weight:500;color:rgba(255,255,255,.65);text-decoration:none;border-radius:var(--r1);transition:color .18s,background .18s}
  144. .nav__links a:hover{color:#fff;background:rgba(255,255,255,.07)}
  145. .nav__links a.here{color:var(--gold-lt)}
  146. .nav__acts{display:flex;align-items:center;gap:10px;flex-shrink:0}
  147. .nbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;border-radius:var(--r1);font-family:var(--fb);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .18s;letter-spacing:.02em}
  148. .nbtn-ol{background:transparent;color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.22)}
  149. .nbtn-ol:hover{border-color:var(--gold-lt);color:var(--gold-lt)}
  150. .nbtn-gd{background:var(--gold);color:#fff;border-color:var(--gold)}
  151. .nbtn-gd:hover{background:var(--gold-lt);border-color:var(--gold-lt);color:#fff;transform:translateY(-1px)}
  152. .nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px}
  153. .nav__burger b{display:block;height:1.5px;background:#fff;border-radius:2px;transition:transform .28s,opacity .22s;transform-origin:center}
  154. .nav__burger.open b:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  155. .nav__burger.open b:nth-child(2){opacity:0}
  156. .nav__burger.open b:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  157. .nav__drawer{display:none;position:fixed;inset:var(--nav-h) 0 0 0;background:var(--navy);z-index:899;overflow-y:auto;padding:28px var(--gx) 40px}
  158. .nav__drawer.open{display:block;animation:slideDown .25s ease both}
  159. .nav__drawer ul{list-style:none;padding:0}
  160. .nav__drawer li{border-bottom:1px solid rgba(255,255,255,.06)}
  161. .nav__drawer a{display:flex;align-items:center;gap:10px;padding:15px 4px;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;transition:color .15s}
  162. .nav__drawer a i{color:var(--gold);width:18px;text-align:center}
  163. .nav__drawer a:hover{color:var(--gold-lt)}
  164. .drawer-acts{display:flex;flex-direction:column;gap:12px;margin-top:28px}
  165. .drawer-acts .nbtn{justify-content:center;width:100%;padding:13px}
  166. @media(max-width:900px){.nav__links,.nav__acts{display:none}.nav__burger{display:flex}}
  168. /* ════ BOUTONS ════════════════════════════════════════════ */
  169. .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--r1);font-family:var(--fb);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:all .18s;letter-spacing:.02em;white-space:nowrap}
  170. .btn:hover{transform:translateY(-2px)}
  171. .btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
  172. .btn-gold:hover{background:var(--gold-lt);border-color:var(--gold-lt);box-shadow:0 6px 20px rgba(184,134,42,.3);color:#fff}
  173. .btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
  174. .btn-navy:hover{background:var(--navy2);color:#fff}
  175. .btn-ghost{background:transparent;color:var(--navy);border-color:var(--border)}
  176. .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
  177. .btn-ghost-w{background:transparent;color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.3)}
  178. .btn-ghost-w:hover{border-color:#fff;color:#fff}
  179. .btn-sm{padding:8px 18px;font-size:.8rem}
  180. .btn-lg{padding:15px 34px;font-size:.95rem}
  181. .btn-full{width:100%;justify-content:center}
  183. /* ════ TYPO SECTIONS ══════════════════════════════════════ */
  184. .sec-label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:10px}
  185. .sec-label::before{content:'';width:24px;height:1px;background:var(--gold);display:block}
  186. .sec-h{font-family:var(--fd);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:600;line-height:1.12;color:var(--navy);margin-bottom:14px}
  187. .sec-h em{font-style:italic;color:var(--gold)}
  188. .sec-sub{font-size:.95rem;color:var(--muted);line-height:1.75;max-width:520px}
  189. .page-hd{background:var(--navy);padding:60px var(--gx) 52px;position:relative;overflow:hidden}
  190. .page-hd::after{content:'';position:absolute;inset:0;background:url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");pointer-events:none}
  191. .page-hd__in{position:relative;z-index:1}
  192. .page-hd__title{font-family:var(--fd);font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:600;color:#fff;line-height:1.12}
  193. .page-hd__sub{color:rgba(255,255,255,.45);margin-top:10px;font-size:.9rem}
  194. .page-hd__glow{position:absolute;right:-40px;top:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(184,134,42,.18),transparent 68%);pointer-events:none}
  196. /* ════ SECTIONS UTILITAIRES ═══════════════════════════════ */
  197. .section{padding:var(--spy) var(--gx)}
  198. .section--white{background:var(--white)}
  199. .section--ivory{background:var(--ivory)}
  200. .section--navy{background:var(--navy)}
  201. .wrap{max-width:1280px;margin:0 auto}
  203. /* ════ FORMULAIRES AUTH ═══════════════════════════════════ */
  204. .auth-shell{min-height:100vh;display:flex;margin-top:calc(-1 * var(--nav-h));padding-top:0}
  205. .auth-vis{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px;background:var(--navy);min-height:100vh}
  206. .auth-vis__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;filter:grayscale(.35) contrast(1.1)}
  207. .auth-vis__ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,22,40,.4) 0%,rgba(11,22,40,.92) 70%)}
  208. .auth-vis__logo{position:absolute;top:48px;left:60px;z-index:2;display:flex;align-items:center;gap:14px}
  209. .auth-vis__crest{width:52px;height:52px;border-radius:50%;border:2px solid rgba(184,134,42,.6);overflow:hidden;background:rgba(255,255,255,.06);padding:3px}
  210. .auth-vis__crest img{width:100%;height:100%;object-fit:contain}
  211. .auth-vis__sname{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff}
  212. .auth-vis__stag{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lt)}
  213. .auth-vis__content{position:relative;z-index:2}
  214. .auth-vis__quote{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:600;color:#fff;line-height:1.3;margin-bottom:14px}
  215. .auth-vis__quote em{color:var(--gold-lt);font-style:italic}
  216. .auth-vis__caption{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.65;max-width:340px}
  217. .auth-vis__bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt),transparent)}
  218. .auth-form{width:min(500px,100%);flex-shrink:0;background:var(--white);display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,72px) clamp(28px,5vw,60px);min-height:100vh;overflow-y:auto}
  219. .auth-form__title{font-family:var(--fd);font-size:2rem;font-weight:600;color:var(--navy);line-height:1.1}
  220. .auth-form__sub{font-size:.875rem;color:var(--muted);margin-top:8px;margin-bottom:32px;line-height:1.6}
  221. .f-group{margin-bottom:20px}
  222. .f-group label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}
  223. .f-group input,.f-group select,.f-group textarea,.f-group .form-control{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--r1);font-family:var(--fb);font-size:.9rem;color:var(--navy);background:var(--ivory);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;appearance:none}
  224. .f-group input:focus,.f-group select:focus,.f-group textarea:focus,.f-group .form-control:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(184,134,42,.13)}
  225. .f-group input::placeholder{color:var(--muted);opacity:.6}
  226. .f-group textarea{resize:vertical;min-height:120px}
  227. .f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  228. .f-check{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--slate);line-height:1.5;margin-bottom:24px}
  229. .f-check input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;flex-shrink:0;margin-top:2px}
  230. .f-check a{color:var(--gold);font-weight:600;text-decoration:none}
  231. .f-opts{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;font-size:.82rem}
  232. .f-opts label{display:flex;align-items:center;gap:7px;cursor:pointer}
  233. .f-opts input[type=checkbox]{accent-color:var(--gold)}
  234. .f-opts a{color:var(--gold);font-weight:600;text-decoration:none}
  235. .f-opts a:hover{text-decoration:underline}
  236. .f-alert{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:var(--r1);font-size:.875rem;margin-bottom:22px;border-left:4px solid}
  237. .f-alert--err{background:rgba(192,57,43,.07);border-color:var(--err);color:#922b21}
  238. .f-alert--warn{background:rgba(212,135,10,.07);border-color:var(--warn);color:#7d5c04}
  239. .f-alert--ok{background:rgba(42,157,92,.07);border-color:var(--ok);color:#1a5e36}
  240. .auth-foot{margin-top:26px;text-align:center;font-size:.85rem;color:var(--muted)}
  241. .auth-foot a{color:var(--gold);font-weight:600;text-decoration:none}
  242. .auth-foot a:hover{text-decoration:underline}
  243. .invalid-feedback{font-size:.78rem;color:var(--err);margin-top:5px;display:block}
  244. @media(max-width:720px){.auth-vis{display:none}.auth-form{width:100%;min-height:100vh}.f-row{grid-template-columns:1fr}}
  246. /* ════ FLASH ══════════════════════════════════════════════ */
  247. .flash-stack{position:fixed;top:calc(var(--nav-h) + 12px);right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px;width:calc(100% - 32px)}
  248. .flash-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r1);background:#fff;border-left:4px solid var(--gold);box-shadow:var(--sh2);animation:slideInR .3s ease both}
  249. .flash-item--success{border-color:var(--ok)}.flash-item--danger{border-color:var(--err)}.flash-item--warning{border-color:var(--warn)}.flash-item--info{border-color:var(--info)}
  250. .flash-icon{font-size:.95rem;margin-top:1px}
  251. .flash-item--success .flash-icon{color:var(--ok)}.flash-item--danger .flash-icon{color:var(--err)}.flash-item--warning .flash-icon{color:var(--warn)}.flash-item--info .flash-icon{color:var(--info)}
  252. .flash-text{font-size:.86rem;flex:1;line-height:1.5}
  253. .flash-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.95rem;padding:0;line-height:1}
  254. .flash-close:hover{color:var(--navy)}
  256. /* ════ FOOTER ═════════════════════════════════════════════ */
  257. .footer-bar{height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt),var(--gold))}
  258. .footer{background:var(--navy);padding:60px var(--gx) 28px;color:rgba(255,255,255,.5);font-size:.875rem}
  259. .footer__grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:24px}
  260. .footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  261. .footer__crest{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(184,134,42,.4);overflow:hidden;padding:3px;background:rgba(255,255,255,.04)}
  262. .footer__crest img{width:100%;height:100%;object-fit:contain}
  263. .footer__brand-name{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:#fff}
  264. .footer__brand-tag{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-top:1px}
  265. .footer__brand p{font-size:.84rem;line-height:1.75;max-width:280px}
  266. .footer__col h4{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:18px}
  267. .footer__links{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px}
  268. .footer__links a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .18s;font-size:.84rem}
  269. .footer__links a:hover{color:var(--gold-lt)}
  270. .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.76rem}
  271. .footer__bottom a{color:var(--gold);text-decoration:none}
  272. @media(max-width:860px){.footer__grid{grid-template-columns:1fr 1fr}}
  273. @media(max-width:520px){.footer__grid{grid-template-columns:1fr;gap:28px}.footer__bottom{flex-direction:column;text-align:center}}
  275. /* ════ COMPOSANTS PAGES ═══════════════════════════════════ */
  276. /* Hero */
  277. .hero{position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;background:var(--navy);margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h)}
  278. .hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(.5) contrast(1.1)}
  279. .hero__vig{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(11,22,40,.3) 0%,rgba(11,22,40,.88) 70%)}
  280. .hero__vline{position:absolute;left:var(--gx);top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,var(--gold) 40%,transparent 100%);opacity:.5}
  281. .hero__content{position:relative;z-index:2;padding:0 var(--gx);max-width:860px;animation:fadeUp .9s .1s ease both}
  282. .hero__tag{display:inline-flex;align-items:center;gap:12px;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:28px}
  283. .hero__tag::before{content:'';width:32px;height:1px;background:var(--gold-lt)}
  284. .hero__title{font-family:var(--fd);font-size:clamp(2.6rem,6vw,5.2rem);font-weight:600;line-height:1.06;color:#fff;margin-bottom:26px}
  285. .hero__title em{color:var(--gold-lt);font-style:italic}
  286. .hero__body{font-size:clamp(.9rem,1.2vw,1.05rem);color:rgba(255,255,255,.58);line-height:1.8;max-width:500px;margin-bottom:40px}
  287. .hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
  288. .hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;color:rgba(255,255,255,.3);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;animation:bob 2s ease-in-out infinite}
  289. .hero__arrow{width:18px;height:18px;border-right:1.5px solid rgba(255,255,255,.3);border-bottom:1.5px solid rgba(255,255,255,.3);transform:rotate(45deg)}
  291. /* KPI band */
  292. .kpi-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold)}
  293. .kpi-item{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
  294. .kpi-item:last-child{border-right:none}
  295. .kpi-num{font-family:var(--fd);font-size:2.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:5px}
  296. .kpi-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
  297. @media(max-width:600px){.kpi-band{grid-template-columns:1fr 1fr}.kpi-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.18)}.kpi-item:nth-child(even){border-left:1px solid rgba(255,255,255,.18)}}
  299. /* Features */
  300. .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}
  301. .feat{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:28px 26px;transition:box-shadow .22s,transform .2s,border-color .2s}
  302. .feat:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:rgba(184,134,42,.3)}
  303. .feat__icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-lt));display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:20px;box-shadow:0 4px 14px rgba(184,134,42,.3)}
  304. .feat__title{font-size:1.05rem;font-weight:600;margin-bottom:9px;color:var(--navy)}
  305. .feat__body{font-size:.875rem;color:var(--muted);line-height:1.7}
  307. /* Examens */
  308. .exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:44px}
  309. .exam-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r2);padding:20px 16px;text-align:center;transition:background .2s,border-color .2s}
  310. .exam-card:hover{background:rgba(184,134,42,.1);border-color:rgba(184,134,42,.25)}
  311. .exam-card__name{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:14px}
  312. .exam-card canvas{display:block;margin:auto;max-width:140px;max-height:140px}
  314. /* CTA band */
  315. .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:var(--spy) var(--gx);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px;border-top:1px solid rgba(255,255,255,.06)}
  316. .cta-band__title{font-family:var(--fd);font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:600;color:#fff}
  317. .cta-band__sub{color:rgba(255,255,255,.45);margin-top:8px;font-size:.9rem}
  318. .cta-band__acts{display:flex;gap:14px;flex-wrap:wrap}
  320. /* Personnes */
  321. .people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:22px}
  322. .person-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:box-shadow .22s,transform .2s}
  323. .person-card:hover{box-shadow:var(--sh2);transform:translateY(-4px)}
  324. .person-card__img{height:195px;overflow:hidden;background:var(--navy)}
  325. .person-card__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:transform .4s,filter .35s}
  326. .person-card:hover .person-card__img img{transform:scale(1.06);filter:grayscale(0)}
  327. .person-card__body{padding:16px 18px 20px}
  328. .person-card__name{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:4px}
  329. .person-card__role{font-size:.78rem;color:var(--gold);font-weight:500}
  331. /* Staff */
  332. .staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
  333. .staff-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:22px 20px;display:flex;align-items:center;gap:18px;transition:box-shadow .2s,transform .18s}
  334. .staff-card:hover{box-shadow:var(--sh1);transform:translateY(-2px)}
  335. .staff-card__av{width:58px;height:58px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2.5px solid var(--gold);padding:2px}
  336. .staff-card__av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  337. .staff-card__name{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:4px}
  339. /* Empty */
  340. .empty-state{text-align:center;padding:80px 24px}
  341. .empty-state i{font-size:2.4rem;color:var(--gold);opacity:.4;margin-bottom:18px}
  342. .empty-state h3{font-family:var(--fd);font-size:1.4rem;margin-bottom:10px}
  343. .empty-state p{color:var(--muted);font-size:.9rem;margin-bottom:24px}
  345. /* Aide */
  346. .help-layout{display:grid;grid-template-columns:260px 1fr;gap:0;max-width:1180px;margin:0 auto;padding:40px var(--gx) 80px;align-items:start}
  347. .help-sidebar{position:sticky;top:calc(var(--nav-h) + 20px)}
  348. .help-nav{list-style:none}
  349. .help-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r1);font-size:.86rem;font-weight:500;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:all .18s}
  350. .help-nav a:hover,.help-nav a.here{background:var(--white);color:var(--navy);border-left-color:var(--gold);box-shadow:var(--sh1)}
  351. .help-nav a i{width:16px;text-align:center;color:var(--gold)}
  352. .help-nav__label{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 14px 6px}
  353. .help-content{padding-left:36px;border-left:1px solid var(--border)}
  354. .help-sec{margin-bottom:52px}
  355. .help-sec__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  356. .help-sec__icon{width:40px;height:40px;border-radius:9px;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  357. .help-sec__title{font-family:var(--fd);font-size:1.3rem;font-weight:600}
  358. .help-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}
  359. .help-card__text{padding:20px 22px;font-size:.9rem;line-height:1.8;color:var(--slate)}
  360. .help-card__text a{color:var(--gold);font-weight:600;text-decoration:none}
  361. .help-card__text b{color:var(--navy)}
  362. .help-card__img{border-top:1px solid var(--border)}
  363. .help-card__img img{width:100%}
  364. @media(max-width:760px){.help-layout{grid-template-columns:1fr}.help-sidebar{display:none}.help-content{padding-left:0;border:none}}
  366. /* Contact */
  367. .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  368. .contact-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:36px}
  369. @media(max-width:760px){.contact-layout{grid-template-columns:1fr}}
  371. /* Pagination KNP */
  372. .pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:36px}
  373. .page-item .page-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r1);border:1px solid var(--border);background:var(--white);font-size:.82rem;font-weight:500;color:var(--slate);text-decoration:none;transition:all .18s}
  374. .page-item.active .page-link{background:var(--gold);border-color:var(--gold);color:#fff}
  375. .page-item .page-link:hover{border-color:var(--gold);color:var(--gold)}
  377. /* ════ ANIMATIONS ══════════════════════════════════════════ */
  378. @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  379. @keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
  380. @keyframes slideInR{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
  381. @keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}
  382. .anim-up{animation:fadeUp .55s ease both}
  383. ";
  384. // line 295
  385. $context['_parent'] = $context;
  386. $context['_seq'] = CoreExtension::ensureTraversable(range(1, 24));
  387. foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  388. // line 296
  389. yield ".stagger>*:nth-child(";
  390. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["i"], "html", null, true);
  391. yield "){animation:fadeUp .5s ";
  392. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::round(($context["i"] * 0.065), 3), "html", null, true);
  393. yield "s ease both}
  394. ";
  395. }
  396. $_parent = $context['_parent'];
  397. unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
  398. $context = array_intersect_key($context, $_parent) + $_parent;
  399. // line 298
  400. yield "</style>
  401. ";
  403. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  406. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  408. yield from [];
  409. }
  411. // line 301
  412. /**
  413. * @return iterable<null|scalar|\Stringable>
  414. */
  415. public function block_title(array $context, array $blocks = []): iterable
  416. {
  417. $macros = $this->macros;
  418. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  419. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  421. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  422. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  424. yield from $this->unwrap()->yieldBlock('name', $context, $blocks);
  426. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  429. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  431. yield from [];
  432. }
  434. /**
  435. * @return iterable<null|scalar|\Stringable>
  436. */
  437. public function block_name(array $context, array $blocks = []): iterable
  438. {
  439. $macros = $this->macros;
  440. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  441. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "name"));
  443. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  444. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "name"));
  446. yield "LiveEdu — Institut Bethesda";
  448. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  451. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  453. yield from [];
  454. }
  456. // line 304
  457. /**
  458. * @return iterable<null|scalar|\Stringable>
  459. */
  460. public function block_partials(array $context, array $blocks = []): iterable
  461. {
  462. $macros = $this->macros;
  463. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  464. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "partials"));
  466. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  467. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "partials"));
  469. // line 305
  470. yield from $this->yieldParentBlock("partials", $context, $blocks);
  471. yield "
  472. <nav class=\"nav\" id=\"mnav\">
  473. <a class=\"nav__brand\" href=\"";
  474. // line 307
  475. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  476. yield "\">
  477. <div class=\"nav__crest\"><img src=\"";
  478. // line 308
  479. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/BethesdaLogo.png"), "html", null, true);
  480. yield "\" alt=\"Bethesda\"></div>
  481. <div><div class=\"nav__name\">Institut Bethesda</div><div class=\"nav__sub\">LiveEdu &bull; Plateforme scolaire</div></div>
  482. </a>
  483. <ul class=\"nav__links\">
  484. <li><a href=\"";
  485. // line 312
  486. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  487. yield "\">Accueil</a></li>
  488. <li><a href=\"";
  489. // line 313
  490. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_rooms");
  491. yield "\">Classes</a></li>
  492. <li><a href=\"";
  493. // line 314
  494. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_teachers");
  495. yield "\">Enseignants</a></li>
  496. <li><a href=\"";
  497. // line 315
  498. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_staff");
  499. yield "\">Direction</a></li>
  500. <li><a href=\"";
  501. // line 316
  502. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_contact");
  503. yield "\">Contact</a></li>
  504. <li><a href=\"";
  505. // line 317
  506. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_help");
  507. yield "\">Aide</a></li>
  508. </ul>
  509. <div class=\"nav__acts\">
  510. ";
  511. // line 320
  512. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 320, $this->source); })()), "user", [], "any", false, false, false, 320)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  513. // line 321
  514. yield " <a href=\"";
  515. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("admin_classrooms");
  516. yield "\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-th-large\"></i> Dashboard</a>
  517. ";
  518. } else {
  519. // line 323
  520. yield " <a href=\"";
  521. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  522. yield "\" class=\"nbtn nbtn-ol\"><i class=\"fa fa-sign-in\"></i> Connexion</a>
  523. ";
  524. }
  525. // line 325
  526. yield " </div>
  527. <button class=\"nav__burger\" id=\"mbgr\" aria-label=\"Menu\" aria-expanded=\"false\"><b></b><b></b><b></b></button>
  528. </nav>
  529. <div class=\"nav__drawer\" id=\"mdrw\">
  530. <ul>
  531. <li><a href=\"";
  532. // line 330
  533. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  534. yield "\"><i class=\"fa fa-home\"></i> Accueil</a></li>
  535. <li><a href=\"";
  536. // line 331
  537. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_rooms");
  538. yield "\"><i class=\"fa fa-building-o\"></i> Classes</a></li>
  539. <li><a href=\"";
  540. // line 332
  541. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_teachers");
  542. yield "\"><i class=\"fa fa-users\"></i> Enseignants</a></li>
  543. <li><a href=\"";
  544. // line 333
  545. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_staff");
  546. yield "\"><i class=\"fa fa-shield\"></i> Direction</a></li>
  547. <li><a href=\"";
  548. // line 334
  549. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_contact");
  550. yield "\"><i class=\"fa fa-envelope-o\"></i> Contact</a></li>
  551. <li><a href=\"";
  552. // line 335
  553. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_help");
  554. yield "\"><i class=\"fa fa-question-circle-o\"></i> Aide</a></li>
  555. </ul>
  556. <div class=\"drawer-acts\">
  557. ";
  558. // line 338
  559. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 338, $this->source); })()), "user", [], "any", false, false, false, 338)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  560. // line 339
  561. yield " <a href=\"";
  562. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("admin_classrooms");
  563. yield "\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-th-large\"></i> Dashboard</a>
  564. ";
  565. } else {
  566. // line 341
  567. yield " <a href=\"";
  568. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  569. yield "\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-sign-in\"></i> Connexion</a>
  570. <a href=\"";
  571. // line 342
  572. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_register");
  573. yield "\" class=\"nbtn nbtn-ol\"><i class=\"fa fa-user-plus\"></i> Créer un compte</a>
  574. ";
  575. }
  576. // line 344
  577. yield " </div>
  578. </div>
  579. ";
  581. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  584. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  586. yield from [];
  587. }
  589. // line 348
  590. /**
  591. * @return iterable<null|scalar|\Stringable>
  592. */
  593. public function block_body(array $context, array $blocks = []): iterable
  594. {
  595. $macros = $this->macros;
  596. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  597. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  599. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  600. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  603. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  606. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  608. yield from [];
  609. }
  611. // line 351
  612. /**
  613. * @return iterable<null|scalar|\Stringable>
  614. */
  615. public function block_footer(array $context, array $blocks = []): iterable
  616. {
  617. $macros = $this->macros;
  618. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  619. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  621. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  622. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  624. // line 352
  625. yield "<div class=\"footer-bar\"></div>
  626. <footer class=\"footer\">
  627. <div class=\"footer__grid\">
  628. <div>
  629. <div class=\"footer__logo\">
  630. <div class=\"footer__crest\"><img src=\"";
  631. // line 357
  632. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/BethesdaLogo.png"), "html", null, true);
  633. yield "\" alt=\"\"></div>
  634. <div><div class=\"footer__brand-name\">Institut Bethesda</div><div class=\"footer__brand-tag\">LiveEdu</div></div>
  635. </div>
  636. <p>Établissement d'enseignement secondaire bilingue, formant les leaders de demain dans un environnement d'excellence académique.</p>
  637. </div>
  638. <div class=\"footer__col\"><h4>Navigation</h4>
  639. <ul class=\"footer__links\">
  640. <li><a href=\"";
  641. // line 364
  642. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  643. yield "\">Accueil</a></li>
  644. <li><a href=\"";
  645. // line 365
  646. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_rooms");
  647. yield "\">Nos classes</a></li>
  648. <li><a href=\"";
  649. // line 366
  650. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_teachers");
  651. yield "\">Enseignants</a></li>
  652. <li><a href=\"";
  653. // line 367
  654. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_staff");
  655. yield "\">Direction</a></li>
  656. </ul>
  657. </div>
  658. <div class=\"footer__col\"><h4>Ressources</h4>
  659. <ul class=\"footer__links\">
  660. <li><a href=\"";
  661. // line 372
  662. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_help");
  663. yield "\">Guide d'utilisation</a></li>
  664. <li><a href=\"";
  665. // line 373
  666. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_contact");
  667. yield "\">Nous contacter</a></li>
  668. ";
  669. // line 374
  670. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 374, $this->source); })()), "user", [], "any", false, false, false, 374)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  671. yield "<li><a href=\"";
  672. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("admin_classrooms");
  673. yield "\">Dashboard</a></li>";
  674. } else {
  675. yield "<li><a href=\"";
  676. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  677. yield "\">Connexion</a></li>";
  678. }
  679. // line 375
  680. yield " </ul>
  681. </div>
  682. <div class=\"footer__col\"><h4>Contact</h4>
  683. <ul class=\"footer__links\">
  684. <li><a href=\"mailto:[email protected]\"><i class=\"fa fa-envelope-o\"></i> [email protected]</a></li>
  685. <li><i class=\"fa fa-map-marker\"></i> Cameroun</li>
  686. </ul>
  687. </div>
  688. </div>
  689. <div class=\"footer__bottom\">
  690. <span>© ";
  691. // line 385
  692. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y"), "html", null, true);
  693. yield " Institut Secondaire Bilingue Bethesda. Tous droits réservés.</span>
  694. <span>Conçu par <a href=\"#\">Polyinformatique</a></span>
  695. </div>
  696. </footer>
  697. ";
  699. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  702. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  704. yield from [];
  705. }
  707. // line 391
  708. /**
  709. * @return iterable<null|scalar|\Stringable>
  710. */
  711. public function block_javascripts(array $context, array $blocks = []): iterable
  712. {
  713. $macros = $this->macros;
  714. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  715. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  717. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  718. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  720. // line 392
  721. yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  722. yield "
  723. <script>
  724. (function(){
  725. 'use strict';
  726. /* Nav scroll */
  727. var nav=document.getElementById('mnav');
  728. if(nav){
  729. function ck(){nav.classList.toggle('solid',window.scrollY>48)}
  730. window.addEventListener('scroll',ck,{passive:true});ck();
  731. var p=window.location.pathname;
  732. nav.querySelectorAll('.nav__links a,.nav__drawer a').forEach(function(a){if(a.getAttribute('href')===p)a.classList.add('here')});
  733. }
  734. /* Burger */
  735. var bgr=document.getElementById('mbgr'),drw=document.getElementById('mdrw');
  736. if(bgr&&drw){
  737. bgr.addEventListener('click',function(){
  738. var o=drw.classList.toggle('open');
  739. bgr.classList.toggle('open',o);bgr.setAttribute('aria-expanded',o);
  740. document.body.style.overflow=o?'hidden':'';
  741. });
  742. drw.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){drw.classList.remove('open');bgr.classList.remove('open');bgr.setAttribute('aria-expanded','false');document.body.style.overflow='';})});
  743. }
  744. /* Flash */
  745. document.addEventListener('click',function(e){
  746. var item=e.target.closest&&e.target.closest('.flash-close');
  747. if(item){var el=item.closest('.flash-item');if(el){el.style.opacity='0';el.style.transition='opacity .2s';setTimeout(function(){el.remove()},220)}}
  748. });
  749. setTimeout(function(){document.querySelectorAll('.flash-item').forEach(function(el){el.style.transition='opacity .4s';el.style.opacity='0';setTimeout(function(){el.remove()},420)})},5200);
  750. })();
  751. </script>
  752. ";
  754. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  757. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  759. yield from [];
  760. }
  762. /**
  763. * @codeCoverageIgnore
  764. */
  765. public function getTemplateName(): string
  766. {
  767. return "layout/frontEndLayout.html.twig";
  768. }
  770. /**
  771. * @codeCoverageIgnore
  772. */
  773. public function isTraitable(): bool
  774. {
  775. return false;
  776. }
  778. /**
  779. * @codeCoverageIgnore
  780. */
  781. public function getDebugInfo(): array
  782. {
  783. return array ( 721 => 392, 708 => 391, 692 => 385, 680 => 375, 670 => 374, 666 => 373, 662 => 372, 654 => 367, 650 => 366, 646 => 365, 642 => 364, 632 => 357, 625 => 352, 612 => 351, 590 => 348, 577 => 344, 572 => 342, 567 => 341, 561 => 339, 559 => 338, 553 => 335, 549 => 334, 545 => 333, 541 => 332, 537 => 331, 533 => 330, 526 => 325, 520 => 323, 514 => 321, 512 => 320, 506 => 317, 502 => 316, 498 => 315, 494 => 314, 490 => 313, 486 => 312, 479 => 308, 475 => 307, 470 => 305, 457 => 304, 412 => 301, 400 => 298, 389 => 296, 385 => 295, 94 => 7, 90 => 6, 86 => 5, 82 => 4, 69 => 3, 46 => 1,);
  784. }
  786. public function getSourceContext(): Source
  787. {
  788. return new Source("{% extends 'layout/base.html.twig' %}
  790. {% block stylesheets %}
  791. {{ parent() }}
  792. <link href=\"{{ asset('assets/css/versions.css') }}\" rel=\"stylesheet\">
  793. <link href=\"{{ asset('assets/css/responsive.css') }}\" rel=\"stylesheet\">
  794. <script src=\"{{ asset('assets/js/modernizer.js') }}\"></script>
  795. <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  796. <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  797. <link href=\"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">
  799. <style>
  800. /* ═══════════════════════════════════════════════════════════════
  801. DESIGN SYSTEM — Institut Bethesda / LiveEdu
  802. Charte : Bleu nuit profond · Or champenois · Ivoire chaud
  803. Typo : Cormorant Garamond (prestige) + Outfit (lisibilité)
  804. ═══════════════════════════════════════════════════════════════ */
  805. :root {
  806. --navy: #0b1628;
  807. --navy2: #122040;
  808. --gold: #b8862a;
  809. --gold-lt: #e0b055;
  810. --gold-bg: rgba(184,134,42,.1);
  811. --ivory: #f8f5ef;
  812. --white: #ffffff;
  813. --slate: #2d3f55;
  814. --muted: #6e7e94;
  815. --border: rgba(11,22,40,.09);
  816. --ok: #2a9d5c; --warn: #d4870a; --err: #c0392b; --info: #1a6fb5;
  817. --fd: 'Cormorant Garamond', Georgia, serif;
  818. --fb: 'Outfit', system-ui, sans-serif;
  819. --r1:6px; --r2:12px; --r3:20px;
  820. --sh1:0 2px 8px rgba(11,22,40,.07);
  821. --sh2:0 8px 28px rgba(11,22,40,.11);
  822. --sh3:0 20px 60px rgba(11,22,40,.16);
  823. --nav-h:72px;
  824. --gx: clamp(20px,5vw,72px);
  825. --spy: clamp(60px,8vw,110px);
  826. }
  827. *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  828. html{scroll-behavior:smooth}
  829. body{font-family:var(--fb);background:var(--ivory);color:var(--navy);-webkit-font-smoothing:antialiased;padding-top:var(--nav-h)}
  830. img{max-width:100%;display:block}
  831. a{color:inherit}
  833. /* ════ NAV ════════════════════════════════════════════════ */
  834. .nav{position:fixed;inset:0 0 auto 0;z-index:900;height:var(--nav-h);display:flex;align-items:center;padding:0 var(--gx);background:rgba(11,22,40,.9);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:background .35s,box-shadow .35s}
  835. .nav.solid{background:var(--navy);box-shadow:0 4px 32px rgba(0,0,0,.3)}
  836. .nav__brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0;margin-right:auto}
  837. .nav__crest{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(184,134,42,.5);overflow:hidden;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  838. .nav__crest img{width:100%;height:100%;object-fit:contain;padding:4px}
  839. .nav__name{font-family:var(--fd);font-size:1.18rem;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1}
  840. .nav__sub{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-top:2px}
  841. .nav__links{display:flex;align-items:center;gap:2px;list-style:none;margin:0 20px 0 0}
  842. .nav__links a{display:block;padding:8px 13px;font-size:.825rem;font-weight:500;color:rgba(255,255,255,.65);text-decoration:none;border-radius:var(--r1);transition:color .18s,background .18s}
  843. .nav__links a:hover{color:#fff;background:rgba(255,255,255,.07)}
  844. .nav__links a.here{color:var(--gold-lt)}
  845. .nav__acts{display:flex;align-items:center;gap:10px;flex-shrink:0}
  846. .nbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;border-radius:var(--r1);font-family:var(--fb);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .18s;letter-spacing:.02em}
  847. .nbtn-ol{background:transparent;color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.22)}
  848. .nbtn-ol:hover{border-color:var(--gold-lt);color:var(--gold-lt)}
  849. .nbtn-gd{background:var(--gold);color:#fff;border-color:var(--gold)}
  850. .nbtn-gd:hover{background:var(--gold-lt);border-color:var(--gold-lt);color:#fff;transform:translateY(-1px)}
  851. .nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px}
  852. .nav__burger b{display:block;height:1.5px;background:#fff;border-radius:2px;transition:transform .28s,opacity .22s;transform-origin:center}
  853. .nav__burger.open b:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  854. .nav__burger.open b:nth-child(2){opacity:0}
  855. .nav__burger.open b:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  856. .nav__drawer{display:none;position:fixed;inset:var(--nav-h) 0 0 0;background:var(--navy);z-index:899;overflow-y:auto;padding:28px var(--gx) 40px}
  857. .nav__drawer.open{display:block;animation:slideDown .25s ease both}
  858. .nav__drawer ul{list-style:none;padding:0}
  859. .nav__drawer li{border-bottom:1px solid rgba(255,255,255,.06)}
  860. .nav__drawer a{display:flex;align-items:center;gap:10px;padding:15px 4px;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);text-decoration:none;transition:color .15s}
  861. .nav__drawer a i{color:var(--gold);width:18px;text-align:center}
  862. .nav__drawer a:hover{color:var(--gold-lt)}
  863. .drawer-acts{display:flex;flex-direction:column;gap:12px;margin-top:28px}
  864. .drawer-acts .nbtn{justify-content:center;width:100%;padding:13px}
  865. @media(max-width:900px){.nav__links,.nav__acts{display:none}.nav__burger{display:flex}}
  867. /* ════ BOUTONS ════════════════════════════════════════════ */
  868. .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--r1);font-family:var(--fb);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:all .18s;letter-spacing:.02em;white-space:nowrap}
  869. .btn:hover{transform:translateY(-2px)}
  870. .btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
  871. .btn-gold:hover{background:var(--gold-lt);border-color:var(--gold-lt);box-shadow:0 6px 20px rgba(184,134,42,.3);color:#fff}
  872. .btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
  873. .btn-navy:hover{background:var(--navy2);color:#fff}
  874. .btn-ghost{background:transparent;color:var(--navy);border-color:var(--border)}
  875. .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
  876. .btn-ghost-w{background:transparent;color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.3)}
  877. .btn-ghost-w:hover{border-color:#fff;color:#fff}
  878. .btn-sm{padding:8px 18px;font-size:.8rem}
  879. .btn-lg{padding:15px 34px;font-size:.95rem}
  880. .btn-full{width:100%;justify-content:center}
  882. /* ════ TYPO SECTIONS ══════════════════════════════════════ */
  883. .sec-label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:10px}
  884. .sec-label::before{content:'';width:24px;height:1px;background:var(--gold);display:block}
  885. .sec-h{font-family:var(--fd);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:600;line-height:1.12;color:var(--navy);margin-bottom:14px}
  886. .sec-h em{font-style:italic;color:var(--gold)}
  887. .sec-sub{font-size:.95rem;color:var(--muted);line-height:1.75;max-width:520px}
  888. .page-hd{background:var(--navy);padding:60px var(--gx) 52px;position:relative;overflow:hidden}
  889. .page-hd::after{content:'';position:absolute;inset:0;background:url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");pointer-events:none}
  890. .page-hd__in{position:relative;z-index:1}
  891. .page-hd__title{font-family:var(--fd);font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:600;color:#fff;line-height:1.12}
  892. .page-hd__sub{color:rgba(255,255,255,.45);margin-top:10px;font-size:.9rem}
  893. .page-hd__glow{position:absolute;right:-40px;top:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(184,134,42,.18),transparent 68%);pointer-events:none}
  895. /* ════ SECTIONS UTILITAIRES ═══════════════════════════════ */
  896. .section{padding:var(--spy) var(--gx)}
  897. .section--white{background:var(--white)}
  898. .section--ivory{background:var(--ivory)}
  899. .section--navy{background:var(--navy)}
  900. .wrap{max-width:1280px;margin:0 auto}
  902. /* ════ FORMULAIRES AUTH ═══════════════════════════════════ */
  903. .auth-shell{min-height:100vh;display:flex;margin-top:calc(-1 * var(--nav-h));padding-top:0}
  904. .auth-vis{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px;background:var(--navy);min-height:100vh}
  905. .auth-vis__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;filter:grayscale(.35) contrast(1.1)}
  906. .auth-vis__ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,22,40,.4) 0%,rgba(11,22,40,.92) 70%)}
  907. .auth-vis__logo{position:absolute;top:48px;left:60px;z-index:2;display:flex;align-items:center;gap:14px}
  908. .auth-vis__crest{width:52px;height:52px;border-radius:50%;border:2px solid rgba(184,134,42,.6);overflow:hidden;background:rgba(255,255,255,.06);padding:3px}
  909. .auth-vis__crest img{width:100%;height:100%;object-fit:contain}
  910. .auth-vis__sname{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff}
  911. .auth-vis__stag{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lt)}
  912. .auth-vis__content{position:relative;z-index:2}
  913. .auth-vis__quote{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:600;color:#fff;line-height:1.3;margin-bottom:14px}
  914. .auth-vis__quote em{color:var(--gold-lt);font-style:italic}
  915. .auth-vis__caption{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.65;max-width:340px}
  916. .auth-vis__bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt),transparent)}
  917. .auth-form{width:min(500px,100%);flex-shrink:0;background:var(--white);display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,72px) clamp(28px,5vw,60px);min-height:100vh;overflow-y:auto}
  918. .auth-form__title{font-family:var(--fd);font-size:2rem;font-weight:600;color:var(--navy);line-height:1.1}
  919. .auth-form__sub{font-size:.875rem;color:var(--muted);margin-top:8px;margin-bottom:32px;line-height:1.6}
  920. .f-group{margin-bottom:20px}
  921. .f-group label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}
  922. .f-group input,.f-group select,.f-group textarea,.f-group .form-control{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--r1);font-family:var(--fb);font-size:.9rem;color:var(--navy);background:var(--ivory);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;appearance:none}
  923. .f-group input:focus,.f-group select:focus,.f-group textarea:focus,.f-group .form-control:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(184,134,42,.13)}
  924. .f-group input::placeholder{color:var(--muted);opacity:.6}
  925. .f-group textarea{resize:vertical;min-height:120px}
  926. .f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  927. .f-check{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--slate);line-height:1.5;margin-bottom:24px}
  928. .f-check input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;flex-shrink:0;margin-top:2px}
  929. .f-check a{color:var(--gold);font-weight:600;text-decoration:none}
  930. .f-opts{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;font-size:.82rem}
  931. .f-opts label{display:flex;align-items:center;gap:7px;cursor:pointer}
  932. .f-opts input[type=checkbox]{accent-color:var(--gold)}
  933. .f-opts a{color:var(--gold);font-weight:600;text-decoration:none}
  934. .f-opts a:hover{text-decoration:underline}
  935. .f-alert{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:var(--r1);font-size:.875rem;margin-bottom:22px;border-left:4px solid}
  936. .f-alert--err{background:rgba(192,57,43,.07);border-color:var(--err);color:#922b21}
  937. .f-alert--warn{background:rgba(212,135,10,.07);border-color:var(--warn);color:#7d5c04}
  938. .f-alert--ok{background:rgba(42,157,92,.07);border-color:var(--ok);color:#1a5e36}
  939. .auth-foot{margin-top:26px;text-align:center;font-size:.85rem;color:var(--muted)}
  940. .auth-foot a{color:var(--gold);font-weight:600;text-decoration:none}
  941. .auth-foot a:hover{text-decoration:underline}
  942. .invalid-feedback{font-size:.78rem;color:var(--err);margin-top:5px;display:block}
  943. @media(max-width:720px){.auth-vis{display:none}.auth-form{width:100%;min-height:100vh}.f-row{grid-template-columns:1fr}}
  945. /* ════ FLASH ══════════════════════════════════════════════ */
  946. .flash-stack{position:fixed;top:calc(var(--nav-h) + 12px);right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px;width:calc(100% - 32px)}
  947. .flash-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r1);background:#fff;border-left:4px solid var(--gold);box-shadow:var(--sh2);animation:slideInR .3s ease both}
  948. .flash-item--success{border-color:var(--ok)}.flash-item--danger{border-color:var(--err)}.flash-item--warning{border-color:var(--warn)}.flash-item--info{border-color:var(--info)}
  949. .flash-icon{font-size:.95rem;margin-top:1px}
  950. .flash-item--success .flash-icon{color:var(--ok)}.flash-item--danger .flash-icon{color:var(--err)}.flash-item--warning .flash-icon{color:var(--warn)}.flash-item--info .flash-icon{color:var(--info)}
  951. .flash-text{font-size:.86rem;flex:1;line-height:1.5}
  952. .flash-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.95rem;padding:0;line-height:1}
  953. .flash-close:hover{color:var(--navy)}
  955. /* ════ FOOTER ═════════════════════════════════════════════ */
  956. .footer-bar{height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt),var(--gold))}
  957. .footer{background:var(--navy);padding:60px var(--gx) 28px;color:rgba(255,255,255,.5);font-size:.875rem}
  958. .footer__grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:24px}
  959. .footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  960. .footer__crest{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(184,134,42,.4);overflow:hidden;padding:3px;background:rgba(255,255,255,.04)}
  961. .footer__crest img{width:100%;height:100%;object-fit:contain}
  962. .footer__brand-name{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:#fff}
  963. .footer__brand-tag{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-top:1px}
  964. .footer__brand p{font-size:.84rem;line-height:1.75;max-width:280px}
  965. .footer__col h4{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:18px}
  966. .footer__links{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px}
  967. .footer__links a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .18s;font-size:.84rem}
  968. .footer__links a:hover{color:var(--gold-lt)}
  969. .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.76rem}
  970. .footer__bottom a{color:var(--gold);text-decoration:none}
  971. @media(max-width:860px){.footer__grid{grid-template-columns:1fr 1fr}}
  972. @media(max-width:520px){.footer__grid{grid-template-columns:1fr;gap:28px}.footer__bottom{flex-direction:column;text-align:center}}
  974. /* ════ COMPOSANTS PAGES ═══════════════════════════════════ */
  975. /* Hero */
  976. .hero{position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;background:var(--navy);margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h)}
  977. .hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(.5) contrast(1.1)}
  978. .hero__vig{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(11,22,40,.3) 0%,rgba(11,22,40,.88) 70%)}
  979. .hero__vline{position:absolute;left:var(--gx);top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,var(--gold) 40%,transparent 100%);opacity:.5}
  980. .hero__content{position:relative;z-index:2;padding:0 var(--gx);max-width:860px;animation:fadeUp .9s .1s ease both}
  981. .hero__tag{display:inline-flex;align-items:center;gap:12px;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:28px}
  982. .hero__tag::before{content:'';width:32px;height:1px;background:var(--gold-lt)}
  983. .hero__title{font-family:var(--fd);font-size:clamp(2.6rem,6vw,5.2rem);font-weight:600;line-height:1.06;color:#fff;margin-bottom:26px}
  984. .hero__title em{color:var(--gold-lt);font-style:italic}
  985. .hero__body{font-size:clamp(.9rem,1.2vw,1.05rem);color:rgba(255,255,255,.58);line-height:1.8;max-width:500px;margin-bottom:40px}
  986. .hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
  987. .hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;color:rgba(255,255,255,.3);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;animation:bob 2s ease-in-out infinite}
  988. .hero__arrow{width:18px;height:18px;border-right:1.5px solid rgba(255,255,255,.3);border-bottom:1.5px solid rgba(255,255,255,.3);transform:rotate(45deg)}
  990. /* KPI band */
  991. .kpi-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold)}
  992. .kpi-item{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
  993. .kpi-item:last-child{border-right:none}
  994. .kpi-num{font-family:var(--fd);font-size:2.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:5px}
  995. .kpi-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
  996. @media(max-width:600px){.kpi-band{grid-template-columns:1fr 1fr}.kpi-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.18)}.kpi-item:nth-child(even){border-left:1px solid rgba(255,255,255,.18)}}
  998. /* Features */
  999. .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}
  1000. .feat{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:28px 26px;transition:box-shadow .22s,transform .2s,border-color .2s}
  1001. .feat:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:rgba(184,134,42,.3)}
  1002. .feat__icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-lt));display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:20px;box-shadow:0 4px 14px rgba(184,134,42,.3)}
  1003. .feat__title{font-size:1.05rem;font-weight:600;margin-bottom:9px;color:var(--navy)}
  1004. .feat__body{font-size:.875rem;color:var(--muted);line-height:1.7}
  1006. /* Examens */
  1007. .exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:44px}
  1008. .exam-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r2);padding:20px 16px;text-align:center;transition:background .2s,border-color .2s}
  1009. .exam-card:hover{background:rgba(184,134,42,.1);border-color:rgba(184,134,42,.25)}
  1010. .exam-card__name{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:14px}
  1011. .exam-card canvas{display:block;margin:auto;max-width:140px;max-height:140px}
  1013. /* CTA band */
  1014. .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:var(--spy) var(--gx);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px;border-top:1px solid rgba(255,255,255,.06)}
  1015. .cta-band__title{font-family:var(--fd);font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:600;color:#fff}
  1016. .cta-band__sub{color:rgba(255,255,255,.45);margin-top:8px;font-size:.9rem}
  1017. .cta-band__acts{display:flex;gap:14px;flex-wrap:wrap}
  1019. /* Personnes */
  1020. .people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:22px}
  1021. .person-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:box-shadow .22s,transform .2s}
  1022. .person-card:hover{box-shadow:var(--sh2);transform:translateY(-4px)}
  1023. .person-card__img{height:195px;overflow:hidden;background:var(--navy)}
  1024. .person-card__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:transform .4s,filter .35s}
  1025. .person-card:hover .person-card__img img{transform:scale(1.06);filter:grayscale(0)}
  1026. .person-card__body{padding:16px 18px 20px}
  1027. .person-card__name{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:4px}
  1028. .person-card__role{font-size:.78rem;color:var(--gold);font-weight:500}
  1030. /* Staff */
  1031. .staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
  1032. .staff-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:22px 20px;display:flex;align-items:center;gap:18px;transition:box-shadow .2s,transform .18s}
  1033. .staff-card:hover{box-shadow:var(--sh1);transform:translateY(-2px)}
  1034. .staff-card__av{width:58px;height:58px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2.5px solid var(--gold);padding:2px}
  1035. .staff-card__av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  1036. .staff-card__name{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:4px}
  1038. /* Empty */
  1039. .empty-state{text-align:center;padding:80px 24px}
  1040. .empty-state i{font-size:2.4rem;color:var(--gold);opacity:.4;margin-bottom:18px}
  1041. .empty-state h3{font-family:var(--fd);font-size:1.4rem;margin-bottom:10px}
  1042. .empty-state p{color:var(--muted);font-size:.9rem;margin-bottom:24px}
  1044. /* Aide */
  1045. .help-layout{display:grid;grid-template-columns:260px 1fr;gap:0;max-width:1180px;margin:0 auto;padding:40px var(--gx) 80px;align-items:start}
  1046. .help-sidebar{position:sticky;top:calc(var(--nav-h) + 20px)}
  1047. .help-nav{list-style:none}
  1048. .help-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r1);font-size:.86rem;font-weight:500;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:all .18s}
  1049. .help-nav a:hover,.help-nav a.here{background:var(--white);color:var(--navy);border-left-color:var(--gold);box-shadow:var(--sh1)}
  1050. .help-nav a i{width:16px;text-align:center;color:var(--gold)}
  1051. .help-nav__label{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 14px 6px}
  1052. .help-content{padding-left:36px;border-left:1px solid var(--border)}
  1053. .help-sec{margin-bottom:52px}
  1054. .help-sec__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  1055. .help-sec__icon{width:40px;height:40px;border-radius:9px;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  1056. .help-sec__title{font-family:var(--fd);font-size:1.3rem;font-weight:600}
  1057. .help-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}
  1058. .help-card__text{padding:20px 22px;font-size:.9rem;line-height:1.8;color:var(--slate)}
  1059. .help-card__text a{color:var(--gold);font-weight:600;text-decoration:none}
  1060. .help-card__text b{color:var(--navy)}
  1061. .help-card__img{border-top:1px solid var(--border)}
  1062. .help-card__img img{width:100%}
  1063. @media(max-width:760px){.help-layout{grid-template-columns:1fr}.help-sidebar{display:none}.help-content{padding-left:0;border:none}}
  1065. /* Contact */
  1066. .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  1067. .contact-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:36px}
  1068. @media(max-width:760px){.contact-layout{grid-template-columns:1fr}}
  1070. /* Pagination KNP */
  1071. .pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:36px}
  1072. .page-item .page-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r1);border:1px solid var(--border);background:var(--white);font-size:.82rem;font-weight:500;color:var(--slate);text-decoration:none;transition:all .18s}
  1073. .page-item.active .page-link{background:var(--gold);border-color:var(--gold);color:#fff}
  1074. .page-item .page-link:hover{border-color:var(--gold);color:var(--gold)}
  1076. /* ════ ANIMATIONS ══════════════════════════════════════════ */
  1077. @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  1078. @keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
  1079. @keyframes slideInR{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
  1080. @keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}
  1081. .anim-up{animation:fadeUp .55s ease both}
  1082. {% for i in 1..24 %}
  1083. .stagger>*:nth-child({{i}}){animation:fadeUp .5s {{(i*0.065)|round(3)}}s ease both}
  1084. {% endfor %}
  1085. </style>
  1086. {% endblock %}
  1088. {% block title %}{% block name %}LiveEdu — Institut Bethesda{% endblock %}{% endblock %}
  1090. {# ════ NAVIGATION ══════════════════════════════════════════ #}
  1091. {% block partials %}
  1092. {{ parent() }}
  1093. <nav class=\"nav\" id=\"mnav\">
  1094. <a class=\"nav__brand\" href=\"{{ path('app_home') }}\">
  1095. <div class=\"nav__crest\"><img src=\"{{ asset('assets/images/BethesdaLogo.png') }}\" alt=\"Bethesda\"></div>
  1096. <div><div class=\"nav__name\">Institut Bethesda</div><div class=\"nav__sub\">LiveEdu &bull; Plateforme scolaire</div></div>
  1097. </a>
  1098. <ul class=\"nav__links\">
  1099. <li><a href=\"{{ path('app_home') }}\">Accueil</a></li>
  1100. <li><a href=\"{{ path('app_rooms') }}\">Classes</a></li>
  1101. <li><a href=\"{{ path('app_teachers') }}\">Enseignants</a></li>
  1102. <li><a href=\"{{ path('app_staff') }}\">Direction</a></li>
  1103. <li><a href=\"{{ path('app_contact') }}\">Contact</a></li>
  1104. <li><a href=\"{{ path('app_help') }}\">Aide</a></li>
  1105. </ul>
  1106. <div class=\"nav__acts\">
  1107. {% if app.user %}
  1108. <a href=\"{{ path('admin_classrooms') }}\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-th-large\"></i> Dashboard</a>
  1109. {% else %}
  1110. <a href=\"{{ path('app_login') }}\" class=\"nbtn nbtn-ol\"><i class=\"fa fa-sign-in\"></i> Connexion</a>
  1111. {% endif %}
  1112. </div>
  1113. <button class=\"nav__burger\" id=\"mbgr\" aria-label=\"Menu\" aria-expanded=\"false\"><b></b><b></b><b></b></button>
  1114. </nav>
  1115. <div class=\"nav__drawer\" id=\"mdrw\">
  1116. <ul>
  1117. <li><a href=\"{{ path('app_home') }}\"><i class=\"fa fa-home\"></i> Accueil</a></li>
  1118. <li><a href=\"{{ path('app_rooms') }}\"><i class=\"fa fa-building-o\"></i> Classes</a></li>
  1119. <li><a href=\"{{ path('app_teachers') }}\"><i class=\"fa fa-users\"></i> Enseignants</a></li>
  1120. <li><a href=\"{{ path('app_staff') }}\"><i class=\"fa fa-shield\"></i> Direction</a></li>
  1121. <li><a href=\"{{ path('app_contact') }}\"><i class=\"fa fa-envelope-o\"></i> Contact</a></li>
  1122. <li><a href=\"{{ path('app_help') }}\"><i class=\"fa fa-question-circle-o\"></i> Aide</a></li>
  1123. </ul>
  1124. <div class=\"drawer-acts\">
  1125. {% if app.user %}
  1126. <a href=\"{{ path('admin_classrooms') }}\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-th-large\"></i> Dashboard</a>
  1127. {% else %}
  1128. <a href=\"{{ path('app_login') }}\" class=\"nbtn nbtn-gd\"><i class=\"fa fa-sign-in\"></i> Connexion</a>
  1129. <a href=\"{{ path('app_register') }}\" class=\"nbtn nbtn-ol\"><i class=\"fa fa-user-plus\"></i> Créer un compte</a>
  1130. {% endif %}
  1131. </div>
  1132. </div>
  1133. {% endblock %}
  1135. {% block body %}{% endblock %}
  1137. {# ════ FOOTER ══════════════════════════════════════════════ #}
  1138. {% block footer %}
  1139. <div class=\"footer-bar\"></div>
  1140. <footer class=\"footer\">
  1141. <div class=\"footer__grid\">
  1142. <div>
  1143. <div class=\"footer__logo\">
  1144. <div class=\"footer__crest\"><img src=\"{{ asset('assets/images/BethesdaLogo.png') }}\" alt=\"\"></div>
  1145. <div><div class=\"footer__brand-name\">Institut Bethesda</div><div class=\"footer__brand-tag\">LiveEdu</div></div>
  1146. </div>
  1147. <p>Établissement d'enseignement secondaire bilingue, formant les leaders de demain dans un environnement d'excellence académique.</p>
  1148. </div>
  1149. <div class=\"footer__col\"><h4>Navigation</h4>
  1150. <ul class=\"footer__links\">
  1151. <li><a href=\"{{ path('app_home') }}\">Accueil</a></li>
  1152. <li><a href=\"{{ path('app_rooms') }}\">Nos classes</a></li>
  1153. <li><a href=\"{{ path('app_teachers') }}\">Enseignants</a></li>
  1154. <li><a href=\"{{ path('app_staff') }}\">Direction</a></li>
  1155. </ul>
  1156. </div>
  1157. <div class=\"footer__col\"><h4>Ressources</h4>
  1158. <ul class=\"footer__links\">
  1159. <li><a href=\"{{ path('app_help') }}\">Guide d'utilisation</a></li>
  1160. <li><a href=\"{{ path('app_contact') }}\">Nous contacter</a></li>
  1161. {% if app.user %}<li><a href=\"{{ path('admin_classrooms') }}\">Dashboard</a></li>{% else %}<li><a href=\"{{ path('app_login') }}\">Connexion</a></li>{% endif %}
  1162. </ul>
  1163. </div>
  1164. <div class=\"footer__col\"><h4>Contact</h4>
  1165. <ul class=\"footer__links\">
  1166. <li><a href=\"mailto:[email protected]\"><i class=\"fa fa-envelope-o\"></i> [email protected]</a></li>
  1167. <li><i class=\"fa fa-map-marker\"></i> Cameroun</li>
  1168. </ul>
  1169. </div>
  1170. </div>
  1171. <div class=\"footer__bottom\">
  1172. <span>© {{ \"now\"|date(\"Y\") }} Institut Secondaire Bilingue Bethesda. Tous droits réservés.</span>
  1173. <span>Conçu par <a href=\"#\">Polyinformatique</a></span>
  1174. </div>
  1175. </footer>
  1176. {% endblock %}
  1178. {% block javascripts %}
  1179. {{ parent() }}
  1180. <script>
  1181. (function(){
  1182. 'use strict';
  1183. /* Nav scroll */
  1184. var nav=document.getElementById('mnav');
  1185. if(nav){
  1186. function ck(){nav.classList.toggle('solid',window.scrollY>48)}
  1187. window.addEventListener('scroll',ck,{passive:true});ck();
  1188. var p=window.location.pathname;
  1189. nav.querySelectorAll('.nav__links a,.nav__drawer a').forEach(function(a){if(a.getAttribute('href')===p)a.classList.add('here')});
  1190. }
  1191. /* Burger */
  1192. var bgr=document.getElementById('mbgr'),drw=document.getElementById('mdrw');
  1193. if(bgr&&drw){
  1194. bgr.addEventListener('click',function(){
  1195. var o=drw.classList.toggle('open');
  1196. bgr.classList.toggle('open',o);bgr.setAttribute('aria-expanded',o);
  1197. document.body.style.overflow=o?'hidden':'';
  1198. });
  1199. drw.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){drw.classList.remove('open');bgr.classList.remove('open');bgr.setAttribute('aria-expanded','false');document.body.style.overflow='';})});
  1200. }
  1201. /* Flash */
  1202. document.addEventListener('click',function(e){
  1203. var item=e.target.closest&&e.target.closest('.flash-close');
  1204. if(item){var el=item.closest('.flash-item');if(el){el.style.opacity='0';el.style.transition='opacity .2s';setTimeout(function(){el.remove()},220)}}
  1205. });
  1206. setTimeout(function(){document.querySelectorAll('.flash-item').forEach(function(el){el.style.transition='opacity .4s';el.style.opacity='0';setTimeout(function(){el.remove()},420)})},5200);
  1207. })();
  1208. </script>
  1209. {% endblock %}
  1210. ", "layout/frontEndLayout.html.twig", "/var/www/bethesda/templates/layout/frontEndLayout.html.twig");
  1211. }
  1212. }