valentin_le_moign/partition-jlg-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

avant corrections

Browse Source
This commit is contained in:
Valentin
2023-11-02 08:04:25 +01:00
parent 52fdf5bdf4
commit 4999a4a944
12 changed files with 1328 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/sections/footer.blade.php
+66 -2
View File
@@ -1,8 +1,8 @@
<footer class="fixed w-full h-[8vh] 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>
<button class="px-4 py-2 rounded-md ml-6 underline underline-offset-8 hover:underline-offset-4 active:underline-offset-8" onclick="displayAboutPopup()" id="about_button">À PROPOS</button>
<button class="px-4 py-2 rounded-md ml-6 underline underline-offset-8 hover:underline-offset-4 active:underline-offset-8"><a href="mailto:<?php echo get_option('admin_email') ?>">CONTACT</a></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">
@@ -19,3 +19,67 @@
</a>
</div>
</footer>
<div id="loading" style="
width: 100vw;
height: 100vh;
background-color: #010d19;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-family: sans-serif;
color: white;
opacity: 1;
transition: opacity 0.2s ease-out;
">
<p>
Chargement
<span class="dot-one">.</span>
<span class="dot-two">.</span>
<span class="dot-three">.</span>
</p>
</div>
<script>
// Define the event listener function
function closeAboutPopupHandler(event) {
event.preventDefault();
console.log(event.target);
if (
event.target != document.querySelector('#about_modale') &&
event.target != document.querySelector('#about_button') &&
event.target != document.querySelector('#about_title') &&
event.target != document.querySelector('#about_content') &&
event.target.parentElement != document.querySelector('#about_content')
) {
closeAboutPopup();
}
}
// Attach the event listener in the displayAboutPopup function
function displayAboutPopup() {
document.getElementById('about_popup').style.display = 'flex';
setTimeout(() => {
document.getElementById('about_popup').style.opacity = '1';
window.addEventListener('click', closeAboutPopupHandler);
}, 1);
document.body.style.overflow = 'hidden';
}
// Remove the event listener in the closeAboutPopup function
function closeAboutPopup() {
document.getElementById('about_popup').style.opacity = '0';
setTimeout(() => {
document.getElementById('about_popup').style.display = 'none';
}, 300);
document.body.style.overflowY = 'scroll';
// Remove the event listener
window.removeEventListener('click', closeAboutPopupHandler);
}
</script>
resources/views/sections/header.blade.php
+41 -5
View File
@@ -1,7 +1,20 @@
<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 xoo-el-login-tgr">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>
<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">
<?php
$current_user = wp_get_current_user();
$author_id = $current_user->ID;
$revisionary_page = admin_url('admin.php?page=revisionary-q&author=' . $author_id);
$link = sprintf(
'<a href="%s">MES CONTRIBUTIONS</a>',
esc_url($revisionary_page)
);
echo do_shortcode('[xoo_el_action type="login" change_to="' . $revisionary_page . '" change_to_text="MES CONTRIBUTIONS" text="CONTRIBUER" redirect_to="' . $revisionary_page . '"]');
?>
</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"><a href="<?php echo esc_url(home_url('/?format=csv')); ?>">EXPORT</a></button>
</div>
<a class="brand text-center text-2xl leading-none" href="{{ home_url('/') }}">
@@ -10,13 +23,36 @@
<span class="font-caslon italic">Le Livre d'Image</span>
</a>
<div class="mr-6">
<div class="mr-6 w-52">
<input type="search" class="px-4 py-2 rounded bg-jlg-xlight-white text-sm" placeholder="RECHERCHER">
</div>
<div class="z-30 right-6 absolute w-52 max-h-52 border-jlg-light-white border rounded" id="search_results">
<div class="flex flex-row p-3 justify-around items-center h-full text-sm">
<p><span id="result_amount">0</span> occurences</p>
<p class="hidden">Aucune occurence</p>
<div class="flex flex-row">
<img src="<?= get_template_directory_uri(); ?>/resources/assets/icons/arrow_drop_down.svg" alt="arrow down" class="cursor-pointer">
<img src="<?= get_template_directory_uri(); ?>/resources/assets/icons/arrow_drop_up.svg" alt="arrow up" class="cursor-pointer">
</div>
</div>
<div class="text-sm w-full">
</div>
</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]) !!}
<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]) !!}
</nav>
@endif
</header>
<script>
setTimeout(() => {
const privacyLink = document.querySelector('.xoo-aff-checkbox_single a');
privacyLink.addEventListener('click', function (e) {
e.preventDefault();
});
}, 1000);
</script>