diff --git a/assets/styles/app.css b/assets/styles/app.css index dd6181a..6812115 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -1,3 +1,55 @@ -body { - background-color: skyblue; +.left-background { + background-color: #db5559; /* Couleur de fond */ + width: 20%; /* Prend 1/4 de la largeur de l'écran */ + height: 100%; /* Prend toute la hauteur de la fenêtre */ + position: fixed; /* Reste en place même si on fait défiler la page */ + top: 0; /* Commence en haut de l'écran */ + left: 0; /* Aligne à gauche de l'écran */ } + +.index-title-page{ + font-family: 'Brittany Signature', sans-serif; +} + +ul { + list-style-type: none; /* Enlève les points de la liste */ + padding: 0; +} + +li { + + padding-bottom:30px; +} + +.btn-custom { + background-color: #FFFFFF; /* Couleur de fond verte */ + color: black; /* Couleur du texte blanche */ + border: none; /* Pas de bordure */ + padding: 15px 30px; /* Espace intérieur (padding) */ + font-size: 16px; /* Taille de police */ + font-weight: bold; /* Texte en gras */ + cursor: pointer; /* Curseur en forme de main au survol */ + width: 100%; /* Ajuste la largeur automatiquement en fonction du contenu */ + display: inline-block; /* Empêche le bouton de s'étendre à 100% */ +} + +/* Effet au survol */ +.btn-custom:hover { + background-color: #f8b5b5; /* Couleur légèrement plus foncée au survol */ + color: #FFFFFF; +} + +.icon-medium { + display: inline-flex; /* Utilise inline-flex pour gérer l'alignement facilement */ + align-items: center; /* Centre verticalement l'icône */ + width: 25px; + height: 25px; + margin-right: 8px; /* Espace entre l'icône et le texte */ +} + +.icon-container { + display: inline-flex; /* Permet d'afficher l'icône et le texte sur la même ligne */ + align-items: center; /* Centre verticalement le contenu */ +} + + diff --git a/composer.json b/composer.json index 6cda857..ed26bb0 100644 --- a/composer.json +++ b/composer.json @@ -38,6 +38,7 @@ "symfony/string": "7.1.*", "symfony/translation": "7.1.*", "symfony/twig-bundle": "7.1.*", + "symfony/ux-icons": "^2.20", "symfony/ux-turbo": "^2.20", "symfony/validator": "7.1.*", "symfony/web-link": "7.1.*", @@ -100,7 +101,7 @@ "symfony/browser-kit": "7.1.*", "symfony/css-selector": "7.1.*", "symfony/debug-bundle": "7.1.*", - "symfony/maker-bundle": "^1.0", + "symfony/maker-bundle": "^1.61", "symfony/phpunit-bridge": "^7.1", "symfony/stopwatch": "7.1.*", "symfony/web-profiler-bundle": "7.1.*" diff --git a/composer.lock b/composer.lock index ab09ab1..26babbd 100644 --- a/composer.lock +++ b/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "This file is @generated automatically" ], - "content-hash": "1bc99d81c026aaf4e662ffffde457d04", + "content-hash": "2ae388272b6e63ed6fdd209dca48fbba", "packages": [ { "name": "composer/semver", @@ -6837,6 +6837,94 @@ ], "time": "2024-09-19T21:48:23+00:00" }, + { + "name": "symfony/ux-icons", + "version": "v2.20.0", + "source": { + "type": "git", + "url": "https://github.com/symfony/ux-icons.git", + "reference": "07328c6d3cf480f7d5dafdf621f0d54323e23035" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/ux-icons/zipball/07328c6d3cf480f7d5dafdf621f0d54323e23035", + "reference": "07328c6d3cf480f7d5dafdf621f0d54323e23035", + "shasum": "" + }, + "require": { + "php": ">=8.1", + "symfony/framework-bundle": "^6.4|^7.0", + "symfony/twig-bundle": "^6.4|^7.0" + }, + "conflict": { + "symfony/flex": "<1.13" + }, + "require-dev": { + "psr/log": "^2|^3", + "symfony/asset-mapper": "^6.4|^7.0", + "symfony/console": "^6.4|^7.0", + "symfony/http-client": "6.4|^7.0", + "symfony/phpunit-bridge": "^6.3|^7.0", + "symfony/ux-twig-component": "^2.14", + "zenstruck/console-test": "^1.5" + }, + "type": "symfony-bundle", + "extra": { + "thanks": { + "name": "symfony/ux", + "url": "https://github.com/symfony/ux" + } + }, + "autoload": { + "psr-4": { + "Symfony\\UX\\Icons\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Kevin Bond", + "email": "kevinbond@gmail.com" + }, + { + "name": "Simon André", + "email": "smn.andre@gmail.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Renders local and remote SVG icons in your Twig templates.", + "homepage": "https://symfony.com", + "keywords": [ + "icons", + "svg", + "symfony-ux", + "twig" + ], + "support": { + "source": "https://github.com/symfony/ux-icons/tree/v2.20.0" + }, + "funding": [ + { + "url": "https://symfony.com/sponsor", + "type": "custom" + }, + { + "url": "https://github.com/fabpot", + "type": "github" + }, + { + "url": "https://tidelift.com/funding/github/packagist/symfony/symfony", + "type": "tidelift" + } + ], + "time": "2024-09-18T14:55:01+00:00" + }, { "name": "symfony/ux-turbo", "version": "v2.20.0", diff --git a/config/bundles.php b/config/bundles.php index 4e3a560..e8e6f69 100644 --- a/config/bundles.php +++ b/config/bundles.php @@ -13,4 +13,5 @@ return [ Symfony\Bundle\SecurityBundle\SecurityBundle::class => ['all' => true], Symfony\Bundle\MonologBundle\MonologBundle::class => ['all' => true], Symfony\Bundle\MakerBundle\MakerBundle::class => ['dev' => true], + Symfony\UX\Icons\UXIconsBundle::class => ['all' => true], ]; diff --git a/src/Controller/IndexController.php b/src/Controller/IndexController.php index b3d9bbc..f8f8f25 100644 --- a/src/Controller/IndexController.php +++ b/src/Controller/IndexController.php @@ -1 +1,13 @@ render('base.html.twig'); + } +} \ No newline at end of file diff --git a/symfony.lock b/symfony.lock index cf1900f..fc6a7b0 100644 --- a/symfony.lock +++ b/symfony.lock @@ -248,6 +248,18 @@ "templates/base.html.twig" ] }, + "symfony/ux-icons": { + "version": "2.20", + "recipe": { + "repo": "github.com/symfony/recipes", + "branch": "main", + "version": "2.17", + "ref": "803a3bbd5893f9584969ab8670290cdfb6a0a5b5" + }, + "files": [ + "assets/icons/symfony.svg" + ] + }, "symfony/ux-turbo": { "version": "v2.20.0" }, diff --git a/templates/base.html.twig b/templates/base.html.twig index 3cda30f..bdecc75 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -4,6 +4,8 @@ {% block title %}Welcome!{% endblock %} + + {% block stylesheets %} {% endblock %} @@ -12,6 +14,43 @@ {% endblock %} - {% block body %}{% endblock %} + {% block body %} +
+

FestinHegre

+
+ +
+
+
+ {{ ux_icon('ph:user-circle-fill') }} + Compte +
+
+ {{ ux_icon('iconamoon:exit-bold') }} +
+
+
+ {% endblock %} diff --git a/templates/index/index.html.twig b/templates/index/index.html.twig new file mode 100644 index 0000000..c40a3f2 --- /dev/null +++ b/templates/index/index.html.twig @@ -0,0 +1,45 @@ +{% extends 'base.html.twig' %} + + +{% block title %}Accueil{% endblock %} + + +{% block body %} +
+

FestinHegre

+
+ +
+
+
+ + Compte +
+
+ {{ ux_icon('iconamoon:exit-bold') }} +
+
+
+{% endblock %} \ No newline at end of file