templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     {% block meta %}
  7.     <meta name="description" content="Bienvenue sur le blog de l'Aéroclub,créé par Al karshi Abdullrahman, passionné d'aviation et développeur web. Partagez notre passion du vol et discutez avec les membres de notre aéroclub.">
  8.     <meta name="keywords" content="Aéroclub,aviation,blog,forum de discussion">    
  9.     {% endblock %}
  10.     
  11.     <title>{% block title %}Welcome!{% endblock %}</title>
  12.     <!-- Préchargement de la police Google -->
  13.     <link href="https://fonts.googleapis.com/css?family=Oswald" as="style">
  14.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald" crossorigin="anonymous">
  15.     
  16.     <!-- BOOSTRAP-->
  17.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  18.     <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
  19.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" defer></script>
  20.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous" defer></script>
  21.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous" defer></script>
  22.     <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>">
  23.     <script src="https://kit.fontawesome.com/b04d3e51a0.js" crossorigin="anonymous"></script>
  24.     {% block stylesheets %}
  25.         {{ encore_entry_link_tags('app') }}
  26.     {% endblock %}
  27.     {% block javascripts %}
  28.         {{ encore_entry_script_tags('app') }}
  29.     {% endblock %}
  30.     
  31. </head>
  32. <body>
  33.     <nav id="ONGLET" aria-label="Navigation principale">
  34.         <input type="checkbox" id="menu-toggle" class="menu-toggle">
  35.         <label for="menu-toggle" class="hamburger">&#9776;</label>
  36.         <ul class="nav-links">
  37.             <!-- asset permet de selectionner l'image voulu afin de tjr rendre l'img visible -->
  38.             <li><img src="{{ asset('uploads/images/aeroclublogo.png') }}"  alt="logo du blog Aeroclub" style="height: 80px; width: 100px;"></li>
  39.             <li><a href="{{ path('Accueil') }}" style="text-decoration: none;"  title="Accueil Aeroclub" >Aeroclub</a></li>
  40.             
  41.              <!-- Affichage pour les utilisateurs non connectés -->
  42.             {% if not app.user %}
  43.                 <li><a href="{{ path('RegistrationFormType') }}" style="text-decoration: none;" title="Page d'inscription">S'Inscrire</a></li>
  44.                 <li><a href="{{ path('app_login') }}" style="text-decoration: none;" title="Page de connexion">Se Connecter</a></li>
  45.                 <li><a href="{{ path('app_liste_categorie') }}" style="text-decoration: none;" title="Liste des catégories">Liste des Catégories</a></li>
  46.             {% else %}
  47.             <!-- Affichage pour les utilisateurs connectés -->
  48.             <li>
  49.                 <a href="#" style="text-decoration: none;">Ajout</a>
  50.                 <ul>
  51.                     <li><a href="{{ path('app_ajout_categorie') }}" style="text-decoration: none;" title="Page d'ajout d'une Categorie">Ajout d'une Catégorie</a></li>
  52.                     <li><a href="{{ path('app_ajout_article') }}" style="text-decoration: none;" title="Page d'ajout d'un article">Ajout d'un Article</a></li>
  53.                 </ul>
  54.             </li>
  55.                 <li><a href="{{ path('app_logout') }}" style="text-decoration: none;" >Déconnexion</a></li>
  56.                 <li><a href="{{ path('app_mon_profil') }}" style="text-decoration: none;">{{ app.user.username }}</a></li>
  57.                 
  58.                 <li><a href="{{ path('app_mes_categories') }}" style="text-decoration: none;">Mes Categories</a></li>
  59.                 <li><a href="{{ path('app_mes_articles') }}" style="text-decoration: none;">Mes Articles</a></li>
  60.                 <li><a href="{{ path('app_mes_posts') }}" style="text-decoration: none;">Mes Posts</a></li>
  61.                 <li><a href="{{ path('app_creer_un_post') }}" style="text-decoration: none;">Lancer un Post</a></li>
  62.                 <li><a href="{{ path('list_conversations') }}" style="text-decoration: none;">Message privé</a></li>
  63.                 <li><a href="{{ path('list_friends') }}" style="text-decoration: none;">Amis</a></li>
  64.                 
  65.                 <!-- qd role est ROLE_ADMIN -->
  66.                 {% if not is_granted('ROLE_ADMIN') %}
  67.                 <li>
  68.                     <a href="{{ path('app_user_delete') }}" style="text-decoration: none;" onclick="return confirm('Êtes-vous sûr de vouloir supprimer votre compte ? Cette action est irréversible.');">
  69.                         Supprimer mon Compte
  70.                     </a>
  71.                 </li>
  72.                 
  73.                 
  74.                 
  75.             {% endif %}
  76.             {% endif %}
  77.              <!-- Affichage VISIBLE UNIQUEMENT pour administrateur  -->
  78.             {% if is_granted('ROLE_ADMIN') %}
  79.                 <li>
  80.                     <a href="{{ path('app_liste_comptesUser') }}" 
  81.                        style="text-decoration: none;">
  82.                             Listes des Utilisateurs
  83.                     </a>
  84.                 </li>
  85.             {% endif %}
  86.                 
  87.         </ul>
  88.     </nav>
  89.    <!-- Liste des catégories -->
  90.    {% block categories %}
  91.    <nav class="listecategorie" aria-label="Liste des catégories">
  92.     {% for categorie in categories|slice(0, 8) %}
  93.         <li><a href="{{ path('app_articles_par_categorie', {'id': categorie.id}) }}">{{ categorie.name }}</a></li>
  94.     {% endfor %}
  95. </nav>
  96.    {% endblock %}
  97.     <div id="content" style="background-color : #DAE9EC;">
  98.         {% block body %}{% endblock %}
  99.     </div>
  100.     <!-- FOOTER-->
  101.     <footer>
  102.         <ul>
  103.             <li style="list-style-type: none;">
  104.                 <a href="https://www.linkedin.com/in/abdullrahman-al-karshi-a11b7b204/" aria-label="Bouton Linkedin">
  105.                     <i class="fa fa-linkedin-square" aria-hidden="true" style="font-size: 22px; align-items: center;"></i>
  106.                 </a>
  107.             </li>
  108.             <li>
  109.                 <a href="{{ path('politique_confidentialite') }}" style="text-decoration: none;">
  110.                     Politique de confidentialité
  111.                 </a>
  112.             </li>
  113.             
  114.        
  115.             <li><a href="https://portfolio-alkarshi-abdullrahman.alwaysdata.net/" 
  116.                     style="text-decoration: none;">Portfolio du créateur
  117.                 </a>
  118.             </li>
  119.         </ul>
  120.     </footer>
  121. </body>
  122. </html>