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') @extends('template.'.config('settings.template').'.content.master')
@section('content') @section('content')


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


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


.block { .block {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
font-size: 16px; 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 { <div class="block rounded mb-5" style="height: 450px;">
width: 100vmax; <img src="{{ $list->image }}" data-speed="-1" class="img-parallax rounded mb-5" alt="{{config('settings.name')}} Cover" />
z-index: -1; </div>
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> <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>
$('.img-parallax').each(function() { $('.img-parallax').each(function() {
var $image = $(this); var $image = $(this);
var $imageParent = $(this).parent(); var $imageParent = $(this).parent();
@ -74,6 +69,7 @@
}); });
}); });
</script> </script>
@endif


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


</div> </div>
</div> </div>


@stop @stop