design podcast

diff --git a/app/Models/Guest.php b/app/Models/Guest.php
index c918d97c4c8a3a8f5af00076f9ab2cf04f862a6d..8811933a1704bcf31d935e32f4c1335a2556f3f4 100644 (file)
--- a/app/Models/Guest.php
+++ b/app/Models/Guest.php
@@ -12,6 +12,11 @@ use A17\Twill\Models\Behaviors\HasPosition;
 use A17\Twill\Models\Behaviors\Sortable;
 use A17\Twill\Models\Model;
 
+/**
+ * Class Guest
+ * @package App\Models
+ * @property string $name
+ */
 class Guest extends Model
 {
     use HasMedias;
@@ -44,4 +49,12 @@ class Guest extends Model
         return $this->belongsTo(Podcast::class);
     }
 
+    /**
+     * @return string
+     */
+    public function __toString():string
+    {
+        return $this->name ?? '';
+    }
+
 }

diff --git a/public/css/app.css b/public/css/app.css
index 4f8fa61c55db8c60bf17bab1c7cd21ba65ed2174..bb2a3158b30b76553b5c200db7eed3685276eda1 100644 (file)
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -11137,7 +11137,7 @@ h1 {
 
 h2 {
   font-weight: 500;
-  font-size: medium;
+  font-size: large;
   text-transform: uppercase;
   color: #074e9c;
 }
@@ -11152,6 +11152,10 @@ h3 {
   color: #074e9c;
 }
 
+h4 {
+  font-size: small;
+}
+
 div.cover {
   position: relative;
 }

diff --git a/resources/sass/_headers.scss b/resources/sass/_headers.scss
index ad827ec49d9bf1f8b0f2e6048efe94458f1e4e48..2aaae0f3601e9b54805e2c29e7f3f25c98b6f018 100644 (file)
--- a/resources/sass/_headers.scss
+++ b/resources/sass/_headers.scss
@@ -12,7 +12,7 @@ h1 {
 
 h2 {
     font-weight: 500;
-    font-size: medium;
+    font-size: large;
     text-transform: uppercase;
     color: $psq_blue;
 }
@@ -25,5 +25,8 @@ h2.bold {
 h3 {
     font-size: medium;
     color: $psq_blue;
+}
 
+h4 {
+    font-size: small;
 }

diff --git a/resources/views/admin/podcasts/form.blade.php b/resources/views/admin/podcasts/form.blade.php
index 2ab32c7de677b61ea9970fcacbe77ad0c4adcdfc..d09e6c071da90a11f1d61515d88c0abb5e1ffbb6 100644 (file)
--- a/resources/views/admin/podcasts/form.blade.php
+++ b/resources/views/admin/podcasts/form.blade.php
@@ -16,13 +16,11 @@
 ])
 
 @section('contentFields')
-    @formField('input', [
+    @formField('wysiwyg', [
         'name' => 'description',
         'label' => 'Sommaire',
         'maxlength' => 600,
-        'type' => 'textarea',
         'required' => true,
-        'rows' => 5
     ])
 @stop
 

diff --git a/resources/views/podcasts/index.blade.php b/resources/views/podcasts/index.blade.php
index a5a036c72e1a4d89a487caec08546b5152d7e01d..b2b8bcf423c16ef19c2b550711f2d08cce9efe34 100644 (file)
--- a/resources/views/podcasts/index.blade.php
+++ b/resources/views/podcasts/index.blade.php
@@ -6,22 +6,40 @@
 
 
     <div class="row mt-5">
-        <div class="col-sm-3">
+        <div class="col-sm-3 mb-3">
             <img src="{{asset('img/podcasts/microphone-temporary.png')}}" alt="Image microhpone" class="w-100">
-            <a href="#">Cliquez ici pour écouter l'émission</a>
+            <a href="#" class="click-here">Cliquez ici pour écouter l'émission</a>
         </div>
-        <div class="col-sm-6">
-            {{$podcast->description}}
+        <div class="col-sm-5 mb-3">
+            <div class="text-justify mb-2">
+                {!! $podcast->description !!}
+                <hr>
+            </div>
+            <div class="row align-items-center">
+                <div class="col-sm-6 text-center">
+                    <h2>Une émission en partenariat avec</h2>
+                </div>
+                <div class="col-sm-6">
+                    <a href="{{$podcast->sponsor_url}}">
+                        <img src="{{$podcast->image('sponsor_logo', 'logo')}}" alt="Logo partenaire" class="w-100">
+                    </a>
+                </div>
+            </div>
+
+
         </div>
-        <div class="col-sm-3">
+        <div class="col-sm-4 mb-3">
+                <h2 class="text-center">Nos débatteurs</h2>
             <div class="row">
                 @foreach($podcast->guests as $guest)
-                    <div class="col-6">
-                        <img src="{!! $guest->image('profile') !!}" alt="" class="w-100">
-                        <h2>{{$guest->name}}</h2>
-                        <h3>{{$guest->job}}</h3>
-
-
+                    <div class="col-6 mb-2">
+                        <div class="card h-100">
+                            <img src="{!! $guest->image('profile') !!}" alt="Photo de {{$guest}}" class="card-img-top">
+                            <div class="p-1 text-center">
+                                <h3>{{$guest->name}}</h3>
+                                <h4>{{$guest->job}}</h4>
+                            </div>
+                        </div>
                     </div>
                 @endforeach
             </div>