début de l'ajout de la frise
This commit is contained in:
@@ -2,21 +2,17 @@
|
||||
|
||||
@section('content')
|
||||
|
||||
<style>
|
||||
tr {
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
tbody tr:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
td {
|
||||
padding-left: 10px; /* ou margin-left: 10px; */
|
||||
}
|
||||
</style>
|
||||
<div class="fixed left-0 top-48 h-2/3 w-8 flex flex-col-reverse" id="timeline_container"></div>
|
||||
|
||||
<svg class="fixed left-0 top-48 h-4 -mt-1 w-10 fill-jlg-white cursor-grab active:cursor-grabbing" id="cursor">
|
||||
<polygon points="32,4 32,6 40,10 40,0" />
|
||||
<rect width="32" height="2" y="4" />
|
||||
</svg>
|
||||
|
||||
|
||||
<table class="w-full bg-jlg-dark-blue flex justify-center">
|
||||
<thead>
|
||||
<tr class="border-jlg-white h-64 top-0 w-full lg:w-2/3 fixed flex items-stretch justify-around text-left lg:text-xl uppercase bg-jlg-dark-blue">
|
||||
<tr class="border-jlg-white border-b h-64 top-0 w-full lg:w-2/3 fixed flex items-stretch justify-around text-left lg:text-xl uppercase bg-jlg-dark-blue">
|
||||
<th class="flex items-end justify-start"></th>
|
||||
<th class="flex items-end justify-start pb-4">Images</th>
|
||||
<th class="flex items-end justify-start pb-4">Voix Off et In</th>
|
||||
@@ -24,7 +20,7 @@
|
||||
<th class="flex items-end justify-start pb-4">Écrits</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="w-full lg:w-2/3 block bg-jlg-dark-blue">
|
||||
<tbody class="w-full mb-48 lg:w-2/3 block bg-jlg-dark-blue">
|
||||
<?php
|
||||
$args = array(
|
||||
'post_type' => 'post',
|
||||
@@ -37,15 +33,31 @@
|
||||
$query = new WP_Query($args);
|
||||
if ($query->have_posts()) :
|
||||
while ($query->have_posts()) : $query->the_post();
|
||||
?>
|
||||
<tr class="border-jlg-white font-authentic-60 w-full flex flex-row py-6">
|
||||
<td class="block text-sm pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'BandeSon', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Ecrits', true) }}</td>
|
||||
</tr>
|
||||
<?php
|
||||
if (get_post_meta(get_the_ID(), 'Minutage', true)) : ?>
|
||||
<tr class="border-jlg-white border-b font-authentic-60 w-full flex flex-row py-6 isContentPart">
|
||||
<td class="block text-sm pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'BandeSon', true) }}</td>
|
||||
<td class="block pl-0 pr-6">{{ get_post_meta(get_the_ID(), 'Ecrits', true) }}</td>
|
||||
</tr>
|
||||
<?php elseif (get_post_meta(get_the_ID(), 'isMainPart', true)) : ?>
|
||||
<tr class="border-jlg-white border-b font-authentic-90 uppercase w-full flex flex-row py-6 isMainPart">
|
||||
<td class="pl-0 flex">
|
||||
<div class="w-2 h-5 bg-jlg-white mr-3"></div>
|
||||
<div>{{ get_post_meta(get_the_ID(), 'isMainPart', true) }}</div>
|
||||
</td>
|
||||
</tr>
|
||||
<? elseif (get_post_meta(get_the_ID(), 'isSubPart', true)) : ?>
|
||||
<tr class="border-jlg-white border-b font-authentic-60 w-full flex flex-row py-6 isSubPart">
|
||||
<td class="pl-0 flex">
|
||||
<div class="w-2 h-5 bg-jlg-white mr-3"></div>
|
||||
<div>{{ get_post_meta(get_the_ID(), 'isSubPart', true) }}</div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php
|
||||
endwhile;
|
||||
endif;
|
||||
wp_reset_postdata();
|
||||
|
||||
Reference in New Issue
Block a user