explorer_app/app/views/layouts/application.html.erb
<!DOCTYPE html>
<html lang="en">
<head>
<title>U.S. Geo Data</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/gh/tofsjonas/sortable@latest/sortable.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/gh/tofsjonas/sortable@latest/sortable.min.js"></script>
<style type="text/css">
.sortable th {
white-space: normal;
}
</style>
<%= stylesheet_link_tag "application" %>
</head>
<body>
<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<%= link_to "U.S. Geo Data", root_path, class: "navbar-brand mb-0 h1" %>
</div>
</nav>
<div class="container-fluid">
<%= yield %>
</div>
</body>
</html>