templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="de" dir="ltr">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <title>{% block title %}MyVPN | Dezentralisierte, umweltfreundliche VPN- und Bot-Hosting-Services{% endblock %}</title>
  11.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/img/favicons/apple-touch-icon.png') }}">
  12.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/favicons/favicon-32x32.png') }}">
  13.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/img/favicons/favicon-16x16.png') }}">
  14.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/img/favicons/favicon.ico') }}">
  15.     <link rel="manifest" href="{{ asset('assets/img/favicons/manifest.json') }}">
  16.     <meta name="msapplication-TileImage" content="{{ asset('assets/img/favicons/mstile-150x150.png') }}">
  17.     <meta name="theme-color" content="#ffffff">
  19.     <!-- Always load the base theme -->
  20.     <link href="{{ asset('assets/css/theme.css') }}" rel="stylesheet" />
  22.     <!-- Conditional Loading of Dark Mode CSS -->
  23.     {% if settings.isDarkMode() %}
  24.         <link href="{{ asset('assets/css/theme-dark.css') }}" rel="stylesheet" />
  25.     {% endif %}
  26.     
  27.     <!-- FontAwesome für Icons -->
  28.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  30.     <!-- Google Fonts -->
  31.     <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  33.     {% block stylesheets %}
  34.     <!-- Weitere Stylesheets können hier hinzugefügt werden -->
  35.     {% endblock %}
  36. </head>
  38. <body>
  39.     <main class="main" id="top">
  40.         {% block navbar %}
  41.         <!-- Navigation -->
  42.         {% include 'partials/navbar.html.twig' %}
  43.         {% endblock %}
  45.         {% block body %}
  46.         <!-- Seiteninhalt -->
  47.         {% endblock %}
  48.     </main>
  49.     
  50.     <!-- Modals -->
  51.     {% include 'partials/modal.html.twig' %}
  53.     {% block footer %}
  54.     <!-- Footer -->
  55.     {% include 'partials/navbar_footer.html.twig' %}
  56.     {% endblock %}
  58.     <!-- JavaScript Dateien -->
  59.     <script src="{{ asset('vendors/@popperjs/popper.min.js') }}"></script>
  60.     <script src="{{ asset('vendors/bootstrap/bootstrap.min.js') }}"></script>
  61.     <script src="{{ asset('vendors/is/is.min.js') }}"></script>
  62.     <script src="https://polyfill.io/v3/polyfill.min.js?features=window.scroll"></script>
  63.     <script src="{{ asset('assets/js/theme.js') }}"></script>
  65.     {% block javascripts %}
  66.     <!-- Weitere JS-Skripte können hier hinzugefügt werden -->
  67.     {% endblock %}
  68. </body>
  70. </html>