Impressung
This commit is contained in:
23
public/css/imprint/imprint.css
Normal file
23
public/css/imprint/imprint.css
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
@keyframes fadeAndScale {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
/*transform: scale(1);*/
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0.2;
|
||||||
|
/*transform: scale(1);*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.funny-gift {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
object-fit: cover;
|
||||||
|
z-index: 9999;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
animation: fadeAndScale 20s linear forwards;
|
||||||
|
animation-delay: 2s;
|
||||||
|
}
|
||||||
@@ -1,9 +1,11 @@
|
|||||||
@extends('layout.app')
|
@extends('layout.app')
|
||||||
@section('scripts')
|
@section('scripts')
|
||||||
|
<link rel="stylesheet" href="{{ asset('/css/imprint/imprint.css') }}">
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<img class="content-img" src="{{ asset('/Bilder/ernsthaft.jpg') }}" alt="{{ __('app.imprint.alt') }}">
|
<img class="content-img" src="{{ asset('/Bilder/ernsthaft.jpg') }}" alt="{{ __('app.imprint.alt') }}">
|
||||||
|
<img src="{{ asset('/Bilder/deutsch.gif') }}" class="funny-gift" alt="funny">
|
||||||
<h1>{{ __('app.imprint.title') }}</h1>
|
<h1>{{ __('app.imprint.title') }}</h1>
|
||||||
<br />
|
<br />
|
||||||
<p>{!! __('app.imprint.content') !!}</p>
|
<p>{!! __('app.imprint.content') !!}</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user