Skip to content

Commit

Permalink
Update visitors.js
Browse files Browse the repository at this point in the history 
update v1.1
  • Loading branch information
@margregorioschurch
margregorioschurch authored Dec 21, 2024
1 parent 98bcba6 commit ffbb9a3
Showing 1 changed file with 115 additions and 96 deletions.
211 changes: 115 additions & 96 deletions js/visitors.js
View file
Original file line number Diff line number Diff line change
@@ -1,113 +1,132 @@
function disableAutoplay() {
tsParticles.load({
id: "tsparticles",
options: {"autoPlay":false}
});
};

function enableAutoplay() {
tsParticles.load({
id: "tsparticles",
options: {"autoPlay":true,"background":{"color":{"value":"transparent"},"image":"","position":"","repeat":"","size":"","opacity":0},"backgroundMask":{"composite":"destination-out","cover":{"color":{"value":"#fff"},"opacity":1},"enable":false},"defaultThemes":{},"delay":0,"fullScreen":{"enable":true,"zIndex":0},"detectRetina":true,"duration":0,"fpsLimit":120,"interactivity":{"detectsOn":"window","events":{"onClick":{"enable":false,"mode":[]},"onDiv":{"selectors":[],"enable":false,"mode":[],"type":"circle"},"onHover":{"enable":true,"mode":"repulse","parallax":{"enable":false,"force":2,"smooth":10}},"resize":{"delay":0.5,"enable":true}},"modes":{"trail":{"delay":1,"pauseOnStop":false,"quantity":1},"attract":{"distance":200,"duration":0.4,"easing":"ease-out-quad","factor":1,"maxSpeed":50,"speed":1},"bounce":{"distance":200},"bubble":{"distance":200,"duration":0.4,"mix":false},"connect":{"distance":80,"links":{"opacity":0.5},"radius":60},"grab":{"distance":100,"links":{"blink":false,"consent":false,"opacity":1}},"push":{"default":true,"groups":[],"quantity":4},"remove":{"quantity":2},"repulse":{"distance":200,"duration":0.4,"factor":100,"speed":1,"maxSpeed":50,"easing":"ease-out-quad","divs":{"distance":200,"duration":0.4,"factor":100,"speed":1,"maxSpeed":50,"easing":"ease-out-quad","selectors":[]}},"slow":{"factor":3,"radius":200},"light":{"area":{"gradient":{"start":{"value":"#ffffff"},"stop":{"value":"#000000"}},"radius":1000},"shadow":{"color":{"value":"#000000"},"length":2000}}}},"manualParticles":[],"particles":{"bounce":{"horizontal":{"random":{"enable":false,"minimumValue":0.1},"value":1},"vertical":{"random":{"enable":false,"minimumValue":0.1},"value":1}},"collisions":{"absorb":{"speed":2},"bounce":{"horizontal":{"random":{"enable":false,"minimumValue":0.1},"value":1},"vertical":{"random":{"enable":false,"minimumValue":0.1},"value":1}},"enable":false,"maxSpeed":50,"mode":"bounce","overlap":{"enable":true,"retries":0}},"color":{"value":"#ff0000","animation":{"h":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true},"s":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true},"l":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true}}},"groups":{},"move":{"angle":{"offset":0,"value":90},"attract":{"distance":200,"enable":false,"rotate":{"x":3000,"y":3000}},"center":{"x":50,"y":50,"mode":"percent","radius":0},"decay":0,"distance":{},"direction":"none","drift":0,"enable":true,"gravity":{"acceleration":9.81,"enable":false,"inverse":false,"maxSpeed":50},"path":{"clamp":true,"delay":{"random":{"enable":false,"minimumValue":0},"value":0},"enable":false,"options":{}},"outModes":{"default":"out","bottom":"out","left":"out","right":"out","top":"out"},"random":false,"size":false,"speed":2,"spin":{"acceleration":0,"enable":false},"straight":false,"trail":{"enable":false,"length":10,"fill":{}},"vibrate":false,"warp":false},"number":{"density":{"enable":true,"width":1920,"height":1080},"limit":0,"value":80},"opacity":{"random":{"enable":false,"minimumValue":0.1},"value":{"min":0.1,"max":0.5},"animation":{"count":0,"enable":true,"speed":3,"decay":0,"delay":0,"sync":false,"mode":"auto","startValue":"random","destroy":"none"}},"reduceDuplicates":false,"shadow":{"blur":0,"color":{"value":"#000"},"enable":false,"offset":{"x":0,"y":0}},"shape":{"close":true,"fill":true,"options":{},"type":"circle"},"size":{"random":{"enable":false,"minimumValue":1},"value":{"min":0.1,"max":5},"animation":{"count":0,"enable":true,"speed":20,"decay":0,"delay":0,"sync":false,"mode":"auto","startValue":"random","destroy":"none"}},"stroke":{"width":0},"zIndex":{"random":{"enable":false,"minimumValue":0},"value":0,"opacityRate":1,"sizeRate":1,"velocityRate":1},"destroy":{"bounds":{},"mode":"none","split":{"count":1,"factor":{"random":{"enable":false,"minimumValue":0},"value":3},"rate":{"random":{"enable":false,"minimumValue":0},"value":{"min":4,"max":9}},"sizeOffset":true}},"roll":{"darken":{"enable":false,"value":0},"enable":false,"enlighten":{"enable":true,"value":1},"mode":"vertical","speed":25},"tilt":{"random":{"enable":false,"minimumValue":0},"value":0,"animation":{"enable":false,"speed":0,"decay":0,"sync":false},"direction":"clockwise","enable":false},"twinkle":{"lines":{"enable":false,"frequency":0.005,"opacity":1,"color":{"value":"#ff0000"}},"particles":{"enable":true,"frequency":0.05,"opacity":1,"color":{"value":"#ffff00"}}},"wobble":{"distance":5,"enable":false,"speed":{"angle":50,"move":10}},"life":{"count":0,"delay":{"random":{"enable":false,"minimumValue":0},"value":0,"sync":false},"duration":{"random":{"enable":false,"minimumValue":0.0001},"value":0,"sync":false}},"rotate":{"random":{"enable":false,"minimumValue":0},"value":0,"animation":{"enable":false,"speed":0,"decay":0,"sync":false},"direction":"clockwise","path":false},"orbit":{"animation":{"count":0,"enable":false,"speed":1,"decay":0,"delay":0,"sync":false},"enable":false,"opacity":1,"rotation":{"random":{"enable":false,"minimumValue":0},"value":45},"width":1},"links":{"blink":false,"color":{"value":"#ffffff"},"consent":false,"distance":150,"enable":true,"frequency":1,"opacity":0.4,"shadow":{"blur":5,"color":{"value":"#000"},"enable":false},"triangles":{"enable":false,"frequency":1},"width":1,"warp":false},"repulse":{"random":{"enable":false,"minimumValue":0},"value":0,"enabled":false,"distance":1,"duration":1,"factor":1,"speed":1}},"pauseOnBlur":true,"pauseOnOutsideViewport":true,"responsive":[],"smooth":false,"style":{},"themes":[],"zLayers":100,"motion":{"disable":false,"reduce":{"factor":4,"value":true}}}
tsParticles.load({
id: "tsparticles",
options: {"autoPlay":false}
});
};

function enableAutoplay() {
tsParticles.load({
id: "tsparticles",
options: {"autoPlay":true,"background":{"color":{"value":"transparent"},"image":"","position":"","repeat":"","size":"","opacity":0},"backgroundMask":{"composite":"destination-out","cover":{"color":{"value":"#fff"},"opacity":1},"enable":false},"defaultThemes":{},"delay":0,"fullScreen":{"enable":true,"zIndex":0},"detectRetina":true,"duration":0,"fpsLimit":120,"interactivity":{"detectsOn":"window","events":{"onClick":{"enable":false,"mode":[]},"onDiv":{"selectors":[],"enable":false,"mode":[],"type":"circle"},"onHover":{"enable":true,"mode":"repulse","parallax":{"enable":false,"force":2,"smooth":10}},"resize":{"delay":0.5,"enable":true}},"modes":{"trail":{"delay":1,"pauseOnStop":false,"quantity":1},"attract":{"distance":200,"duration":0.4,"easing":"ease-out-quad","factor":1,"maxSpeed":50,"speed":1},"bounce":{"distance":200},"bubble":{"distance":200,"duration":0.4,"mix":false},"connect":{"distance":80,"links":{"opacity":0.5},"radius":60},"grab":{"distance":100,"links":{"blink":false,"consent":false,"opacity":1}},"push":{"default":true,"groups":[],"quantity":4},"remove":{"quantity":2},"repulse":{"distance":200,"duration":0.4,"factor":100,"speed":1,"maxSpeed":50,"easing":"ease-out-quad","divs":{"distance":200,"duration":0.4,"factor":100,"speed":1,"maxSpeed":50,"easing":"ease-out-quad","selectors":[]}},"slow":{"factor":3,"radius":200},"light":{"area":{"gradient":{"start":{"value":"#ffffff"},"stop":{"value":"#000000"}},"radius":1000},"shadow":{"color":{"value":"#000000"},"length":2000}}}},"manualParticles":[],"particles":{"bounce":{"horizontal":{"random":{"enable":false,"minimumValue":0.1},"value":1},"vertical":{"random":{"enable":false,"minimumValue":0.1},"value":1}},"collisions":{"absorb":{"speed":2},"bounce":{"horizontal":{"random":{"enable":false,"minimumValue":0.1},"value":1},"vertical":{"random":{"enable":false,"minimumValue":0.1},"value":1}},"enable":false,"maxSpeed":50,"mode":"bounce","overlap":{"enable":true,"retries":0}},"color":{"value":"#ff0000","animation":{"h":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true},"s":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true},"l":{"count":0,"enable":false,"offset":0,"speed":1,"delay":0,"decay":0,"sync":true}}},"groups":{},"move":{"angle":{"offset":0,"value":90},"attract":{"distance":200,"enable":false,"rotate":{"x":3000,"y":3000}},"center":{"x":50,"y":50,"mode":"percent","radius":0},"decay":0,"distance":{},"direction":"none","drift":0,"enable":true,"gravity":{"acceleration":9.81,"enable":false,"inverse":false,"maxSpeed":50},"path":{"clamp":true,"delay":{"random":{"enable":false,"minimumValue":0},"value":0},"enable":false,"options":{}},"outModes":{"default":"out","bottom":"out","left":"out","right":"out","top":"out"},"random":false,"size":false,"speed":2,"spin":{"acceleration":0,"enable":false},"straight":false,"trail":{"enable":false,"length":10,"fill":{}},"vibrate":false,"warp":false},"number":{"density":{"enable":true,"width":1920,"height":1080},"limit":0,"value":80},"opacity":{"random":{"enable":false,"minimumValue":0.1},"value":{"min":0.1,"max":0.5},"animation":{"count":0,"enable":true,"speed":3,"decay":0,"delay":0,"sync":false,"mode":"auto","startValue":"random","destroy":"none"}},"reduceDuplicates":false,"shadow":{"blur":0,"color":{"value":"#000"},"enable":false,"offset":{"x":0,"y":0}},"shape":{"close":true,"fill":true,"options":{},"type":"circle"},"size":{"random":{"enable":false,"minimumValue":1},"value":{"min":0.1,"max":5},"animation":{"count":0,"enable":true,"speed":20,"decay":0,"delay":0,"sync":false,"mode":"auto","startValue":"random","destroy":"none"}},"stroke":{"width":0},"zIndex":{"random":{"enable":false,"minimumValue":0},"value":0,"opacityRate":1,"sizeRate":1,"velocityRate":1},"destroy":{"bounds":{},"mode":"none","split":{"count":1,"factor":{"random":{"enable":false,"minimumValue":0},"value":3},"rate":{"random":{"enable":false,"minimumValue":0},"value":{"min":4,"max":9}},"sizeOffset":true}},"roll":{"darken":{"enable":false,"value":0},"enable":false,"enlighten":{"enable":true,"value":1},"mode":"vertical","speed":25},"tilt":{"random":{"enable":false,"minimumValue":0},"value":0,"animation":{"enable":false,"speed":0,"decay":0,"sync":false},"direction":"clockwise","enable":false},"twinkle":{"lines":{"enable":false,"frequency":0.005,"opacity":1,"color":{"value":"#ff0000"}},"particles":{"enable":true,"frequency":0.05,"opacity":1,"color":{"value":"#ffff00"}}},"wobble":{"distance":5,"enable":false,"speed":{"angle":50,"move":10}},"life":{"count":0,"delay":{"random":{"enable":false,"minimumValue":0},"value":0,"sync":false},"duration":{"random":{"enable":false,"minimumValue":0.0001},"value":0,"sync":false}},"rotate":{"random":{"enable":false,"minimumValue":0},"value":0,"animation":{"enable":false,"speed":0,"decay":0,"sync":false},"direction":"clockwise","path":false},"orbit":{"animation":{"count":0,"enable":false,"speed":1,"decay":0,"delay":0,"sync":false},"enable":false,"opacity":1,"rotation":{"random":{"enable":false,"minimumValue":0},"value":45},"width":1},"links":{"blink":false,"color":{"value":"#ffffff"},"consent":false,"distance":150,"enable":true,"frequency":1,"opacity":0.4,"shadow":{"blur":5,"color":{"value":"#000"},"enable":false},"triangles":{"enable":false,"frequency":1},"width":1,"warp":false},"repulse":{"random":{"enable":false,"minimumValue":0},"value":0,"enabled":false,"distance":1,"duration":1,"factor":1,"speed":1}},"pauseOnBlur":true,"pauseOnOutsideViewport":true,"responsive":[],"smooth":false,"style":{},"themes":[],"zLayers":100,"motion":{"disable":false,"reduce":{"factor":4,"value":true}}}
});
};

document.addEventListener('DOMContentLoaded', function () {
var checkbox = document.querySelector('input[type="checkbox"]');

checkbox.addEventListener('change', function () {
if (checkbox.checked) {
enableAutoplay();
console.log('> Dark Theme Checked');
} else {
disableAutoplay();
console.log('> Dark Theme Not Checked');
}
});
};

document.addEventListener('DOMContentLoaded', function () {
var checkbox = document.querySelector('input[type="checkbox"]');

checkbox.addEventListener('change', function () {
if (checkbox.checked) {
enableAutoplay();
console.log('Checked');
} else {
disableAutoplay();
console.log('Not checked');
});

// Dark Theme script.js
document.addEventListener('DOMContentLoaded', function () {
const darkModeToggle = document.getElementById('darkModeToggle');

// Check the saved theme in localStorage
const savedMode = localStorage.getItem('darkMode');
const isDarkMode = savedMode ? JSON.parse(savedMode) : false; // Default to false if no saved mode

// Set initial mode based on the saved preference
setDarkMode(isDarkMode);

// Set the initial state of the checkbox
if (darkModeToggle) {
darkModeToggle.checked = isDarkMode;

// Toggle dark mode when the checkbox is clicked
darkModeToggle.addEventListener('change', function () {
const newMode = darkModeToggle.checked;
setDarkMode(newMode);

// Save the preference in localStorage
localStorage.setItem('darkMode', JSON.stringify(newMode));
});
}
});
});

// Dark Theme script.js
document.addEventListener('DOMContentLoaded', function () {
const darkModeToggle = document.getElementById('darkModeToggle');

// Check the saved theme in localStorage
const savedMode = localStorage.getItem('darkMode');
const isDarkMode = savedMode ? JSON.parse(savedMode) : false; // Default to false if no saved mode

// Set initial mode based on the saved preference
setDarkMode(isDarkMode);

// Set the initial state of the checkbox
if (darkModeToggle) {
darkModeToggle.checked = isDarkMode;
function setDarkMode(isDarkMode) {
const body = document.body;
// Apply the dark mode or light mode class to the body element
body.classList.toggle('dark-mode', isDarkMode);
body.classList.toggle('light-mode', !isDarkMode);

// Apply dark mode to other containers if necessary
const allContainers = document.querySelectorAll('.container, .header, .footer'); // Adjust based on your needs
allContainers.forEach(container => {
container.classList.toggle('dark-mode', isDarkMode);
});
};
// Debug script.js
const particleElement = document.getElementById("tsparticles");

// Toggle dark mode when the checkbox is clicked
darkModeToggle.addEventListener('change', function () {
const newMode = darkModeToggle.checked;
setDarkMode(newMode);
window.addEventListener("load", function () {
// Access the navigation timing data after the page load
const navigationTiming = performance.getEntriesByType("navigation")[0];

// Save the preference in localStorage
localStorage.setItem('darkMode', JSON.stringify(newMode));
});
if (navigationTiming) {
const loadTime = Math.round((navigationTiming.loadEventEnd - navigationTiming.responseEnd) / 1000); // Divided by 1000 for seconds
console.log(`\n> MGM, Thottapuzha is successfully loaded in ${loadTime > 0 ? loadTime : 0} sec.`);
console.log("Performance Navigation Timing:", navigationTiming); // Logs the full navigation timing
} else {
console.log("\n> MGM, Thottapuzha: Unable to calculate load time. Navigation Timing API not supported.");
}
});

function setDarkMode(isDarkMode) {
const body = document.body;
const currentDateTime = new Date().toLocaleString();
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
const screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

// Apply the dark mode or light mode class to the body element
body.classList.toggle('dark-mode', isDarkMode);
body.classList.toggle('light-mode', !isDarkMode);
console.log(">", navigator.userAgent);
console.log(">", currentDateTime);
console.log("Resolution:", screenWidth, "*", screenHeight);

// Apply dark mode to other containers if necessary
const allContainers = document.querySelectorAll('.container, .header, .footer'); // Adjust based on your needs
allContainers.forEach(container => {
container.classList.toggle('dark-mode', isDarkMode);
});
};
// Debug script.js
var h = document.getElementById("tsparticles")
, i = performance.timing;
window.addEventListener("load", function() {
console.log("\n> MGM, Thottapuzha is successfully loaded in", Math.round(i.loadEventEnd - i.responseEnd) / 1e11, "sec."),
window.setTimeout( () => {
h.style.display = "none"
}
, 1e3)
}, a());
var b = new Date
, c = b.toLocaleString();
const d = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
, e = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
console.log(">", navigator.userAgent, "\n>", c, "\nResolution :", d, "*", e);
let f = document.cookie;
function g() {
navigator.geolocation ? navigator.geolocation.getCurrentPosition(k, j) : console.error("Geolocation is not supported by this browser.")
// Log cookie information
console.log("> Cookie-Enabled:", navigator.cookieEnabled, "\n", document.cookie);

// Geolocation handling
function getGeolocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showLocation, handleGeolocationError);
} else {
console.error("Geolocation is not supported by this browser.");
}
}
function j(a) {
let b;
switch (a.code) {
case a.PERMISSION_DENIED:
b = "User denied the request for Geolocation.";
break;
case a.POSITION_UNAVAILABLE:
b = "Location information is unavailable.";
break;
case a.TIMEOUT:
b = "The request to get user location timed out.";
break;
case a.UNKNOWN_ERROR:

function handleGeolocationError(error) {
let errorMessage;
switch (error.code) {
case error.PERMISSION_DENIED:
errorMessage = "User denied the request for Geolocation.";
break;
case error.POSITION_UNAVAILABLE:
errorMessage = "Location information is unavailable.";
break;
case error.TIMEOUT:
errorMessage = "The request to get user location timed out.";
break;
default:
b = "An unknown error occurred."
}
console.error("Error occurred: " + b)
errorMessage = "An unknown error occurred.";
}
console.error("Error occurred: " + errorMessage);
}
function k(a) {
var b = a.coords.latitude
, c = a.coords.longitude;
console.log("> User-location %c\nLatitude: " + b + "\nLongitude: " + c, "background:#000;color:#16d900;border-radius:3px")

function showLocation(position) {
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;
console.log(`> User-location %c\nLatitude: ${latitude}\nLongitude: ${longitude}`, "background:#000;color:#16d900;border-radius:3px");
}
console.log("> Cookie-Enabled:", navigator.cookieEnabled, "\n", f),
g();

// Trigger geolocation
getGeolocation();


//const countEl=document.getElementById("CounterVisitor");function updateVisitCount(){fetch("https://api.countapi.xyz/update/mgm/visits/?amount=1").then(t=>t.json()).then(t=>{countEl.innerHTML=t.value})}updateVisitCount();

0 comments on commit ffbb9a3

Please sign in to comment.