tous les éléments de l'ui

resources/views/index.blade.php

@@ -16,7 +16,7 @@
 
   <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-lg uppercase bg-jlg-dark-blue">
+      <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">
         <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>

resources/views/sections/footer.blade.php

@@ -1,3 +1,21 @@
-<footer class="content-info">
-  @php(dynamic_sidebar('sidebar-footer'))
+<footer class="fixed w-full h-1/12 py-4 bottom-0 bg-jlg-dark-blue border-t border-jlg-light-white flex justify-between">
+<!--   @php(dynamic_sidebar('sidebar-footer'))-->
+  <div class="text-sm">
+    <button class="px-4 py-2 rounded-md ml-6 underline underline-offset-8 hover:underline-offset-4 active:underline-offset-8">À PROPOS</button>
+    <button class="px-4 py-2 rounded-md ml-6 underline underline-offset-8 hover:underline-offset-4 active:underline-offset-8">CONTACT</button>
+ </div>
+  <div class="mr-6 flex items-center">
+    <a href="https://www.thalim.cnrs.fr/?lang=fr" target="_blank" class="w-12 mr-4">
+      <img class="w-full h-auto" alt="thalim" src="@asset('images/logos/thalim.png')">
+    </a>
+    <a href="http://www.univ-paris3.fr/" target="_blank" class="w-24 mr-4">
+      <img class="w-full h-auto" alt="sorbonne" src="@asset('images/logos/sorbonne.png')">
+    </a>
+    <a href="https://www.cnrs.fr/fr" target="_blank" class="w-12 mr-4">
+      <img class="w-full h-auto" alt="cnrs" src="@asset('images/logos/cnrs.png')">
+    </a>
+    <a href="https://www.huma-num.fr/" target="_blank" class="w-12">
+      <img class="w-full h-auto" alt="humanum" src="@asset('images/logos/huma-num.png')">
+    </a>
+  </div>
 </footer>

resources/views/sections/header.blade.php

@@ -1,10 +1,19 @@
-<header class="border-b border-jlg-light-white py-4 h-1/12 shadow-xlg fixed top-0 w-full bg-jlg-dark-blue flex flex-row justify-center items-center z-10">
-  <a class="brand text-center text-xl leading-none" href="{{ home_url('/') }}">
+<header class="border-b border-jlg-light-white py-4 h-1/12 shadow-xlg fixed top-0 w-full bg-jlg-dark-blue flex flex-row justify-between items-center z-10">
+  <div class="text-sm">
+      <button class="bg-jlg-xlight-white hover:bg-jlg-hxlight-white active:bg-jlg-axlight-white px-4 py-2 rounded-full border-jlg-hxlight-white border ml-6 transition-colors">MES CONTRIBUTIONS</button>
+      <button class="bg-jlg-xlight-white hover:bg-jlg-hxlight-white active:bg-jlg-axlight-white px-4 py-2 rounded-full border-jlg-hxlight-white border ml-6 transition-colors">EXPORT</button>
+  </div>
+
+  <a class="brand text-center text-2xl leading-none" href="{{ home_url('/') }}">
     <!-- {!! $siteName !!} -->
     <span class="font-caslon uppercase">Partition<br></span>
     <span class="font-caslon italic">Le Livre d'Image</span>
   </a>
 
+  <div class="mr-6">
+    <input type="search" class="px-4 py-2 rounded bg-jlg-xlight-white text-sm" placeholder="RECHERCHER">
+  </div>
+
   @if (has_nav_menu('primary_navigation'))
     <nav class="nav-primary" aria-label="{{ wp_get_nav_menu_name('primary_navigation') }}">
       {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'nav', 'echo' => false]) !!}

tailwind.config.js

@@ -8,7 +8,10 @@ const config = {
         'jlg': {
           'dark-blue': '#010d19',
           'white': '#f5fefe',
-          'light-white': '#f5fefeaa'
+          'light-white': '#f5fefeaa',
+          'xlight-white': 'rgba(245, 254, 254, 0.15)',
+          'hxlight-white': 'rgba(245, 254, 254, 0.35)',
+          'axlight-white': 'rgba(245, 254, 254, 0.20)'
         }
       }, // Extend Tailwind's default colors   
       fontFamily: {
@@ -17,10 +20,11 @@ const config = {
         'caslon': ['Libre_Caslon', 'serif'],
       },
       fontSize: {
-        sm: '18px',
+        sm: '13px',
         base: '15px',
-        lg: '24px',
-        xl: '35px',
+        lg: '18px',
+        xl: '21px',
+        '2xl': '35px'
       }
     },
   },

theme.json

@@ -1261,6 +1261,21 @@
           "name": "Jlg Light-white",
           "slug": "jlg-light-white",
           "color": "#f5fefeaa"
+        },
+        {
+          "name": "Jlg Xlight-white",
+          "slug": "jlg-xlight-white",
+          "color": "rgba(245, 254, 254, 0.15)"
+        },
+        {
+          "name": "Jlg Hxlight-white",
+          "slug": "jlg-hxlight-white",
+          "color": "rgba(245, 254, 254, 0.35)"
+        },
+        {
+          "name": "Jlg Axlight-white",
+          "slug": "jlg-axlight-white",
+          "color": "rgba(245, 254, 254, 0.20)"
         }
       ]
     },
@@ -1326,7 +1341,7 @@
         {
           "name": "sm",
           "slug": "sm",
-          "size": "18px"
+          "size": "13px"
         },
         {
           "name": "base",
@@ -1336,17 +1351,17 @@
         {
           "name": "lg",
           "slug": "lg",
-          "size": "24px"
+          "size": "18px"
         },
         {
           "name": "xl",
           "slug": "xl",
-          "size": "35px"
+          "size": "21px"
         },
         {
           "name": "2xl",
           "slug": "2xl",
-          "size": "1.5rem"
+          "size": "35px"
         },
         {
           "name": "3xl",