Merge branch 'homebackground'

Author: miyacorata

.gitignore

@@ -15,4 +15,4 @@ Homestead.yaml
 npm-debug.log
 yarn-error.log
 
-public/image/homebackground.png
+public/image/homebackground.jpg

public/css/home.css

@@ -1,11 +1,19 @@
-img#homebackground{
+#homebackground{
     position: relative;
     width: 100%;
     min-width: 1300px;
+    height: calc(100vw / 2.5);
     margin: 0 0 -200px;
-    height: auto;
+    background-repeat: no-repeat;
+    background-position: center 36px;
+    background-image: url("/image/homebackground.jpg");
+    background-color: transparent;
+    background-attachment: fixed;
+    background-size: cover;
     z-index: 1;
     overflow: hidden;
+    -webkit-mask-image:linear-gradient(180deg, black 85%, transparent 100%);
+    mask-image:linear-gradient(180deg, black 85%, transparent 100%);
 }
 #homebackground + *{
     position: relative;

resources/views/home.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.app',['css' => 'home', 'fullwidth' => true])
 
 @section('content')
-    <img src="{{ asset('image/homebackground.png') }}" alt="background" id="homebackground">
+    <div id="homebackground" style="background-image: url('{{ asset('image/homebackground.jpg') }}')"></div>
     <main>
         <h1 id="sitelogo"><img src="{{ asset('image/mlp_ouranos.png') }}" alt="{{ config('ouranos.sitename',config('app.name','Ouranos')) }}"></h1>
         <div class="msgbox" style="width: 1000px;margin: 0 auto 20px;">