NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Style the job pages

Browse Source 
Style the image page
Small fixes
This commit is contained in:
Jorit Tijsen
2024-03-22 15:44:34 +01:00
parent 1d94e7da7f
commit 6041398e10
23 changed files with 608 additions and 606 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
resources/views/jobsitem.blade.php
View File

@@ -1,50 +1,57 @@
@extends('layouts/sidebar')
@section('title')
@section('title')
{{$job->title}}
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>{{$job->title}}</li>
</ul>
@endsection
@endsection
@section('page_class')
news_post post_container
@endsection
@section('container_class')
grey_background
@endsection
@section('content')
<div class="row">
<div class="post single ">
<div class="post_content clearfix">
<div class="content_box">
@if($job->images)
@if(count($job->images) == 1)
<div class="post_image_box">
<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$job->images[0]->title}}">
<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
</a>
<div class="sentence">
<span class="text">{{$job->images[0]->title}}</span>
@if(isset($job->images[0]->author))
<span class="author">{{$job->images[0]->author}}</span>
@endif
</div>
<div class="post_body">
@if($job->images)
@if(count($job->images) == 1)
<div class="post_image_box">
<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
title="{{$job->images[0]->title}}">
<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
</a>
<div class="sentence">
<span class="text">{{$job->images[0]->title}}</span>
@if(isset($job->images[0]->author))
<span class="author">{{$job->images[0]->author}}</span>
@endif
</div>
@else
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($job->images as $image)
</div>
@else
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($job->images as $image)
<li>
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
</li>
@endforeach
</ul>
</div>
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@endforeach
</ul>
</div>
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
<ul id="post-gallery"
class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($job->images as $image)
<li>
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
@@ -52,57 +59,32 @@
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
</a>
</li>
</ul>
@endforeach
</div>
@endif
@endif
<div class="text">
{!!$job->content!!}
<hr />
<h4>Interesse?</h4>
<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende kennismaking</a> met NH Gooi.</p>
<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Reageer nu!</span></a>
</ul>
@endforeach
</div>
{{--
@include('widgets/share')
--}}
@endif
@endif
</div>
<div class="text">
{!!$job->content!!}
<hr/>
<h2>Interesse?</h2>
<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende
kennismaking</a> met NH Gooi.</p>
<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen
contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
<a class="btn" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}"
title="Mail direct je reactie op deze vacature.">
<span>Reageer nu!</span>
</a>
</div>
{{--
@include('widgets/share')
--}}
</div>
</div>
<style>
.post.single .content_box {
float: none;
margin-left: 0;
width: auto;
padding: 1em 0;
color: #3E3E3E !important;
line-height: 150%;
}
.content_box .text > * {
margin-left: 0px;
}
.content_box ul br {
display: none;
}
.content_box li {
padding-top: 7px;
padding-bottom: 7px;
margin-top: 0;
background-repeat: no-repeat;
background-position: left 10px;
padding-left: 25px;
background-image: url("/images/icons/other/bullet_style_2.png");
}
</style>
@endsection