Files
fizzy/app/views/layouts/application.html.erb
T
2024-10-23 18:58:10 -06:00

49 lines
1.4 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<%= page_title_tag %>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="view-transition" content="same-origin">
<meta name="color-scheme" content="light dark">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<% if Current.user %>
<meta name="current-user-id" content="<%= Current.user.id %>">
<% end %>
<%= yield :head %>
<%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
</head>
<body>
<header id="header">
<%= yield :header %>
</header>
<% if notice = flash[:notice] || flash[:alert] %>
<div class="flash" data-controller="element-removal" data-action="animationend->element-removal#remove">
<div class="flash__inner shadow" style="<%= "--flash-background: var(--color-negative)" if flash[:alert] %>">
<% if flash[:alert] %>
<%= image_tag "alert.svg", aria: { hidden: true }, size: 24, class: "colorize--white" %></span>
<% else %>
<%= image_tag "check.svg", aria: { hidden: true }, size: 24, class: "colorize--white" %></span>
<% end %>
</div>
<span class="for-screen-reader" role="alert" aria-atomic="true"><%= notice %></span>
</div>
<% end %>
<main id="main">
<%= yield %>
</main>
<footer id="footer">
<%= yield :footer %>
</footer>
</body>
</html>