Mercurial > zeropaste
comparison app/views/layouts/application.html.erb @ 469:68231013b01b bootstrap-4
Now with more bootstrap than ever
author | nanaya <me@nanaya.pro> |
---|---|
date | Sun, 23 Feb 2020 22:25:50 +0900 |
parents | 802dcd44188e |
children | b26dd8fa1c26 |
comparison
equal
deleted
inserted
replaced
468:802dcd44188e | 469:68231013b01b |
---|---|
5 <title><%= html_title %></title> | 5 <title><%= html_title %></title> |
6 <meta name="viewport" content="width=device-width, initial-scale=1"> | 6 <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 <%= stylesheet_link_tag "application", :media => "all" %> | 7 <%= stylesheet_link_tag "application", :media => "all" %> |
8 </head> | 8 </head> |
9 <body> | 9 <body> |
10 <nav class="navbar navbar-default navbar-static-top"> | 10 <nav class="navbar navbar-expand-lg navbar-light bg-light"> |
11 <div class="container"> | 11 <div class="container"> |
12 <div class="navbar-header"> | 12 <%= link_to "Zeropaste", root_path, :class => "navbar-brand" %> |
13 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu"> | 13 |
14 <span class="sr-only">Toggle navigation</span> | 14 <button |
15 <span class="icon-bar"></span> | 15 type="button" |
16 <span class="icon-bar"></span> | 16 class="navbar-toggler" |
17 <span class="icon-bar"></span> | 17 data-toggle="collapse" |
18 </button> | 18 data-target="#navbar-menu" |
19 <%= link_to "Zeropaste", root_path, :class => "navbar-brand" %> | 19 aria-controls="navbar-menu" |
20 </div> | 20 aria-expanded="false" |
21 aria-label="<%= t('.toggle_nav') %>" | |
22 > | |
23 <span class="navbar-toggler-icon"></span> | |
24 </button> | |
21 | 25 |
22 <div class="collapse navbar-collapse" id="navbar-menu"> | 26 <div class="collapse navbar-collapse" id="navbar-menu"> |
23 <ul class="nav navbar-nav navbar-right"> | 27 <ul class="navbar-nav ml-auto"> |
24 <li> | 28 <li class="nav-item"> |
25 <%= link_to t(".about"), "#", | 29 <%= link_to t(".about"), "#", { |
26 :data => { :toggle => "modal", | 30 data: { |
27 :target => "#modal-about" } | 31 toggle: "modal", |
32 target: "#modal-about", | |
33 }, | |
34 class: 'nav-link', | |
35 } | |
28 %> | 36 %> |
29 </li> | 37 </li> |
30 <li> | 38 <li class="nav-item"> |
31 <a href="https://bitbucket.org/nanayapro/zeropaste"><%= t(".source") %></a> | 39 <a class="nav-link" href="https://bitbucket.org/nanayapro/zeropaste"><%= t(".source") %></a> |
32 </li> | 40 </li> |
33 <li> | 41 <li class="nav-item"> |
34 <%= link_to t(".donate"), | 42 <%= link_to t(".donate"), |
35 "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GV9AHVHQAHXLJ" | 43 "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GV9AHVHQAHXLJ", |
44 class: 'nav-link' | |
36 %> | 45 %> |
37 </li> | 46 </li> |
38 </ul> | 47 </ul> |
39 </div> | 48 </div> |
40 </div> | 49 </div> |
41 </nav> | 50 </nav> |
42 | 51 |
43 <div class="container"> | 52 <div class="container"> |
44 <div class="row"><div class="col-xs-12"> | 53 <div class="row"><div class="col-12"> |
45 <h1 class="h2 zp-header page-header"><%= content_for :title %></h1> | 54 <h1 class="h2 pt-3 pb-1"><%= content_for :title %></h1> |
46 </div></div> | 55 </div></div> |
47 | 56 |
48 <%= render "layouts/alerts" %> | 57 <%= render "layouts/alerts" %> |
49 | 58 |
50 <%= yield %> | 59 <%= yield %> |
51 | 60 |
52 </div> | 61 </div> |
53 | 62 |
54 <div class="modal fade" id="modal-about" tabindex="-1" role="dialog" aria-labelledby="about-modal-label"> | 63 <div class="modal fade" id="modal-about" tabindex="-1" role="dialog" aria-labelledby="about-modal-label" aria-hidden="true"> |
55 <div class="modal-dialog" role="document"> | 64 <div class="modal-dialog" role="document"> |
56 <div class="modal-content"> | 65 <div class="modal-content"> |
57 <div class="modal-header"> | 66 <div class="modal-header"> |
58 <h4 class="modal-title" id="about-modal-label"><%= t(".about") %></h4> | 67 <h4 class="modal-title" id="about-modal-label"><%= t(".about") %></h4> |
59 </div> | 68 </div> |
60 | 69 |
61 <div class="modal-body"> | 70 <div class="modal-body"> |
62 <%= render "layouts/about" %> | 71 <%= render "layouts/about" %> |
63 </div> | 72 </div> |
64 <div class="modal-footer"> | 73 <div class="modal-footer"> |
65 <button type="button" class="btn btn-default" data-dismiss="modal"> | 74 <button type="button" class="btn btn-secondary" data-dismiss="modal"> |
66 <%= t("buttons.close") %> | 75 <%= t("buttons.close") %> |
67 </button> | 76 </button> |
68 </div> | 77 </div> |
69 </div> | 78 </div> |
70 </div> | 79 </div> |