templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="de">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <title>{% block title %}Welcome!{% endblock %}</title>
  7.         <link rel="icon" type="image/svg" href="{{ asset('img/bunny-red.svg') }}">
  8.         {% block stylesheets %}
  9.             <!-- Bootstrap CSS -->
  10.             <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  11.             <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css" integrity="sha384-/frq1SRXYH/bSyou/HUp/hib7RVN1TawQYja658FEOodR/FQBKVqT9Ol+Oz3Olq5" crossorigin="anonymous"/>
  12.             <link rel="preconnect" href="https://fonts.googleapis.com">
  13.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14.             <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap" rel="stylesheet">
  15.             <link href="{{ asset('css/styles.css') }}" rel="stylesheet">
  16.             {{ encore_entry_link_tags('app') }}
  17.         {% endblock %}
  19.         {% block javascripts %}
  20.             {{ encore_entry_script_tags('app') }}
  21.         {% endblock %}
  22.     </head>
  23.     <body class="bg-light">
  24.         {% block svg_definition %}
  25.             <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  26.                 <symbol id="home" viewBox="0 0 16 16">
  27.                     <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z"/>
  28.                 </symbol>
  29.                 <symbol id="speedometer2" viewBox="0 0 16 16">
  30.                     <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
  31.                     <path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/>
  32.                 </symbol>
  33.                 <symbol id="table" viewBox="0 0 16 16">
  34.                     <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/>
  35.                 </symbol>
  36.                 <symbol id="people-circle" viewBox="0 0 16 16">
  37.                     <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
  38.                     <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
  39.                 </symbol>
  40.                 <symbol id="grid" viewBox="0 0 16 16">
  41.                     <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
  42.                 </symbol>
  43.             </svg>
  44.         {% endblock %}
  45.         {% block header %}
  46.             <header>
  47.                 <div class="px-3 py-2 bg-dark text-white">
  48.                     <div class="container">
  49.                         <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
  50.                             <a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
  51.                                 <img alt="Hasi" width="40" height="32" src="{{ asset('img/bunny.svg') }}">
  52.                             </a>
  53.                             <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
  54.                                 <li>
  55.                                     <a href="{{ path('app_welcome') }}" class="nav-link text-white">
  56.                                         <svg class="bi d-block mx-auto mb-1" width="24" height="24"><use xlink:href="#home"></use></svg> Home
  57.                                     </a>
  58.                                 </li>
  59.                                 <li>
  60.                                     <a href="{{ path('app_time') }}" class="nav-link text-secondary">
  61.                                         <svg class="bi d-block mx-auto mb-1" width="24" height="24"><use xlink:href="#speedometer2"></use></svg> Zeitrechner
  62.                                     </a>
  63.                                 </li>
  64.                             </ul>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </header>
  69.         {% endblock %}
  70.         {% block main %}{% endblock %}
  71.         {% block footer %}
  72.             <footer class="my-5 pt-5 text-muted text-center text-small">
  73.                 <p class="mb-1">© {{ "now"|date('Y') }}</p>
  74.                 <ul class="list-inline">
  75.                     <li class="list-inline-item"><a href="#">Privacy</a></li>
  76.                     <li class="list-inline-item"><a href="#">Terms</a></li>
  77.                     <li class="list-inline-item"><a href="#">Support</a></li>
  78.                 </ul>
  79.             </footer>
  80.         {% endblock %}
  81.         {% block body_end_javascripts %}
  82.             <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  83.             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  84.         {% endblock %}
  85.     </body>
  86. </html>