app/views/layouts/application.html.erb
<!DOCTYPE html>
<html lang="<%= I18n.locale %>">
<head>
<title>History</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= favicon_link_tag('logos/favicon.ico')%>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap justify-content-between py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<%= image_tag("logos/history_logo.webp", size: "60", class: "mx-2") %>
<span class="fs-4"><%= I18n.t('.header.project_name') %></span>
</a>
<ul class="nav nav-pills">
<li class="nav-item">
<a href="<%=root_path %>" class="nav-link active" aria-current="page"><%= I18n.t('.header.home_link') %></a>
</li>
</ul>
</header>
<%= yield %>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>