{% extends 'base.html.twig' %} {% block title %}Compétences{%endblock %}{% block body %}<br><br><p class="titrecomp">Compétences</p><div class="container"> <br><br> <div class="row"> <p class="comp">Voici les différents langages de programmation et outils que j'ai utilisés. <br> Pour le codage, j'utilise Visual Studio Code. C'est un éditeur de code qui peut être utilisé avec une variété de langages de programmation.</p> {% for competences in competences %} <div class="col-md-4 col-sm-12"> <div class="card mt-5 my-5" style="height: 36rem"> <center> <h5 class="card-title" style="background-color: rgb(209, 209, 209); box-shadow: 10px 5px 5px grey; background-color: rgb(233, 233, 233); font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: bold; font-size: 25px"> {{ competences.langage }} </h5><br><br> </center> <center> <img src="{{ competences.logo }}" style="width: 10rem; height: 10rem;" alt="..." /> </center> <div class="card-body"><br><br> <center> <p class="card-text" style="font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 18px">{{ competences.description }}</p> </center> </div> <div class="d-flex p-3 justify-content-evenly"> {% if is_granted ("ROLE_ADMIN") %} <a class="btn btn-danger my-3" href="{{ path('app_competences_delete',{ id: competences.id } )}}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette compétence ?')">Supprimer</a> <a class="btn btn-warning my-3" href="{{ path('app_competences_edit', { id: competences.id }) }}">Modifier</a> {% endif %} </div> </div> </div> {% endfor %} </div></div>{% endblock %}