You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.3 KiB
63 lines
2.3 KiB
<!doctype html>
|
|
<html lang="<%= I18n.locale %>">
|
|
<head>
|
|
<title><%= content_for?(:title) ? yield(:title) : t(:project_name) %></title>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="turbo-prefetch" content="false">
|
|
<meta name="turbo-cache-control" content="no-cache">
|
|
<%= tag.meta name: "description", content: content_for?(:meta_description) ? yield(:meta_description) : (@node.present?? @node.page_description : "") %>
|
|
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
|
|
<link rel="apple-touch-icon" href="/ikea-favicon-300x300.png">
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" sizes="16x16 32x32">
|
|
<link rel="icon" sizes="192x192" href="/ikea-favicon-300x300.png">
|
|
|
|
<%= stylesheet_link_tag "reset", "application" %>
|
|
<%= frontend_javascript_importmap_tags %w[application @hotwired/turbo-rails @hotwired/stimulus language_menu_controller] %>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-controller="language-menu">
|
|
<header>
|
|
<%= link_to svg("ikea-foundation-203x22"), url_for(controller: "site", action: "index") %>
|
|
|
|
<button type="button"
|
|
class="language-button"
|
|
data-language-menu-target="button"
|
|
data-action="click->language-menu#toggle"
|
|
aria-controls="language-menu"
|
|
aria-expanded="false"
|
|
aria-label="<%= strip_tags t("game.please_choose_a_language") %>">
|
|
<%= svg "ico-globe" %>
|
|
<%= svg "ico-close" %>
|
|
</button>
|
|
</header>
|
|
|
|
<nav id="language-menu"
|
|
data-language-menu-target="menu"
|
|
aria-labelledby="language-title"
|
|
hidden>
|
|
<h2 id="language-title"><%= t("game.please_choose_a_language").html_safe %></h2>
|
|
<ul class="languages">
|
|
<% t("language_names").each do |k, v| %>
|
|
<% current = (k == I18n.locale) %>
|
|
<li><%= link_to v,
|
|
url_for(locale: k),
|
|
class: ("current" if current),
|
|
"aria-current": ("page" if current) %></li>
|
|
<% end%>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
<main>
|
|
<%= yield %>
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|