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>