Skip to content

Commit

Permalink
Revert "fix-logo-flicker"
Browse files Browse the repository at this point in the history 
This reverts commit 64c38b1.
  • Loading branch information
@coder12git
coder12git committed Oct 14, 2023
1 parent 64c38b1 commit a7771ce
Show file tree
Hide file tree
Showing 2 changed files with 90 additions and 95 deletions.
153 changes: 74 additions & 79 deletions _includes/scripts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,99 +9,94 @@

<!-- Site Navigation Menu -->
<script type="text/javascript">
jQuery(document).ready(function ($) {
jQuery('.stellarnav').stellarNav({ breakpoint: 1140 });
jQuery('.stellarnav.mobile').css('text-align', 'end');
});
jQuery(document).ready(function ($) {
jQuery('.stellarnav').stellarNav({ breakpoint: 1140 });
jQuery('.stellarnav.mobile').css('text-align', 'end');
});
</script>
<!--Script for Copy to Clipboard-->
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script src="{{ site.baseurl }}/js/vanilla-tilt.min.js"></script>

<script>

function resetCopyText(element) {
let childElements = element.childNodes
if (childElements.length > 3) {
childElements[3].innerHTML = "Copy to clipboard";
} else {
childElements[1].innerHTML = "Copy URL";
childElements[1].style.color = 'white';
childElements[1].style.background = "#00b39fff";
}
}
function resetCopyText(element) {
let childElements = element.childNodes
if (childElements.length > 3) {
childElements[3].innerHTML = "Copy to clipboard";
} else {
childElements[1].innerHTML = "Copy URL";
childElements[1].style.color = 'white';
childElements[1].style.background = "#00b39fff";
}
}


var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function (e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
let childElements = e.trigger.childNodes;
if (childElements.length > 3) {
childElements[3].innerHTML = "Copied!";
} else {
childElements[1].innerHTML = "Copied";
childElements[1].style.color = 'white';
childElements[1].style.background = "#1a2421";
}
e.clearSelection();
});
clipboard.on('error', function (e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function (e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
let childElements = e.trigger.childNodes;
if (childElements.length > 3) {
childElements[3].innerHTML = "Copied!";
} else {
childElements[1].innerHTML = "Copied";
childElements[1].style.color = 'white';
childElements[1].style.background = "#1a2421";
}
e.clearSelection();
});
clipboard.on('error', function (e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>

<script>
function displayCode(id) {
var divId = id + "_code";
var element = document.getElementById(divId);
element.classList.toggle("showDiv");
var toggleDivs = document.getElementsByClassName("toggle");
if (element.style.maxHeight) {
element.style.maxHeight = null;
} else {
element.style.maxHeight = element.scrollHeight + "px";
console.log(element.style.maxHeight);
}
for (let i = 0; i < toggleDivs.length; i++) {
if (toggleDivs[i] != element) {
toggleDivs[i].classList.remove("showDiv");
if (toggleDivs[i].style.maxHeight) {
toggleDivs[i].style.maxHeight = null;
}
}
}
}
function displayCode(id) {
var divId = id + "_code";
var element = document.getElementById(divId);
element.classList.toggle("showDiv");
var toggleDivs = document.getElementsByClassName("toggle");
if (element.style.maxHeight) {
element.style.maxHeight = null;
} else {
element.style.maxHeight = element.scrollHeight + "px";
console.log(element.style.maxHeight);
}
for (let i = 0; i < toggleDivs.length; i++) {
if (toggleDivs[i] != element) {
toggleDivs[i].classList.remove("showDiv");
if (toggleDivs[i].style.maxHeight) {
toggleDivs[i].style.maxHeight = null;
}
}
}
}
</script>
<script>

let toggleBtn = document.getElementById("mode-toggle-btn");
toggleBtn.onclick = setMode;

let toggleBtn = document.getElementById("mode-toggle-btn");
toggleBtn.onclick = setMode;

const isDark = document.body.classList.contains("dark-mode");
const currentMode = localStorage.getItem("mode");
if (isDark ^ (currentMode === "dark-mode")) {
setMode();
}
function setMode() {
document.body.classList.toggle("dark-mode");
let layer5Logos = document.querySelectorAll("#layer5-logo");
let allLogos = document.querySelectorAll("#logo-dark-light");
if (document.body.classList.contains("dark-mode")) {
layer5Logos.forEach(e => e.src = '../assets/images/company-logo/layer5-dark-mode-logo.svg');
allLogos.forEach(e => e.src = e.dataset.logoForDark);
} else {
layer5Logos.forEach(e => e.src = '../assets/images/company-logo/layer5-no-trim.svg');
allLogos.forEach(e => e.src = e.dataset.logoForLight);
}
if (document.body.classList.contains("dark-mode")) {
localStorage.setItem("mode", "dark-mode");
} else {
localStorage.setItem("mode", "light-mode");
}
}
function setMode() {
body.classList.toggle("dark-mode");
let layer5Logos = document.querySelectorAll("#layer5-logo");
let allLogos = document.querySelectorAll("#logo-dark-light");
if (body.classList.contains("dark-mode")) {
layer5Logos.forEach(e => e.src = '../assets/images/company-logo/layer5-dark-mode-logo.svg');
allLogos.forEach(e => e.src = e.dataset.logoForDark);
} else {
layer5Logos.forEach(e => e.src = '../assets/images/company-logo/layer5-no-trim.svg');
allLogos.forEach(e => e.src = e.dataset.logoForLight);
}
if (body.classList.contains("dark-mode")) {
localStorage.setItem("mode", "dark-mode");
} else {
localStorage.setItem("mode", "light-mode");
}
}

</script>

Expand All @@ -118,7 +113,7 @@
slidesToScroll: 0.5,
autoplay: true, // true
autoplaySpeed: 1500,


responsive: [
{
Expand Down
32 changes: 16 additions & 16 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}

<body style="overflow-x: hidden" class="dark-mode">
<body style="overflow-x: hidden" class="dark-mode">
<script>
const body = document.body;

if (localStorage.getItem("mode") === "light-mode") {
document.body.classList.remove("dark-mode");
let allLogos = document.querySelectorAll("#logo-dark-light");
allLogos.forEach(e => e.src = e.dataset.logoForLight);
}
if (localStorage.getItem("mode") === "light-mode") {
body.classList.remove("dark-mode");

let allLogos = document.querySelectorAll("#logo-dark-light");
allLogos.forEach(e => e.src = e.dataset.logoForLight);
}

// Automatically set logos based on initial theme
window.addEventListener('load', () => {
let allLogos = document.querySelectorAll("#logo-dark-light");
allLogos.forEach(e => {
e.src = document.body.classList.contains("dark-mode") ? e.dataset.logoForDark : e.dataset.logoForLight;
});
// Automatically set logos based on initial theme
window.addEventListener('load', () => {
let allLogos = document.querySelectorAll("#logo-dark-light");
allLogos.forEach(e => {
e.src = body.classList.contains("dark-mode") ? e.dataset.logoForDark : e.dataset.logoForLight;
});
});
</script>
{% include header.html %}
{{ content }}
{% include footer.html %}

</body>

</html>
</body>
</html>

0 comments on commit a7771ce

Please sign in to comment.