templates/page/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block main %}
  5. <div class="c1">
  7. <div class="container">
  9. {# <a href="{{ path('app_homepage') }}"><img src="/UI/img/35lat/tvp.svg" #}
  10. {# class="tvplogo"></a> #}
  12. {% if app.user %}
  13. <a href="{{ path('app_logout') }}" class="btn btn-login">WYLOGUJ SIĘ</a>
  14. {% else %}
  15. <a href="{{ path('app_login') }}" class="btn btn-login">ZALOGUJ SIĘ</a>
  16. {% endif %}
  18. <div class="row align-items-end">
  19. <div class="col-md-4"><img src="/UI/img/ms26/logo.png" class="logo"></div>
  20. <div class="col">
  21. <div class="timer">
  22. <table id="timer">
  23. <tr>
  24. <td id="days"></td>
  25. <td id="hours"></td>
  26. <td id="minutes"></td>
  27. </tr>
  28. <tr>
  29. <td class="label"> dni</td>
  30. <td class="label"> godzin</td>
  31. <td class="label">minut</td>
  32. </tr>
  33. </table>
  34. </div>
  35. </div>
  36. </div>
  39. </div>
  40. </div>
  42. <div class="c1a">
  43. <div class="container">
  45. <div class="row justify-content-center align-items-center">
  46. <div class="col-lg-1 text-center"><img src="/UI/img/ms26/nadawca.jpeg" class="brdcstlogo"></div>
  47. <div class="col-lg-11 text-center">
  48. <h1>
  49. Odliczaj razem z nami<br>
  50. do Mistrzostw Świata <br class=" d-block d-lg-none"> w piłce nożnej <br>
  51. FIFA WORLD CUP 26&trade;!
  52. </h1>
  53. </div>
  54. </div>
  56. </div>
  57. </div>
  59. <div class="c2 text-center">
  60. <div class="container">
  61. <p class="h2">
  62. Już dziś dołącz do gry i zmierz się z innymi w serii wyzwań <br class="d-md-none"> na temat FIFA WORLD CUP 26&trade;!<br>
  63. Rywalizuj, zbieraj punkty i wygrywaj super nagrody!<br>
  64. Liczy się wiedza i refleks.
  65. </p>
  66. <video width="85%" controls>
  67. <source src="/UI/img/ms26/FIFA2026.mp4" type="video/mp4">
  68. Your browser does not support HTML video.
  69. </video>
  70. <div class="clearfix"></div>
  72. {% if not app.user %}
  73. <a href="{{ path('app_register') }}" class="btn btn-lg btn-primary btn-start">ZAREJESTRUJ SIĘ I WEŹ UDZIAŁ</a>
  74. {% else %}
  75. {% if answear %}
  76. {% if answear.end > 0 %}
  77. {% if memory %}
  78. {% if memory.end >0 %}
  79. <a href="{{ path('app_summary') }}" class="btn btn-lg btn-primary btn-start"> ZOBACZ PODSUMOWANIE ETAPU {{ quiz }}</a>
  80. {% else %}
  81. <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-primary btn-start">DOKOŃCZ MEMORY W ETAPIE {{ quiz }} </a>
  82. {% endif %}
  83. {% else %}
  84. <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-primary btn-start"> DOKOŃCZ ETAP {{ quiz }}
  85. </a>
  86. {% endif %}
  87. {% else %}
  88. <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-primary btn-start"> DOKOŃCZ QUIZ W ETAPIE {{ quiz }}</a>
  89. {% endif %}
  90. {% else %}
  91. <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-primary btn-start">ROZPOCZNIJ ETAP {{ quiz }} </a>
  92. {% endif %}
  94. {% endif %}
  96. </div>
  97. </div>
  98. {# <div class="c1c"></div> #}
  100. <div class="c3 text-center py-5">
  102. <div class="container">
  104. <h1 >
  105. Nagrody
  106. </h1>
  108. <h2 class="mt-5">
  109. ETAP 1 / <span>11 - 17 maja</span>
  110. </h2>
  111. <div class="row justify-content-center m-auto" style="width:80%;">
  112. <div class="col-lg-4">
  113. <div class="card-head">
  114. <h3 class="text-white">1. miejsce </h3>
  116. </div>
  117. <div class="card-body">
  118. <div class="imgprize">
  119. <img src="/UI/img/ms26/prize/nagroda_lego.png">
  120. </div>
  121. <p class="prize">
  122. Lego Editions <br>piłka nożna
  123. </p>
  124. </div>
  125. </div>
  126. <div class="col-lg-4">
  127. <div class="card-head">
  128. <h3 class="text-white">2. miejsce </h3>
  130. </div>
  131. <div class="card-body">
  132. <div class="imgprize">
  133. <img src="/UI/img/ms26/prize/nagroda_projektor.png">
  134. </div>
  135. <p class="prize">
  136. Projektor <br>Kiano Relax
  137. </p>
  138. </div>
  139. </div>
  140. <div class="col-lg-4">
  141. <div class="card-head">
  142. <h3 class="text-white">3. miejsce
  143. </h3>
  145. </div>
  146. <div class="card-body">
  147. <div class="imgprize">
  148. <img src="/UI/img/ms26/prize/nagroda_karta.png">
  149. </div>
  150. <p class="prize">
  151. Voucher 250 PLN<br> do sklepu Adidas
  152. </p>
  153. </div>
  154. </div>
  155. </div>
  157. <h2 class="mt-5">
  158. ETAP 2 / <span>18 - 24 maja</span>
  159. </h2>
  160. <div class="row justify-content-center m-auto" style="width:80%;">
  161. <div class="col-lg-4">
  162. <div class="card-head">
  163. <h3 class="text-white">1. miejsce </h3>
  165. </div>
  166. <div class="card-body">
  167. <div class="imgprize">
  168. <img src="/UI/img/ms26/prize/nagroda_waga.png">
  169. </div>
  170. <p class="prize">
  171. Inteligentna waga <br>Withings Body Smart Wi-Fi
  172. </p>
  173. </div>
  174. </div>
  175. <div class="col-lg-4">
  176. <div class="card-head">
  177. <h3 class="text-white">2. miejsce </h3>
  179. </div>
  180. <div class="card-body">
  181. <div class="imgprize">
  182. <img src="/UI/img/ms26/prize/nagroda_butelka.png">
  183. </div>
  184. <p class="prize">
  185. Inteligentna butelka <br>Hidratespark Pro 2
  186. </p>
  187. </div>
  188. </div>
  189. <div class="col-lg-4">
  190. <div class="card-head">
  191. <h3 class="text-white">3. miejsce
  192. </h3>
  194. </div>
  195. <div class="card-body">
  196. <div class="imgprize">
  197. <img src="/UI/img/ms26/prize/nagroda_bluza.png">
  198. </div>
  199. <p class="prize">
  200. Bluza Mistrzostw Świata<br> w piłce nożnej 2026
  201. </p>
  202. </div>
  203. </div>
  204. </div>
  205. <h2 class="mt-5">
  206. ETAP 3 / <span>25 - 31 maja</span>
  207. </h2>
  208. <div class="row justify-content-center m-auto" style="width:80%;">
  209. <div class="col-lg-4">
  210. <div class="card-head">
  211. <h3 class="text-white">1. miejsce </h3>
  213. </div>
  214. <div class="card-body">
  215. <div class="imgprize">
  216. <img src="/UI/img/ms26/prize/nagroda_powerbank.png">
  217. </div>
  218. <p class="prize">
  219. POWER BANK SOLARNY <br> FEEGAR 36000MAH
  220. </p>
  221. </div>
  222. </div>
  223. <div class="col-lg-4">
  224. <div class="card-head">
  225. <h3 class="text-white">2. miejsce </h3>
  227. </div>
  228. <div class="card-body">
  229. <div class="imgprize">
  230. <img src="/UI/img/ms26/prize/nagroda_torba.png">
  231. </div>
  232. <p class="prize">
  233. TORBA SPORTOWA <br>ADIDAS
  234. </p>
  235. </div>
  236. </div>
  237. <div class="col-lg-4">
  238. <div class="card-head">
  239. <h3 class="text-white">3. miejsce
  240. </h3>
  242. </div>
  243. <div class="card-body">
  244. <div class="imgprize">
  245. <img src="/UI/img/ms26/prize/nagroda_sluchawki.png">
  246. </div>
  247. <p class="prize">
  248. SŁUCHAWKI JBL VIBE <br>FLEX 2
  249. </p>
  250. </div>
  251. </div>
  252. </div>
  254. <h2 class="mt-5">
  255. ETAP FINAŁOWY / <span>1 - 7 czerwca</span>
  256. </h2>
  257. <div class="row justify-content-center m-auto" style="width:80%;">
  258. <div class="col-lg-4">
  259. <div class="card-head">
  260. <h3 class="text-white">1. miejsce </h3>
  262. </div>
  263. <div class="card-body">
  264. <div class="imgprize">
  265. <img src="/UI/img/ms26/prize/nagroda_glosnik.png">
  266. </div>
  267. <p class="prize">
  268. Soundbar Marshall <br>Heston 60
  269. </p>
  270. </div>
  271. </div>
  272. <div class="col-lg-4">
  273. <div class="card-head">
  274. <h3 class="text-white">2. miejsce </h3>
  276. </div>
  277. <div class="card-body">
  278. <div class="imgprize">
  279. <img src="/UI/img/ms26/prize/nagroda_dron.png">
  280. </div>
  281. <p class="prize">
  282. Dron DJI Mini 3 <br>z minikamerą
  283. </p>
  284. </div>
  285. </div>
  286. <div class="col-lg-4">
  287. <div class="card-head">
  288. <h3 class="text-white">3. miejsce
  289. </h3>
  291. </div>
  292. <div class="card-body">
  293. <div class="imgprize">
  294. <img src="/UI/img/ms26/prize/nagroda_ring.png">
  295. </div>
  296. <p class="prize">
  297. Smartring Niceboy<br> One Ultra
  298. </p>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="clearfix"></div>
  303. {% if not app.user %}
  304. <a href="{{ path('app_register') }}" class="btn btn-lg btn-primary btn-start">ZAREJESTRUJ SIĘ I WEŹ UDZIAŁ</a>
  305. {% else %}
  306. {% if answear %}
  307. {% if answear.end > 0 %}
  308. {% if memory %}
  309. {% if memory.end >0 %}
  310. <a href="{{ path('app_summary') }}" class="btn btn-lg btn-primary btn-start"> ZOBACZ PODSUMOWANIE {{ quiz }} ETAPU </a>
  311. {% else %}
  312. <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-primary btn-start">DOKOŃCZ MEMORY W ETAPIE {{ quiz }} </a>
  313. {% endif %}
  314. {% else %}
  315. <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-primary btn-start"> DOKOŃCZ ETAP {{ quiz }}
  316. </a>
  317. {% endif %}
  318. {% else %}
  319. <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-primary btn-start"> DOKOŃCZ QUIZ W ETAPIE {{ quiz }}</a>
  320. {% endif %}
  321. {% else %}
  322. <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-primary btn-start">ROZPOCZNIJ ETAP {{ quiz }} </a>
  323. {% endif %}
  325. {% endif %}
  327. </div>
  330. </div>
  332. {% if app.user %}
  334. <div class="c4 text-center">
  335. <div class="container">
  337. <h1 class="mb-4 py-5" id="ranking">
  338. Ranking
  339. </h1>
  341. <div class="row justify-content-center m-auto" style="width:80%;">
  342. <div class="col-lg-4">
  343. <div class="card-head">
  344. <h3>Etap 1 / <span>11 - 17 maja</span>
  345. </h3>
  347. </div>
  348. <div class="card-body">
  349. <table class="mt-5">
  350. {% for r in rank[1] %}
  351. <tr>
  352. <td class="place">{{ loop.index }}.</td>
  353. <td>{{ r.nick }}</td>
  354. <td class="text-right">{{ r.points }} pkt.</td>
  355. </tr>
  356. {% else %}
  357. {% for p in 1..3 %}
  358. <tr>
  359. <td class="place">{{ loop.index }}.</td>
  360. <td> -</td>
  361. <td class="text-right"> 0 pkt.</td>
  362. </tr>
  363. {% endfor %}
  364. {% endfor %}
  365. </table>
  366. </div>
  367. </div>
  368. <div class="col-lg-4">
  369. <div class="card-head">
  370. <h3>Etap 2 / <span>18 - 24 maja</span>
  371. </h3>
  373. </div>
  374. <div class="card-body">
  375. <table class="mt-5">
  376. {% for r in rank[2] %}
  377. <tr>
  378. <td class="place">{{ loop.index }}.</td>
  379. <td>{{ r.nick }}</td>
  380. <td class="text-right">{{ r.points }} pkt.</td>
  381. </tr>
  382. {% else %}
  383. {% for p in 1..3 %}
  384. <tr>
  385. <td class="place">{{ loop.index }}.</td>
  386. <td> -</td>
  387. <td class="text-right"> 0 pkt.</td>
  388. </tr>
  389. {% endfor %}
  390. {% endfor %}
  391. </table>
  392. </div>
  393. </div>
  394. <div class="col-lg-4">
  395. <div class="card-head">
  396. <h3>Etap 3 / <span>25 - 31 maja</span>
  397. </h3>
  399. </div>
  400. <div class="card-body">
  401. <table class="mt-5">
  402. {% for r in rank[3] %}
  403. <tr>
  404. <td class="place">{{ loop.index }}.</td>
  405. <td>{{ r.nick }}</td>
  406. <td class="text-right">{{ r.points }} pkt.</td>
  407. </tr>
  408. {% else %}
  409. {% for p in 1..3 %}
  410. <tr>
  411. <td class="place">{{ loop.index }}.</td>
  412. <td> -</td>
  413. <td class="text-right"> 0 pkt.</td>
  414. </tr>
  415. {% endfor %}
  416. {% endfor %}
  417. </table>
  418. </div>
  419. </div>
  420. </div>
  421. <div class="clearfix"></div>
  423. <div class="row justify-content-center" style="padding-bottom:50px;">
  424. <div class="col-lg-4" style="margin-bottom:50px;">
  425. <div class="card-head">
  426. <h3 >Etap finałowy / <span>10 - 14 czerwca</span>
  427. </h3>
  428. </div>
  429. <div class="card-body">
  430. <table class="mt-5">
  431. {% for r in rank[4] %}
  432. <tr>
  433. <td class="place">{{ loop.index }}.</td>
  434. <td>{{ r.nick }}</td>
  435. <td class="text-right">{{ r.points }} pkt.</td>
  436. </tr>
  437. {% else %}
  438. {% for p in 1..3 %}
  439. <tr>
  440. <td class="place">{{ loop.index }}.</td>
  441. <td> -</td>
  442. <td class="text-right"> 0 pkt.</td>
  443. </tr>
  444. {% endfor %}
  445. {% endfor %}
  446. </table>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. </div>
  452. {% endif %}
  453. {% endblock %}