Maintenance mode layout
8 changed files with 77 additions and 8 deletions
BIN
app/assets/images/letras.jpg
BIN
app/assets/images/letras_hover.jpg
BIN
app/assets/images/logo_velvet.png
BIN
app/assets/images/logo_velvet_small.png
+ 13
- 0
app/assets/stylesheets/admin_panel.css.less
@@ -26,3 +26,16 @@ body {
|
||
| 26 | 26 |
background-color: #006dcc; |
| 27 | 27 |
color: white; |
| 28 | 28 |
} |
| 29 |
+ |
|
| 30 |
+.hover_trick {
|
|
| 31 |
+ margin-top: 20px; |
|
| 32 |
+ background-image: url('letras.jpg');
|
|
| 33 |
+ min-height: 800px; |
|
| 34 |
+ background-size: contain; |
|
| 35 |
+ background-repeat: no-repeat; |
|
| 36 |
+ background-position: center center; |
|
| 37 |
+} |
|
| 38 |
+ |
|
| 39 |
+.hover_trick:hover {
|
|
| 40 |
+ background-image: url('letras_hover.jpg');
|
|
| 41 |
+} |
+ 1
- 1
app/controllers/application_controller.rb
@@ -25,7 +25,7 @@ class ApplicationController < ActionController::Base |
||
| 25 | 25 |
|
| 26 | 26 |
def check_admin_mode |
| 27 | 27 |
if @config.maintenance_mode && controller_name != 'sessions' && !user_signed_in? && action_name != 'maintenance_mode' |
| 28 |
- render "admin_panel/maintenance_mode" |
|
| 28 |
+ render "admin_panel/maintenance_mode", layout: "maintenance_mode" |
|
| 29 | 29 |
elsif !@config.maintenance_mode && !user_signed_in? && action_name == 'maintenance_mode' |
| 30 | 30 |
redirect_to root_path |
| 31 | 31 |
end |
+ 18
- 7
app/views/admin_panel/maintenance_mode.html.erb
@@ -1,8 +1,19 @@ |
||
| 1 |
-<div class="row"> |
|
| 2 |
- <div class="span12"> |
|
| 3 |
- <div class="hero-unit"> |
|
| 4 |
- <h1><%= @config.maintenance_title %></h1> |
|
| 5 |
- <p><%= @config.maintenance_message %></p> |
|
| 1 |
+<div class="container-fluid"> |
|
| 2 |
+ <div class="row-fluid"> |
|
| 3 |
+ <div class="span8"> |
|
| 4 |
+ <div class="hover_trick"></div> |
|
| 5 |
+ <% link_to (image_tag "letras.jpg", style: 'margin-top: 20px;'), '#', class: 'hover_trick' %> |
|
| 6 | 6 |
</div> |
| 7 |
- </div> |
|
| 8 |
-</div> |
|
| 7 |
+ <div class="span4"> |
|
| 8 |
+ <h2 style="text-transform: uppercase; color: white; position: relative; top: 50%; transform: translateY(300%); text-align: center;"> |
|
| 9 |
+ <span><%= @config.maintenance_title %></span> |
|
| 10 |
+ <%= image_tag "logo_velvet.png", size: '120x120', style: 'margin-top: -10px;' %> |
|
| 11 |
+ </h2> |
|
| 12 |
+ |
|
| 13 |
+ </div> |
|
| 14 |
+</div> |
|
| 15 |
+ |
|
| 16 |
+<footer style="margin-top: 100px;"> |
|
| 17 |
+ <hr> |
|
| 18 |
+ <p style="text-align: center; color: white;">© <%= @config.website_name %> <%= Time.now.year %> | <%= link_to 'Login', new_user_session_path %> | <%= mail_to @config.contact_email, (t 'contact.contact') %></p> |
|
| 19 |
+</footer> |
+ 45
- 0
app/views/layouts/maintenance_mode.html.erb
@@ -0,0 +1,45 @@ |
||
| 1 |
+<!DOCTYPE html> |
|
| 2 |
+<html lang="en"> |
|
| 3 |
+ <head> |
|
| 4 |
+ <meta charset="utf-8"> |
|
| 5 |
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
|
| 6 |
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
| 7 |
+ <title><%= content_for?(:title) ? yield(:title) : "RailsWebsiteTemplate" %></title> |
|
| 8 |
+ <%= csrf_meta_tags %> |
|
| 9 |
+ |
|
| 10 |
+ <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> |
|
| 11 |
+ <!--[if lt IE 9]> |
|
| 12 |
+ <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script> |
|
| 13 |
+ <![endif]--> |
|
| 14 |
+ |
|
| 15 |
+ <%= stylesheet_link_tag "application", :media => "all" %> |
|
| 16 |
+ |
|
| 17 |
+ <!-- For third-generation iPad with high-resolution Retina display: --> |
|
| 18 |
+ <!-- Size should be 144 x 144 pixels --> |
|
| 19 |
+ <%= favicon_link_tag 'apple-touch-icon-144x144-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '144x144' %> |
|
| 20 |
+ |
|
| 21 |
+ <!-- For iPhone with high-resolution Retina display: --> |
|
| 22 |
+ <!-- Size should be 114 x 114 pixels --> |
|
| 23 |
+ <%= favicon_link_tag 'apple-touch-icon-114x114-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '114x114' %> |
|
| 24 |
+ |
|
| 25 |
+ <!-- For first- and second-generation iPad: --> |
|
| 26 |
+ <!-- Size should be 72 x 72 pixels --> |
|
| 27 |
+ <%= favicon_link_tag 'apple-touch-icon-72x72-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '72x72' %> |
|
| 28 |
+ |
|
| 29 |
+ <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> |
|
| 30 |
+ <!-- Size should be 57 x 57 pixels --> |
|
| 31 |
+ <%= favicon_link_tag 'apple-touch-icon-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png' %> |
|
| 32 |
+ |
|
| 33 |
+ <!-- For all other devices --> |
|
| 34 |
+ <!-- Size should be 32 x 32 pixels --> |
|
| 35 |
+ <%= favicon_link_tag 'favicon.ico', :rel => 'shortcut icon' %> |
|
| 36 |
+ |
|
| 37 |
+ <%= javascript_include_tag "application" %> |
|
| 38 |
+ </head> |
|
| 39 |
+ <body style="background: black;"> |
|
| 40 |
+ |
|
| 41 |
+ <%= bootstrap_flash %> |
|
| 42 |
+ <%= yield %> |
|
| 43 |
+ |
|
| 44 |
+ </body> |
|
| 45 |
+</html> |