templates/page/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block main %}
  5.     <div class="c1 text-center">
  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="clearfix"></div>
  20.             <div style="position: relative" class="mb-5">
  21.                 <img src="/UI/img/35lat/log3.svg" class="log3">
  22.                 <img src="/UI/img/35lat/log5.svg" class="log5"><br>
  23.                 <img src="/UI/img/35lat/lat-razem.svg" class="loglat">
  24.                 <img src="/UI/img/35lat/3.svg" class="logserce">
  25.             </div>
  28.             <div style="position: relative">
  29.                 <img src="/UI/img/35lat/1.svg" class="img1">
  30.                 <img src="/UI/img/35lat/5.svg" class="img5">
  31.             </div>
  34.             {#            <div class="timer"> #}
  35.             {#                <table id="timer"> #}
  36.             {#                    <tr> #}
  37.             {#                        <td id="days"></td> #}
  38.             {#                        <td> #}
  39.             {#                            <div class="yellow"></div> #}
  40.             {#                            <div class="yellow mt-2"></div> #}
  41.             {#                        </td> #}
  42.             {#                        <td id="hours"></td> #}
  43.             {#                        <td> #}
  44.             {#                            <div class="yellow"></div> #}
  45.             {#                            <div class="yellow mt-2"></div> #}
  46.             {#                        </td> #}
  47.             {#                        <td id="minutes"></td> #}
  48.             {#                    </tr> #}
  49.             {#                    <tr> #}
  50.             {#                        <td> dni</td> #}
  51.             {#                        <td></td> #}
  52.             {#                        <td> godzin</td> #}
  53.             {#                        <td></td> #}
  54.             {#                        <td>minut</td> #}
  55.             {#                    </tr> #}
  56.             {#                </table> #}
  57.             {#            </div> #}
  58.             {#            <h1> #}
  59.             {#                Odliczaj razem z nami<br> #}
  60.             {#                do Mistrzostw Europy <br class=" d-block d-xlg-none"> w piłce nożnej <br class=" d-block d-xlg-none"> #}
  61.             {#                <img src="/UI/img/euro24/EURO_2024.png" class="logotxt"> #}
  62.             {#            </h1> #}
  63.             {#            <h2> #}
  64.             {#                Sprawdź swoją wiedzę dotyczącą największej imprezy sportowej w tym roku - ME w piłce nożnej UEFA EURO 2024 #}
  65.             {#                <br class="d-none d-lg-block"> #}
  66.             {#                rozwiązuj quizy, zdobywaj punkty i wygrywaj<br class="d-none d-lg-block"> fantastyczne nagrody! #}
  67.             {#            </h2> #}
  69.         </div>
  70.     </div>
  73.     <div class="c1a py-5">
  74.         <img src="/UI/img/35lat/2.svg" class="img2">
  75.         <h3 class="text-center my-4">
  76.             Świętuj z nami nasze urodziny!<br>
  77.             Weź udział w konkursie i wygraj super nagrody!
  78.         </h3>
  79.         <img src="/UI/img/35lat/6l.svg" class="btnarrow">
  80.         {% if not app.user %}
  81.             <a href="{{ path('app_register') }}" class="btn btn-lg btn-start">[ ZAREJESTRUJ SIĘ I WEŹ UDZIAŁ ]</a>
  82.         {% else %}
  83.             {% if answear %}
  84.                 {% if answear.end > 0 %}
  85.                     {% if memory %}
  86.                         {% if memory.end >0 %}
  87.                             <a href="{{ path('app_summary') }}" class="btn btn-lg btn-start"> [ ZOBACZ PODSUMOWANIE
  88.                                 ]</a>
  89.                         {% else %}
  90.                             <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-start">[ DOKOŃCZ MEMORY ]</a>
  91.                         {% endif %}
  92.                     {% else %}
  93.                         <a href="{{ path('app_memorygame_info') }}" class="btn btn-lg btn-start">[ ZAGRAJ W MEMORY ]</a>
  94.                     {% endif %}
  95.                 {% else %}
  96.                     <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-start">[ DOKOŃCZ QUIZ ]</a>
  97.                 {% endif %}
  98.             {% else %}
  99.                 <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-start">[ WEŹ UDZIAŁ W
  100.                     KONKURSIE ]</a>
  101.             {% endif %}
  103.         {% endif %}
  104.         <img src="/UI/img/35lat/6r.svg" class="btnarrow">
  105.     </div>
  106.     {#    <div class="c1b"></div> #}
  107.     {#    <div class="funfact-head"> #}
  108.     {#        <div class="container"> #}
  109.     {#            <h3>czy wiesz że ...?</h3> #}
  110.     {#        </div> #}
  111.     {#    </div> #}
  112.     {#    <div class="funfact"> #}
  114.     {#        <div class="container"> #}
  115.     {#            <div class="triangle"></div> #}
  117.     {#            <div id="funfact" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000"> #}
  118.     {#                <div class="carousel-indicators"> #}
  119.     {#                    <button type="button" data-bs-target="#funfact" data-bs-slide-to="0" class="active" #}
  120.     {#                            aria-current="true" aria-label="Fun fact 1"></button> #}
  121.     {#                    <button type="button" data-bs-target="#funfact" data-bs-slide-to="1" #}
  122.     {#                            aria-label="Fun fact 2"></button> #}
  123.     {#                    <button type="button" data-bs-target="#funfact" data-bs-slide-to="2" #}
  124.     {#                            aria-label="Fun fact 3"></button> #}
  125.     {#                    <button type="button" data-bs-target="#funfact" data-bs-slide-to="3" #}
  126.     {#                            aria-label="Fun fact 4"></button> #}
  127.     {#                </div> #}
  128.     {#                <div class="carousel-inner"> #}
  129.     {#                    <div class="carousel-item active"> #}
  130.     {#                        Nazwa oficjalnej piłki mistrzostw świata – „Al – Rihla” odnosi się do odległej liczby #}
  131.     {#                        kilometrów, #}
  132.     {#                        którą pokonają podróżujący na czempionat piłkarze. <br> #}
  133.     {#                        Rihla po arabsku oznacza bowiem podróż, lub dziennik, który ją dokumentuje. #}
  134.     {#                    </div> #}
  135.     {#                    <div class="carousel-item"> #}
  136.     {#                        Maskotką mistrzostw świata 2022 został La'eeb, który najprawdopodobniej jest latającym dywanem. #}
  137.     {#                        Jego nazwa w języku arabskim może odnosić się do bardzo zdolnego zawodnika. #}
  138.     {#                        Maskotka ma nieść między uczestników turnieju radość i pewność siebie. #}
  139.     {#                    </div> #}
  140.     {#                    <div class="carousel-item"> #}
  141.     {#                        Kanada po 36 latach wraca do rozgrywek na mundialu. Jest to drużyna z dużym potencjałem.<br> #}
  142.     {#                        Jej szeregi zasila kilku dobrych piłkarzy: lphonso Davies, Lille, czy Jonathan David. #}
  143.     {#                    </div> #}
  144.     {#                    <div class="carousel-item"> #}
  145.     {#                        Mistrzostwa Świata organizowane były dotychczas na terenie 17 państw. #}
  146.     {#                        Gospodarze byli różni - Stany Zjednoczone, Szwajcaria, Urugwaj czy duet Japońsko-Koreański.<br> #}
  147.     {#                        Katar jest najmniejszym państwem-gospodarzem w historii. 11 571 km² - niemal tyle co #}
  148.     {#                        powierzchnia województwa świętokrzyskiego. #}
  149.     {#                    </div> #}
  150.     {#                </div> #}
  151.     {#            </div> #}
  152.     {#            <img src="/UI/img/euro24/dot2.png" class="d-none d-lg-block"> #}
  153.     {#        </div> #}
  154.     {#    </div> #}
  155.     {#    <div class="c2 text-center"> #}
  156.     {#        <div class="container"> #}
  157.     {#            <h1> #}
  158.     {#                Gotowi na jesień? #}
  159.     {#            </h1> #}
  160.     {#            <h2> #}
  161.     {#                Sprawdź swoją wiedzę dotyczącą jesiennej oferty programowej TVP.<br> #}
  162.     {#                Baw się razem z nami! Rozwiązuj quizy, zdobywaj punkty i wygrywaj<br> #}
  163.     {#                fantastyczne nagrody! #}
  164.     {#                #}{#                Do rozpoczęcia Letnich Igrzysk Olimpijskich Tokio 2020 zostało: #}
  165.     {#            </h2> #}
  166.     {#        </div> #}
  168.     {#    </div> #}
  169.     {#    <video width="100%" poster="/UI/img/jesien/spot2.jpg" controls> #}
  170.     {#    <div class="c2 text-center"> #}
  171.     {#        <div class="container video"> #}
  172.     {#            <video width="100%" controls> #}
  173.     {#                <source src="/UI/img/euro24/EURO24_45.mp4" type="video/mp4"> #}
  174.     {#                Your browser does not support HTML video. #}
  175.     {#            </video> #}
  176.     {#        </div> #}
  177.     {#    </div> #}
  178.     {#    <div class="c1c"></div> #}
  180.     <div class="c3 text-center py-5">
  182.         <div class="container">
  183.             <div style="position: relative">
  184.                 <img src="/UI/img/35lat/8.svg" class="img8">
  185.             </div>
  187.             <h1>
  188.                 Nagrody
  189.             </h1>
  190.             <div class="row justify-content-center m-auto" style="width:80%;">
  191.                 <div class="col-lg-4">
  192.                     <div class="card-head">
  193.                         <h3>1. miejsce <br>
  194.                             {#                            <span>20 - 26 maja</span> #}
  195.                         </h3>
  197.                     </div>
  198.                     <div class="card-body">
  199.                         <div class="imgprize">
  200.                             <img src="/UI/img/35lat/prize/slowhop.png">
  201.                         </div>
  202.                         <p class="prize">
  203.                             Voucher do Slowhop <br>o wartości 2 500 zł
  204.                         </p>
  205.                     </div>
  206.                 </div>
  207.                 <div class="col-lg-4">
  208.                     <div class="card-head">
  209.                         <h3>2. miejsce <br>
  210.                             {#                            <span>27 maja - 02 czerwca</span> #}
  211.                         </h3>
  213.                     </div>
  214.                     <div class="card-body">
  215.                         <div class="imgprize">
  216.                             <img src="/UI/img/35lat/prize/dron.png">
  217.                         </div>
  218.                         <p class="prize">
  219.                             Dron <br>o wartości 1 679 zł
  220.                         </p>
  221.                     </div>
  222.                 </div>
  223.                 <div class="col-lg-4">
  224.                     <div class="card-head">
  225.                         <h3>3. miejsce <br>
  226.                             {#                            <span>03 - 09 czerwca</span> #}
  227.                         </h3>
  229.                     </div>
  230.                     <div class="card-body">
  231.                         <div class="imgprize">
  232.                             <img src="/UI/img/35lat/prize/walizka.png">
  233.                         </div>
  234.                         <p class="prize">
  235.                             Walizka Samsonite Restackd<br> o wartości 1 159 zł
  236.                         </p>
  237.                     </div>
  238.                 </div>
  239.             </div>
  240.             <div class="clearfix"></div>
  241.             {#            {% if solved %} #}
  242.             {#                <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-start"> #}
  243.             {#                    [ ZOBACZ PODSUMOWANIE ] #}
  244.             {#                </a> #}
  245.             {#            {% else %} #}
  246.             {#                <a href="{{ path('app_quiz_info') }}" class="btn btn-lg btn-start"> #}
  247.             {#                    [ ZACZNIJ ROZWIĄZYWAĆ QUIZ ] #}
  248.             {#                </a> #}
  249.             {#            {% endif %} #}
  251.         </div>
  254.     </div>
  256.     {% if app.user %}
  258.         <div class="c4 text-center">
  259.             <div class="container">
  261.                 <h1 class="mb-4 py-5">
  262.                     Ranking
  263.                 </h1>
  265.                 <div class="row justify-content-center" style="padding-bottom:50px;">
  266.                     <div class="col-lg-4" style="margin-bottom:50px;">
  267.                         {#                        <div class="card-head"> #}
  268.                         {#                            <h3 style="color:#ffcc01">Quiz finałowy <br> #}
  269.                         {#                                <span>10 - 14 czerwca</span> #}
  270.                         {#                            </h3> #}
  271.                         {#                        </div> #}
  272.                         <div class="card-body">
  273.                             <table class="mt-2">
  274.                                 {% for r in rank %}
  275.                                     <tr>
  276.                                         <td class="place">{{ loop.index }}.</td>
  277.                                         <td>{{ r.nick }}</td>
  278.                                         <td class="text-right">{{ r.points }} pkt.</td>
  279.                                     </tr>
  280.                                 {% else %}
  281.                                     {% for p in 1..3 %}
  282.                                         <tr>
  283.                                             <td class="place">{{ loop.index }}.</td>
  284.                                             <td> -</td>
  285.                                             <td class="text-right"> 0 pkt.</td>
  286.                                         </tr>
  287.                                     {% endfor %}
  288.                                 {% endfor %}
  289.                             </table>
  290.                         </div>
  291.                     </div>
  292.                 </div>
  293.             </div>
  294.         </div>
  295.     {% endif %}
  296. {% endblock %}
  298. {% block footerimg %}
  299.     {% if app.user %}
  300.         <img src="/UI/img/35lat/10.svg" class="img10">
  301.     {% else %}
  302.         <img src="/UI/img/35lat/7.svg" class="img7">
  303.     {% endif %}
  304. {% endblock %}