Areya
/
basic-business-template
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

.

master
Benjamin Völkl 2024-01-15 16:19:15 +01:00
parent 3bd27527e5
commit 82ac0eba70
1 changed files with 25 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
content/lists/jobs.blade.php
View File

@ -1,44 +1,39 @@
@extends('template.'.config('settings.template').'.content.master')
@section('content')


<div class="container">
<div class="row mb-5">
<div class="col-12">
<h1 class="mb-5 mt-5">{{ $list->name }}</h1>

<style>
@isset($list->image)
<style>

.block {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
font-size: 16px;
}
.block {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
font-size: 16px;
}

.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
pointer-events: none;
}
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
pointer-events: none;
}
</style>
<div class="block rounded mb-5" style="height: 450px;">
<img src="{{ $list->image }}" data-speed="-1" class="img-parallax rounded mb-5" alt="{{config('settings.name')}} Cover" />
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="block rounded mb-5" style="height: 450px;">
<img src="{{ $list->image }}" data-speed="-1" class="img-parallax rounded mb-5" alt="{{config('settings.name')}} Cover" />


</div>

<script>
<script>
$('.img-parallax').each(function() {
var $image = $(this);
var $imageParent = $(this).parent();
@ -74,6 +69,7 @@
});
});
</script>
@endif

<p class="fs-5 mb-5">
{{ $list->description }}
@ -149,6 +145,4 @@

</div>
</div>


@stop