templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <!-- Bootstrap CSS -->
  9.     <link rel="preconnect" href="https://fonts.googleapis.com">
  10.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  11.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap" rel="stylesheet">
  13.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
  14.           integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  16.     <title>{% block title %}Welcome!{% endblock %}</title>
  17.     <style>
  18.         * { box-sizing: border-box; }
  19.         a { color: #218BC3; }
  20.         a:hover { color: #1a678f; }
  21.         html, body { font-family: Roboto, helvetica, arial, sans-serif; font-weight: 300; }
  22.         header { text-align: right; width: 100%; padding: 0.3rem 0.5rem; }
  23.         header h1 { font-size: 1rem; font-weight: normal; float: left; }
  24.         body.photoview { color: white; background-color: black; }
  25.         body.photoview header { font-size: 0.9rem; position: absolute; background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4));
  26.             background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4));
  27.             -moz-box-shadow: none; }
  28.         .divider { color: #333; }
  29.         .date { color: gray; }
  30.     </style>
  32.     {# Run `composer require symfony/webpack-encore-bundle`
  33.            and uncomment the following Encore helpers to start using Symfony UX #}
  34.     {% block stylesheets %}
  35.         {# {{ encore_entry_link_tags('app') }} #}
  36.     {% endblock %}
  38. </head>
  39. <body class="{% block body_class %}{% endblock %}">{% apply spaceless %}
  40. <header>
  41.     <h1>{% block top_title %}{% endblock %}</h1>
  43.     <span class="top-menu">
  44.     {% block top_menu %}{% endblock %}
  46.     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  47.         <a href="{{ path('user') }}">profile</a> <span class="divider"> / </span> <a href="{{ path('app_logout') }}">sign out</a>
  48.     {% else %}
  49.         <a href="{{ path('app_login') }}">sign in</a><!-- <span class="divider">/</span> <a href="{{ path('app_register') }}">register</a>-->
  50.     {% endif %}
  51.     </span>
  52. </header>
  53. {% block maxbody %}
  54. <div class="container">
  55.     {% block body %}{% endblock %}
  56. </div>
  57. {% endblock %}
  58. <script>
  59.     function localizeDates() {
  60.         var spans = document.querySelectorAll('[data-timestamp]'), i;
  62.         for (i = 0; i < spans.length; ++i) {
  63.             spans[i].innerHTML = timestampToDate(spans[i].getAttribute('data-timestamp'));
  64.         }
  65.     }
  67.     function timestampToDate(timestamp) {
  68.         var date = new Date(timestamp * 1000);
  70.         var year = date.getFullYear();
  71.         var month = ('0' + (date.getMonth() + 1)).slice(-2);
  72.         var day = ('0' + date.getDate()).slice(-2);
  73.         var hours = date.getHours();
  74.         var minutes = ("0" + date.getMinutes()).substr(-2);
  75.         //var seconds = ("0" + date.getSeconds()).substr(-2);
  77.         return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
  78.     }
  80.     localizeDates();
  81. </script>
  82. {% block javascripts %}{% endblock %}
  83. {% endapply %}</body>
  84. </html>