Aanmeldingsformulier kennismakingsbijeenkomst
This commit is contained in:
@@ -39,4 +39,21 @@ class JobsController extends Controller
|
||||
return view('jobslist', ['title' => $title, 'jobs' => $jobs]);
|
||||
//return view($request->ajax() ? 'partial/jobslist_small' : ($title == null ? 'home' : 'jobslist'), ['title' => $title, 'jobs' => $jobs, 'searchURL' => 'vacatures/zoeken']);
|
||||
}
|
||||
|
||||
public function bijeenkomst() {
|
||||
return view('kennismakingsbijeenkomst', ['a' => 2]);
|
||||
}
|
||||
|
||||
public function aanmelden(Request $request) {
|
||||
$data = array('email' => $request->input('email'), 'name' => $request->input('name'));
|
||||
\Mail::raw($request['name'] . ' (' . $request['email'] . ', ' . $request['phone'] . ') wil zich graag aanmelden voor de kennismakingsdag. Toelichting: ' . $request['message'], function($message) use($data) {
|
||||
$message
|
||||
->from('meebouwen@nhgooi.nl', 'meebouwen@nhgooi.nl')
|
||||
->bcc('meebouwen@nhgooi.nl', 'meebouwen@nhgooi.nl')
|
||||
->to($data['email'], $data['name'])
|
||||
->subject('Aanmelding kennismakingsdag');
|
||||
});
|
||||
|
||||
return view('kennismakingsbijeenkomst', ['bevestiging' => $request->input('email')]);
|
||||
}
|
||||
}
|
||||
|
||||
74
resources/views/imageslist.blade.php
Normal file
74
resources/views/imageslist.blade.php
Normal file
@@ -0,0 +1,74 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
@if($title) {{$title}} - Beelden @else Beelden @endif
|
||||
@endsection
|
||||
|
||||
|
||||
@section('breadcrumb')
|
||||
@if($title)
|
||||
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
|
||||
<li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
|
||||
<li class="separator icon_small_arrow right_gray"> </li>
|
||||
<li>{{$title}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar beelden@nhgooi.nl!</a></p>
|
||||
|
||||
<div id="items">
|
||||
@include('partial/imageslist_small', ['images' => $images])
|
||||
</div>
|
||||
|
||||
@if(count($images) >= 15)
|
||||
<div>
|
||||
<button class="more page_margin_top" type="button" id='meer-beelden'>
|
||||
<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
|
||||
LAAD MEER BEELDEN
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
var nextPage = 2;
|
||||
var isLoading = 0;
|
||||
var $isLoading = $('#loading').hide();
|
||||
|
||||
$('#meer-beelden').click(function(e) {
|
||||
e.preventDefault();
|
||||
if(!isLoading) {
|
||||
// Set flag and update UI
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
var $button = $(this).attr("disabled", "disabled");
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
|
||||
.always(function() {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
$isLoading.hide();
|
||||
$button.removeAttr("disabled");
|
||||
})
|
||||
.done(function(data) {
|
||||
if(!data) {
|
||||
// When no data was returned, disable the button permanently
|
||||
page = -1;
|
||||
$('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>");
|
||||
$button.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#items').append(data);
|
||||
++nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -63,7 +63,11 @@
|
||||
|
||||
<hr />
|
||||
<h4>Interesse?</h4>
|
||||
<p>Mail een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
|
||||
<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Schrijf je nu in voor onze kennismakingsbijeenkomst</a> op 27 november a.s. en laat je inspireren, het verplicht je tot niets.</p>
|
||||
<a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma & aanmelden</span></a>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<p>Kan je niet naar de bijeenkomst komen? Mail dan 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>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -7,57 +7,262 @@
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
<div class="vacature_row">
|
||||
<div class="column_23">
|
||||
<h3 class="first">Wat doen wij?</h3>
|
||||
<p>Lijkt het je leuk om voor de streekomroep van en voor het Gooi te werken? Dan ben je op het juiste
|
||||
adres. NH Gooi is volop in ontwikkeling en biedt kansen voor iedereen die wil meebouwen aan
|
||||
onze organisatie. En dat allemaal in het mediacentrum van ons land.</p>
|
||||
|
||||
<p>NH Gooi heeft als doel om een optimale nieuwsvoorziening voor Hilversum, Huizen, Blaricum,
|
||||
Eemnes en Laren (HHBEL) en de rest van het Gooi tot stand te brengen. Dat gebeurt via een
|
||||
unieke samenwerking tussen de regionale nieuwsorganisatie NH Nieuws (onderdeel van de
|
||||
regionale publieke omroep NH Media) en NH Gooi.</p>
|
||||
|
||||
<p>NH Gooi spreekt de taal van de mensen op straat, brengt nieuws en verdieping, stimuleert het
|
||||
debat en verbindt politiek, overheid en bewoners met elkaar. Nieuws, informatie, educatie,
|
||||
religie en cultuur (met regionaal/lokaal karakter) worden verspreid via web, app, sociale media
|
||||
en lineaire kanalen. NH Gooi experimenteert en innoveert continu om blijvend in te spelen op
|
||||
het snel veranderende media- en distributielandschap.</p>
|
||||
|
||||
<p>NH Gooi brengt het nieuws in de juiste combinatie van onlinekracht inclusief videoproductie,
|
||||
lokale kennis en journalistieke professionaliteit. Bij NH Gooi werken zowel betaalde krachten
|
||||
als vrijwilligers die op professioneel niveau werken. </p>
|
||||
|
||||
<h3>Wie zoeken wij?</h3>
|
||||
<blockquote>
|
||||
Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een
|
||||
kleinkunstprogramma
|
||||
|
||||
@php($i = 0)
|
||||
<span class="author">— Mischa, programmamaker en technicus</span>
|
||||
</blockquote>
|
||||
|
||||
<p>Wil je programma's maken voor radio en/of televisie, verslaggever worden, podcasts maken? Ben
|
||||
jij de techneut of ICT-er die zorgt dat alle techniek en verbindingen goed blijven werken? Of vind je
|
||||
het juist leuk om met een klein team mee te denken en te zorgen dat we nog bekender worden?
|
||||
Bijna alles is mogelijk en altijd onder begeleiding of samen met anderen.</p>
|
||||
|
||||
<p>Wat wij van jou vragen is dat je nieuwsgierig bent, goed kunt samenwerken en graag op zoek gaat
|
||||
naar de verhalen uit het Gooi. Meer weten?
|
||||
<a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Schrijf je nu in voor onze kennismakingsbijeenkomst</a> en laat je inspireren, het verplicht je tot niets.</p>
|
||||
</div>
|
||||
<div class="column_13">
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<h3 class="first">Maak kennis met ons!</h3>
|
||||
<p>Kom op 27 november kennismaken met NH Gooi!</p>
|
||||
|
||||
<a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma & aanmelden</span></a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<h3 class="first">Wie zoeken wij?</h3>
|
||||
@foreach($jobs as $job)
|
||||
@if($i % 2 == 0)
|
||||
@if($i > 0) </ul><!--/.row--> @endif
|
||||
<ul class='blog row grid'>
|
||||
@endif
|
||||
<li class="post card column column_1_2">
|
||||
<div class="post_content">
|
||||
<h2><a href="{{$job->url}}" title="{{$job->title}}">{!!$job->title!!}</a></h2>
|
||||
<div class="clearfix"></div>
|
||||
@if(count($job->images))
|
||||
<a href="{{$job->url}}" title="{{$job->title}}" class="fixed-height">
|
||||
<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
|
||||
</a>
|
||||
@else
|
||||
<p>{!! Formatter::excerpt($job->content, 200) !!}</p>
|
||||
@endif
|
||||
<a class="read_more" href="{{$job->url}}" title="Bekijk vacature"><span class="arrow"></span><span>Bekijk vacature</span></a>
|
||||
<span class="clearfix"></span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@php($i++)
|
||||
<a class="read_more" href="{{$job->url}}" title="Reageer direct op de vacature {{$job->title}}"><span class="arrow"></span><span>{{$job->title}}</span></a>
|
||||
@endforeach
|
||||
<div class="clearfix" style="margin: 1em;"></div>
|
||||
<h5>Niet wat je zoekt?</h5>
|
||||
<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Open sollicitatie" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Open sollicitatie</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if($i)
|
||||
</ul><!--/.row-->
|
||||
@endif
|
||||
<div class="clearfix"></div>
|
||||
<blockquote>
|
||||
Je krijgt bij NH Gooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
|
||||
<span class="author">— Yannick, programmamaker</span>
|
||||
</blockquote>
|
||||
|
||||
<hr />
|
||||
<h4>Niet wat je zoekt?</h4>
|
||||
<p>Staan in de lijst hierboven geen interessante vacatures voor je, maar lijkt het je wel leuk om (als vrijwilliger) mee te bouwen aan NH Gooi? Mail dan 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=Open sollicitatie" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Reageer nu!</span></a>
|
||||
|
||||
<h3 class="page_margin_top">Veelgestelde vragen</h3>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Wat kan NH Gooi mij bieden?</button>
|
||||
<div class="antwoord">
|
||||
<ul>
|
||||
<li>Een baan als vrijwilliger met toekomst. Veel (ex)collega’s zijn in dienst bij landelijke of regionale omroepen.</li>
|
||||
<li>De kans om mee te bouwen aan onze organisatie en programma’s.</li>
|
||||
<li>Een enthousiast team met veel kennis</li>
|
||||
<li>Meer plannen dan we op dit moment kunnen uitvoeren</li>
|
||||
<li>Een organisatie waar je je talenten kan ontdekken</li>
|
||||
<li>Workshops en bijeenkomsten met collega’s</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Aan welke voorwaarden moet ik voldoen?</button>
|
||||
<div class="antwoord">
|
||||
Je hebt een band met het Gooi.
|
||||
Je kunt zelfstandig werken
|
||||
Je bent nieuwsgierig en ondernemend
|
||||
Je wilt graag bij een omroep werken
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Kan ik me zonder ervaring ook bij NH Gooi aanmelden?</button>
|
||||
<div class="antwoord">
|
||||
Ja, de wil om te leren en een flinke dosis enthousiasme is genoeg.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Kan ik ook meerdere dingen doen bij NH Gooi?</button>
|
||||
<div class="antwoord">
|
||||
Ja, dat is geen probleem. Bij NH Gooi is (bijna) alles mogelijk. Het belangrijkste is dat je enthousiast bent en je er echt voor in wil zetten.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Ik vind het leuk om mee richting te geven aan NH Gooi, kan dat ook?</button>
|
||||
<div class="antwoord">
|
||||
Absoluut! Voor de verschillende onderdelen zoeken we ook coördinatoren die mede richting willen geven en anderen kan ondersteunen en stimuleren.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<blockquote>
|
||||
Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
|
||||
<span class="author">— Michel Stoeltie</span>
|
||||
</blockquote>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Ik ben 62 jaar, kan ik me dan ook aanmelden?</button>
|
||||
<div class="antwoord">
|
||||
Uiteraard, wij hebben collega’s van 18 tot 72 jaar
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Ik heb een parttimebaan, kan ik me aanmelden?</button>
|
||||
<div class="antwoord">
|
||||
Ja, als je maar 8 uur per week beschikbaar bent, ‘s avonds of weekend is ook goed.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Als ik meedoe, hoeveel uur per week ben ik dan bezig?</button>
|
||||
<div class="antwoord">
|
||||
Of je veel of weinig tijd hebt, dat maakt niet uit. Wel vinden we het belangrijk dat als je je in wilt zetten dat we op je kunnen rekenen.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vraag">
|
||||
<button class="vraag-header">Wat kan ik verwachten van de begeleiding?</button>
|
||||
<div class="antwoord">
|
||||
Je wordt begeleid door een of meer collega’s van NH Gooi. Dit is afhankelijk wat en hoeveel je voor NH Gooi wilt en kunt doen.
|
||||
Jouw begeleider
|
||||
Is jouw vraagbaak en kent de organisatie en weet wie je kunt benaderen voor specifieke vragen
|
||||
Zet je op het spoor van dingen en mensen die voor jou interessant zijn
|
||||
Maar is geen persoonlijk assistent.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.vacature_row {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.column_13 {
|
||||
flex: 1 0 33%;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.column_23 {
|
||||
flex: 1 1 67%;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
.vacature_row {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-size: 120%;
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
blockquote .author {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.joblist li, .antwoord 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");
|
||||
}
|
||||
|
||||
.vraag {
|
||||
padding: 3px;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.vraag a {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.vraag a:before {
|
||||
|
||||
}
|
||||
|
||||
.vraag .antwoord {
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Style the buttons that are used to open and close the accordion panel */
|
||||
.vraag-header {
|
||||
background-color: #f0f0f0;
|
||||
color: #444;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border: none;
|
||||
border-left: 3px solid #1F3977;
|
||||
outline: none;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
|
||||
.active, .vraag-header:hover {
|
||||
background-color: #c0c0c0;
|
||||
}
|
||||
|
||||
/* Style the accordion panel. Note: hidden by default */
|
||||
.vraag .antwoord {
|
||||
padding: 18px 18px;
|
||||
font-size: 100%;
|
||||
line-height: 150%;
|
||||
background-color: white;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
button.vraag-header.active::after {
|
||||
content: "\2212";
|
||||
}
|
||||
button.vraag-header::after {
|
||||
content: '\002B';
|
||||
color: #777;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.page_header {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var acc = document.getElementsByClassName("vraag-header");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < acc.length; i++) {
|
||||
acc[i].addEventListener("click", function() {
|
||||
/* Toggle between adding and removing the "active" class,
|
||||
to highlight the button that controls the panel */
|
||||
this.classList.toggle("active");
|
||||
|
||||
/* Toggle between hiding and showing the active panel */
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.display === "block") {
|
||||
$(panel).slideUp();
|
||||
} else {
|
||||
$(panel).slideDown();
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
166
resources/views/kennismakingsbijeenkomst.blade.php
Normal file
166
resources/views/kennismakingsbijeenkomst.blade.php
Normal file
@@ -0,0 +1,166 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Kennismakingsbijeenkomst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
@if(isset($bevestiging))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<h3 class="page_margin_top">Programma informatiebijeenkomst NH Gooi 27 november 2021</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td>14.00</td> <td>Welkom</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14.10</td> <td>Kennismaking met NH Gooi Radio
|
||||
<ul>
|
||||
<li>Wie zijn we?</li>
|
||||
<li>Wat doen we?</li>
|
||||
<li>Ambities</li>
|
||||
<li>Kansen voor nieuwe medewerkers
|
||||
<ul>
|
||||
<li>Redactie radio / tv</li>
|
||||
<li>Programmamaker</li>
|
||||
<li>Podcast producer</li>
|
||||
<li>Technicus</li>
|
||||
<li>Marketing-communicatiemedewerkers</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14.30</td> <td>Uitleg kennismakingsrondes (speeddates)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14.45</td> <td>Start eerste ronde speeddates</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>15.15</td> <td> Start Tweede ronde speeddates</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>15.45</td> <td> Pauze</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>16.15</td> <td> Meer over de begeleiders</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>16.30</td> <td> Vragen?</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>17.00</td> <td> Afsluiting</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
<b>Locatie:</b> <a href="https://goo.gl/maps/X55jy4YKG8CZZMis9">IJsselmeerstraat 3B, Huizen (NH)</a>
|
||||
</p>
|
||||
|
||||
@if(!isset($bevestiging))
|
||||
<h4 class="box_header">
|
||||
Aanmelden
|
||||
</h4>
|
||||
|
||||
<p>Wil je je aanmelden voor de vrijblijvende kennismakingsbijeenkomst op 27 november? Vul dan het formulier in voor een uitnodiging.</p>
|
||||
<form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons" style="background: none;">
|
||||
{{ csrf_field() }}
|
||||
<fieldset style="display: inline;">
|
||||
<p>Ja, ik kom graag naar de kennismakingsbijeenkomst! </p>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="name">Naam</label>
|
||||
<input class="text_input hint" id="name" name="name" type="text" placeholder="Naam" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="email">E-mailadres</label>
|
||||
<input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Telefoonnummer</label>
|
||||
<input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="block">
|
||||
<p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel al?</p>
|
||||
</div>
|
||||
<textarea name="message" placeholder="Toelichting" class="hint"></textarea>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<input type="hidden" name="action" value="contact_form">
|
||||
<input type="submit" name="submit" value="Aanmelden!" class="more active">
|
||||
</fieldset>
|
||||
</form>
|
||||
@endif
|
||||
|
||||
<style>
|
||||
table { width: 100%; }
|
||||
td {
|
||||
border-top: solid 1px #ddd;
|
||||
vertical-align: top;
|
||||
color: #444;
|
||||
line-height: 150%;
|
||||
}
|
||||
li {
|
||||
margin-left: 10px;
|
||||
padding-top: 2px;
|
||||
margin-top: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
td > ul > li {
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 10px;
|
||||
background-image: url("/images/icons/other/bullet_style_2.png");
|
||||
}
|
||||
|
||||
fieldset .block {
|
||||
display: flex;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
fieldset label {
|
||||
display: block;
|
||||
flex: 0 1 150px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
fieldset input {
|
||||
flex: 1 1;
|
||||
}
|
||||
|
||||
fieldset textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
fieldset .block {
|
||||
flex-wrap: wrap;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
fieldset label {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@endsection
|
||||
|
||||
39
resources/views/partial/imageslist_small.blade.php
Normal file
39
resources/views/partial/imageslist_small.blade.php
Normal file
@@ -0,0 +1,39 @@
|
||||
@foreach($images as $item)
|
||||
@if($loop->index % 3 == 0)
|
||||
<div class="row grid">
|
||||
<ul>
|
||||
@endif
|
||||
<li class="post column column_1_3">
|
||||
<a href="{{$imgBase . $item->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$item->images[0]->title}}">
|
||||
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='{{$item->images && count($item->images) ? $item->images[0]->title : $item->title}}'>
|
||||
</a>
|
||||
<div class="post_content">
|
||||
<h5>
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
|
||||
</h5>
|
||||
<ul class="post_details simple">
|
||||
<li class="category">
|
||||
<!-- <a title="Regio: {{$item->region->title}}" href="{{url('beelden/regio/' . $item->region->slug)}}">{{$item->region->title}}</a> -->
|
||||
<a title="Regio: {{$item->region->title}}" href=".">{{$item->region->title}}</a>
|
||||
</li>
|
||||
@if($item->edited && ($item->edited != $item->published))
|
||||
<li class="date edited">
|
||||
{{Formatter::relativeDate($item->edited)}} bijgewerkt om {{$item->published->format('H:i')}}
|
||||
</li>
|
||||
@else
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}}
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
<p class="block-lead hidden-xs">
|
||||
{{$item->images[0]->title}} •
|
||||
{{$item->content}}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
@if($loop->index % 3 == 2 || $loop->last)
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
@@ -1,49 +0,0 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Vacatures
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<style>
|
||||
#vacatures h4 {
|
||||
font-size: 200% !important;
|
||||
color: #1F3977;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#vacatures h4, #vacatures h5 {
|
||||
font-size: 120%;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
#vacatures h5:not(.first) {
|
||||
margin-top: 2rem;
|
||||
border-top: solid 1px #03A6E0;
|
||||
color: #1F3977;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="vacatures" class="clearfix tabs no_scroll page_margin_top_section" data-interval="0">
|
||||
<ul class="tabs_navigation clearfix">
|
||||
<li> <a href="#redacteur" title="Redacteur">Redacteur</a> <span></span> </li>
|
||||
<li> <a href="#podcastmaker" title="Podcastmaker">Podcastmakers</a> <span></span> </li>
|
||||
<li> <a href="#technicus" title="ICT'ers/Technici">ICT'ers/technici</a> <span></span> </li>
|
||||
<li> <a href="#marketsales" title="Marketing- en sales">Marketing-/sales</a> <span></span> </li>
|
||||
</ul>
|
||||
|
||||
<div id="redacteur" class="wpb_tab">
|
||||
@include("vacatures.redacteur")
|
||||
</div>
|
||||
<div id="podcastmaker" class="wpb_tab">
|
||||
@include("vacatures.redacteur")
|
||||
</div>
|
||||
<div id="technicus" class="wpb_tab">
|
||||
@include("vacatures.redacteur")
|
||||
</div>
|
||||
<div id="marketsales" class="wpb_tab">
|
||||
@include("vacatures.redacteur")
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -14,6 +14,7 @@ $img = $data[0];
|
||||
</p>
|
||||
</div>
|
||||
<p><a class="read_more" href="{{ route('beelden') }}" title="Bekijk meer beelden uit het Gooi"><span class="arrow"></span><span>Meer beelden</span></a></p>
|
||||
<div class="clearfix"></div>
|
||||
<p class='bouwmee'><a href="mailto:beelden@nhgooi.nl">Jouw foto hier? Mail naar beelden@nhgooi.nl!</a></p>
|
||||
|
||||
<style>
|
||||
|
||||
@@ -16,15 +16,15 @@
|
||||
"Podcast" => array(
|
||||
"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"),
|
||||
"Regioagenda" => "/agenda",
|
||||
"Over ons" => array(
|
||||
"NH Gooi" => array(
|
||||
"" => "/contact",
|
||||
"Download de app" => "/app",
|
||||
"Contact" => "/contact",
|
||||
"Vacatures" => "/vacatures",
|
||||
"Frequenties" => "/frequenties",
|
||||
"Adverteren?" => "/adverteren",
|
||||
),
|
||||
"NH Nieuws" => "https://nhnieuws.nl");
|
||||
"NH Nieuws" => "https://nhnieuws.nl")
|
||||
);
|
||||
?>
|
||||
<?php
|
||||
function isActive($link, $checksubmenus) {
|
||||
|
||||
@@ -86,6 +86,8 @@ Route::get('/frequenties', 'Controller@view_frequenties')->name('frequenties');
|
||||
Route::get('/adverteren', 'Controller@view_adverteren')->name('adverteren');
|
||||
Route::get('/app', 'Controller@view_app')->name('app');
|
||||
|
||||
Route::get('/vacatures/ontmoet-ons', 'JobsController@bijeenkomst');
|
||||
Route::post('/vacatures/ontmoet-ons', 'JobsController@aanmelden');
|
||||
Route::get('/vacatures', 'JobsController@overview')->name('vacatures');
|
||||
Route::get('/vacatures/{id}/{title}', 'JobsController@show')->where(['id' => '\d+'])->name('vacature');
|
||||
|
||||
|
||||
Reference in New Issue
Block a user