diff --git a/app/assets/images/desk.jpg b/app/assets/images/desk.jpg deleted file mode 100644 index e3b67bb5..00000000 Binary files a/app/assets/images/desk.jpg and /dev/null differ diff --git a/app/assets/images/laptop.jpg b/app/assets/images/laptop.jpg new file mode 100644 index 00000000..8b3bab15 Binary files /dev/null and b/app/assets/images/laptop.jpg differ diff --git a/app/assets/images/laptop.png b/app/assets/images/laptop.png deleted file mode 100644 index 02a85ba6..00000000 Binary files a/app/assets/images/laptop.png and /dev/null differ diff --git a/app/assets/images/laptop@2x.jpg b/app/assets/images/laptop@2x.jpg new file mode 100644 index 00000000..a05c6a4d Binary files /dev/null and b/app/assets/images/laptop@2x.jpg differ diff --git a/app/assets/stylesheets/front.scss b/app/assets/stylesheets/front.scss index 6ad11604..e84ebca9 100644 --- a/app/assets/stylesheets/front.scss +++ b/app/assets/stylesheets/front.scss @@ -5,13 +5,10 @@ } .navbar-transparent .navbar-makigas { - background: transparent !important; + background: rgba(black, 0.25) !important; } .makigas-tron { - background: image-url('desk.jpg'); - background-size: cover; - background-position: bottom; color: white; font-family: 'Montserrat'; @@ -25,7 +22,9 @@ padding-bottom: 40px; padding-left: 20px; padding-right: 20px; - background: rgba(desaturate(#003399, 50%), 0.7); + background: desaturate(#003399, 50%); + background-image: linear-gradient(to bottom right, adjust-hue(desaturate(lighten(#003399, 30%), 25%), -25%), #003399); + box-shadow: 0 -4px 4px -2px rgba(black, 0.5) inset; @media screen and (min-width: 767px) and (max-width: 1199px) { padding-top: 130px; diff --git a/app/views/front/_about.html.haml b/app/views/front/_about.html.haml index 82fe57f6..bd422752 100644 --- a/app/views/front/_about.html.haml +++ b/app/views/front/_about.html.haml @@ -3,7 +3,7 @@ %h1.title= t('.title') .row .col-md-6.hidden-xs.hidden-sm - = image_tag 'laptop.png', class: 'laptop-image', alt: t('.laptop') + = image_tag 'laptop.jpg', srcset: "#{path_to_image('laptop@2x.jpg')} 2x", class: 'laptop-image', alt: t('.laptop') .col-md-6 %p= t('.about.line0') %p= t('.about.line1') \ No newline at end of file