Benjamin Völkl 2023-05-16 13:42:14 +02:00
parent f634363130
commit a6d739e2ae
3 changed files with 66 additions and 10 deletions

View File

@ -3,17 +3,35 @@
<title>{{$content->title}} | {{config('settings.name')}}</title>
<style>
#map {
height: 400px;
height: 500px;
width: 100%;
}
</style>
@stop
@section('content')

<div class="container">
<div class="row">
<div class="col">
<a href="{{url('/')}}"> ← Back</a>
<h1>{{$content->title}}</h1>
<p>{{$content->description}}</p>
<img src="{{$content->image}}" alt="">
</div>


</div>

<div class="row">

<div class="col-8 g-0">
<div id="map"></div>

</div>
</div>

</div>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKGJCCKvmWZl-L5bBF0uS5BWf0gN4ZkpI&callback=initMap&v=weekly" defer></script>
<script>
function initMap() {

View File

@ -3,15 +3,49 @@
<title>Home | {{config('settings.name')}}</title>
<style>
#map {
height: 400px;
height: 80vh;
width: 100%;
}
</style>
@stop
@section('content')

<div class="container">
<div class="row">
<div class="col">
<h1>{{config('settings.name')}}</h1>
<p>{{config('settings.description')}}</p>
</div>
</div>

<div class="row">
<div class="col-4">

@foreach($contents as $content)

<div class="card">
<div class="card-body">
<div class="row">
<div class="col-5">
<img src="{{$content->image}}" alt="">
</div>
<div class="col-7">
<h3 class="h5">{{$content->title}}</h3>
<a href="{{$content->path}}"> Ansehen </a>
</div>
</div>

</div>
</div>
@endforeach
</div>
<div class="col-8 g-0">
<div id="map"></div>

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

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKGJCCKvmWZl-L5bBF0uS5BWf0gN4ZkpI&callback=initMap&v=weekly" defer></script>
<script>
function initMap() {

View File

@ -6,6 +6,10 @@
<meta name="description" content="{{config('settings.description')}}" />
<meta name="author" content=""/>
@yield('head')
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">



</head>

<body>