Edited base.html.twig

This commit is contained in:
ASTIER Yann 2024-11-14 14:19:23 +01:00
parent 76b4d05620
commit ba7e152552
3 changed files with 43 additions and 3 deletions

View File

@ -7,4 +7,14 @@ body {
max-width: 800px; max-width: 800px;
width: 95%; width: 95%;
font: 18px/1.5 sans-serif; font: 18px/1.5 sans-serif;
}
.hegre-navbar {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
} }

View File

@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title> <title>{% block title %}Welcome!{% endblock %}</title>
<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><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> <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><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{% block stylesheets %} {% block stylesheets %}
{% endblock %} {% endblock %}
@ -12,11 +13,40 @@
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<header> <div class="ml-5 mr-5 ">
<nav class="navbar navbar-expand-lg navbar-dark p-3 m-2 rounded hegre-navbar">
<a class="navbar-brand " href="#">
<img src="https://getbootstrap.com/docs/4.4/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
HergeLand
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Dashboard<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Attractions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Employées</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
{% block body %} {% block body %}
{% endblock %} {% endblock %}
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

View File

@ -2,11 +2,11 @@
{% block title %}Dashboard{% endblock %} {% block title %}Dashboard{% endblock %}
{% block body %} {% block body %}
<div class="wrapper"> <div class="wrapper">
<h1>Welcome, *Dashboard User* !</h1> <h1>Welcome, *Dashboard User* !</h1>
This is a placeholder.
</div> </div>
{% endblock %} {% endblock %}