@extends('layouts.blank')

@section('content')
<section id="home-sophiejacqmin-section" class="home-section">

	@include('partials._header', ['logo' => asset('images/logos/sophiejacqmin.png')])

	<a href="{{ route('projects.index', 'stay') }}">
		<div class="category stay">
			<span class="category-title">Stay</span>
		</div>
	</a>
	<a href="{{ route('projects.index', 'play') }}">
		<div class="category play">
			<span class="category-title">Play</span>
		</div>
	</a>

</section>
@endsection

@push('scripts')
<script>

var syncMargin = () => {
	$('.category-title').css('margin-top', ($('.category').height() / 2 - 80) + 'px')
};

$(window).resize(function() {
	syncMargin();
});

$(document).ready(function () {
	syncMargin();
	$('.category-title').css('opacity', '1')
});
</script>
@endpush