senaduka/old-saburly-wagtail-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changing Carousel

Browse Source
This commit is contained in:
Amir
2024-09-15 18:36:35 +02:00
parent f4bd8739fd
commit 812cb56d2d
5 changed files with 82 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
templates/base.html
View File

@@ -6,15 +6,8 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}Saburly - {{ self.title }}{% endblock %}</title>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
{% load static %}
<link rel="stylesheet" href="{% static './css/style.css' %}">
<link rel="shortcut icon" type="image/png" href="{% static './images/favicon32.png' %}">
@@ -31,58 +24,7 @@
</div>
{% include 'footer.html' %}
</main>
<script>
//side menu
document.addEventListener('DOMContentLoaded', function() {
const sideToggle = document.querySelector('.side-toggle');
const sideMenu = document.querySelector('.side-menu');
const sideCloseButtons = document.querySelectorAll('.side-close');
const content = document.querySelector('.content');
const headermove = document.getElementById('header');
const body = document.body;
const footermove = document.getElementById('footer');
sideToggle.addEventListener('click', function() {
sideMenu.classList.toggle('active');
this.classList.toggle('menu-opened');
content.classList.toggle('content-open');
headermove.classList.toggle('header-move');
body.classList.toggle('block-scroll');
footermove.classList.toggle('header-move');
});
sideCloseButtons.forEach(button => {
button.addEventListener('click', function() {
sideMenu.classList.remove('active');
sideToggle.classList.remove('menu-opened');
content.classList.remove('content-open');
headermove.classList.remove('header-move');
body.classList.remove('block-scroll');
footermove.classList.remove('header-move');
});
});
})
//header
var prevScrollPos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
const getHeaderHeight = document.getElementById('header')
const headerPosition = header.offsetTop + header.offsetHeight;
if (prevScrollPos < currentScrollPos && currentScrollPos > headerPosition ) {
document.getElementById("header").classList.add("header-hidden");
document.getElementById("header").classList.remove("header-visible");
}
else {
document.getElementById("header").classList.add("header-visible");
document.getElementById("header").classList.remove("header-hidden");
}
prevScrollPos = currentScrollPos;
};
</script>
<script src="{%static './js/index.js'%}"></script>
<script src="{%static './js/carousel.js'%}"></script>
</body>