templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  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" 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>"> #}
  8. <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
  9. <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  10. <link rel="shortcut icon" href="/favicon.ico" />
  11. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  12. <link rel="manifest" href="/site.webmanifest" />
  13. {# <link rel="stylesheet" href="https://bootswatch.com/5/zephyr/bootstrap.min.css"> #}
  14. {# <link rel="stylesheet" href="https://bootswatch.com/5/spacelab/bootstrap.min.css"> #}
  15. {# <link rel="stylesheet" href="https://bootswatch.com/5/materia/bootstrap.min.css"> #}
  16. {# <link rel="stylesheet" href="https://bootswatch.com/5/lumen/bootstrap.min.css"> #}
  17. {# <link rel="stylesheet" href="https://bootswatch.com/5/cerulean/bootstrap.min.css"> #}
  19. <style>
  20. #container {overflow: hidden; width: 89rem;}
  21. .inner {overflow: hidden; width: 89rem;}
  22. .child {float: left; width: 20rem;}
  23. body, html {
  24. height: 100%;
  25. margin: 0;
  26. display: flex;
  27. flex-direction: column;
  28. }
  29. .wrapper {
  30. flex: 1;
  31. }
  32. .footer {
  33. background-color: #f1f1f1;
  34. text-align: center;
  35. padding: 1rem;
  36. }
  37. </style>
  42. {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  43. {% block stylesheets %}
  44. {{ encore_entry_link_tags('app') }}
  45. <style>
  46. body {background-color: #F2F2F2;}
  47. </style>
  48. {% endblock %}
  52. {% block javascripts %}
  53. <script src="https://kit.fontawesome.com/f859a0599e.js" crossorigin="anonymous"></script>
  54. {{ encore_entry_script_tags('app') }}
  55. {% endblock %}
  56. </head>
  57. <body>
  59. {% block navbar %}
  60. {% include "base/nav.index.html.twig" %}
  61. {% endblock %}
  63. <script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
  65. <div class="wrapper">
  66. <div class="container">
  67. {% for flash in app.flashes('success') %}
  68. <div class="alert alert-success my-3" role="alert">{{ flash }}</div>
  69. {% endfor %}
  70. {% for flash in app.flashes('error') %}
  71. <div class="alert alert-danger my-3" role="alert">{{ flash }}</div>
  72. {% endfor %}
  73. {% for flash in app.flashes('warning') %}
  74. <div class="alert alert-warning my-3" role="alert">{{ flash }}</div>
  75. {% endfor %}
  76. </div>
  77. {% block body %}{% endblock %}
  78. </div>
  80. </body>
  81. {% block footer %}
  82. <div class="footer">
  83. {% include "base/_footer.html.twig" %}
  84. </div>
  85. {% endblock %}
  86. </html>