templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.         
  8.         <link href="/css/bootstrap.min.css" rel="stylesheet">
  9.         <link href="/css/mapstyle.css" rel="stylesheet">
  10.         
  11.         <style>
  12.             .bi {
  13.                 vertical-align: -.125em;
  14.                 fill: currentColor;
  15.             }
  16.         </style>
  17.         {% block stylesheets %}
  18.             
  19.         {% endblock %}
  20.         
  21.         <script src="/js/jquery-3.6.1.min.js"></script>
  22.         <script src="/js/bootstrap.bundle.min.js"></script>
  23.         
  24.         {% block javascripts %}
  25.             
  26.         {% endblock %}
  27.     </head>
  28.     <body class="d-flex flex-column min-vh-100 text-bg-dark overflow-hidden vh-100">
  29.         <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  30.             <symbol id="ratemyparking" viewBox="0 0 16 16">
  31.                 <title>Rate My Parking</title>
  32.                 <path d="M4 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H6ZM4.862 4.276 3.906 6.19a.51.51 0 0 0 .497.731c.91-.073 2.35-.17 3.597-.17 1.247 0 2.688.097 3.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 10.691 4H5.309a.5.5 0 0 0-.447.276Z"/>
  33.                 <path d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848ZM4.82 3a1.5 1.5 0 0 0-1.379.91l-.792 1.847a1.8 1.8 0 0 1-.853.904.807.807 0 0 0-.43.564L1.03 8.904a1.5 1.5 0 0 0-.03.294v.413c0 .796.62 1.448 1.408 1.484 1.555.07 3.786.155 5.592.155 1.806 0 4.037-.084 5.592-.155A1.479 1.479 0 0 0 15 9.611v-.413c0-.099-.01-.197-.03-.294l-.335-1.68a.807.807 0 0 0-.43-.563 1.807 1.807 0 0 1-.853-.904l-.792-1.848A1.5 1.5 0 0 0 11.18 3H4.82Z"/>
  34.             </symbol>
  35.             <symbol id="home" viewBox="0 0 16 16">
  36.                 <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"/>
  37.             </symbol>
  38.             <symbol id="report" viewBox="0 0 16 16">
  39.                 <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
  40.             </symbol>
  41.         </svg>
  42.     
  43.     
  44.         <header>
  45.             <div class="px-3 py-2 text-bg-dark">
  46.                 <div class="container">
  47.                     <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
  48.                         <a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
  49.                             <svg class="bi me-2" width="40" height="32" role="img" aria-label="Rate My Parking"><use xlink:href="#ratemyparking"/></svg>
  50.                             <p class="fs-4 pt-3">RATE MY PARKING</p>
  51.                         </a>
  53.                         <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
  54.                             <input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">
  55.                         </form>
  57.                         <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
  58.                             <li>
  59.                                 <a href="/" class="nav-link text-secondary">
  60.                                     <svg class="bi d-block mx-auto mb-1" width="24" height="24"><use xlink:href="#home"/></svg>
  61.                                     Home
  62.                                 </a>
  63.                             </li>
  64.                             <li>
  65.                                 <a href="#" class="nav-link text-white">
  66.                                     <svg class="bi d-block mx-auto mb-1" width="24" height="24"><use xlink:href="#report"/></svg>
  67.                                     Report
  68.                                 </a>
  69.                             </li>
  70.                         </ul>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </header>
  76.         <main role="main" class="flex-grow-1 overflow-auto">
  77.             {% block body %}{% endblock %}
  78.         </main>
  79.     
  80.         <div class="container mt-auto text-bg-dark">
  81.             <footer class="container-fluid flex-grow-0 flex-shrink-1 d-flex flex-wrap justify-content-between align-items-center py-2 my-2 border-top">
  82.                 <p class="col-md-4 mb-0 text-muted">&copy; 2022 Tactivengineering</p>
  84.                 <ul class="nav col-md-6 justify-content-end text-muted">
  85.                     This site includes IP2Location LITE data available from <a href="https://lite.ip2location.com">https://lite.ip2location.com</a>
  86.                 </ul>
  87.             </footer>
  88.         </div>
  89.     </body>    
  90. </html>