main
1<!DOCTYPE html>
2<html lang="<%= I18n.locale %>">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width,initial-scale=1">
6 <title>Sparkles</title>
7 <meta name="theme-color" content="#24292e">
8 <%= csrf_meta_tags %>
9 <%= csp_meta_tag %>
10 <%= stylesheet_pack_tag 'application', media: 'all' %>
11 <%= javascript_pack_tag 'application' %>
12 </head>
13 <body>
14 <header class="Header flex-justify-between">
15 <div class="Header-item">
16 <%= link_to root_path, class: 'Header-link f4 d-flex flex-items-center' do %>
17 <%= render(Primer::OcticonComponent.new(icon: "mark-github", size: :medium, mr: 2, vertical_align: :middle)) %>
18 <% end %>
19 <span>SparkleHub</span>
20 </div>
21
22 <nav class="Header-item mr-0" data-avatar>
23 <%= link_to sparkles_path, class: "avatar" do %>
24 <%= render(Primer::OcticonComponent.new(icon: "person", size: :medium)) %>
25 <% end %>
26 </nav>
27 </header>
28
29 <main>
30 <%= yield %>
31 </main>
32
33 <footer class="app-footer d-flex flex-items-center flex-justify-center px-5 py-5 text-center border-top">
34 <%= render(Primer::OcticonComponent.new(icon: "mark-github", mr: 1)) %>
35 <div>GitHub ✨</div>
36 </footer>
37
38 <%= render "shared/hovercard_template" %>
39 </body>
40</html>