Home page and news page are finished

resources/views/partial/podcastitems.blade.php

@@ -1,38 +1,27 @@
-@php($i = 0)
-@foreach($podcasts as $podcast) 
-@if($i % 2 == 0)
-@if($i > 0) </ul><!--/.row--> @endif
-<ul class='blog row grid'>
-@endif
-	<?php $url = route('gemist.fragment') . $podcast->url; ?>
-	<li class="post card column column_1_2">
-		<div class="post_content">
-			<h2><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->titleWithoutProgram()!!}</a></h2>
-			<ul class="post_details">
-			@if($podcast->program)
-				<li class="category">
-					<a href="{{ route('programma') . $podcast->program->url }}" title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
-				</li>
-			@endif
-				<li class="date">
-					{{ Formatter::relativeDate($podcast->created) }}
-				</li>
-			</ul>
-			<div class="clearfix"></div>
-			@if($podcast->image)
-			<a href="{{$url}}" title="{{$podcast->title}}" class="fixed-height">
-				<img src='{{$imgBase . $podcast->image->url}}' alt='{{$podcast->image->title}}'>
-			</a>
-			@endif
-			<p>{!! Formatter::excerpt($podcast->content, 200) !!}</p>
-			<a class="read_more" href="{{route('gemist.fragment') . $podcast->url}}" title="Luister fragment"><span class="arrow"></span><span>Luister fragment</span></a>
-			<span class="clearfix"></span>
-		</div>
-	</li>
+<ul>
+@foreach($podcasts as $podcast)
+            <?php $url = route('gemist.fragment') . $podcast->url; ?>
+        <li class="post">
+            <div class="post_content">
+                <h2><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->titleWithoutProgram()!!}</a></h2>
+                <div class="sub_title">
+                    @if ($podcast->program)
+                        <a class="program_name" href="{{ route('programma') . $podcast->program->url }}"
+                           title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
+                    @endif
+                        <?php /** @var boolean $showTime **/ $time = Formatter::relativeDate($podcast->created) . ($showTime ? ' om ' . $podcast->published->format('H:i') : ''); ?>
+                    <span class="post_date"
+                          title="{{$time}}">
+					<i class="fa-regular fa-clock"></i> {{$time}}
+				</span>
+                </div>
+                @if($showImage && $podcast->image)
+                    <a href="{{$url}}" title="{{$podcast->title}}" class="fixed-height">
+                        <img src='{{$imgBase . $podcast->image->url}}' alt='{{$podcast->image->title}}'>
+                    </a>
+                @endif
+            </div>
+        </li>
 
-@php($i++)
-@endforeach
-
-@if($i)
-</ul><!--/.row-->
-@endif
+    @endforeach
+</ul>