Add total and daily calls to frontpage!

This commit is contained in:
Christopher Cookman 2024-12-16 20:31:31 -07:00
parent e3ece6a02d
commit 434390cb9b
2 changed files with 73 additions and 57 deletions

View file

@ -3,33 +3,44 @@
let ass = 0;
function switchit() {
console.log("ass");
document.querySelector(".text-wrapper").style = "";
document.querySelector(".text-wrapper").firstElementChild.remove();
var c = document.querySelector(".text-wrapper").firstElementChild.cloneNode(true);
c.innerHTML = "";
document.querySelector(".text-wrapper").appendChild(c);
document.querySelector(".text-wrapper").style = "";
document.querySelector(".text-wrapper").firstElementChild.remove();
var c = document.querySelector(".text-wrapper").firstElementChild.cloneNode(true);
c.innerHTML = "";
document.querySelector(".text-wrapper").appendChild(c);
};
function scroll() {
document.querySelector(".text-wrapper").style.transition = "top 0.5s ease";
document.querySelector(".text-wrapper").style.top = "-50px";
setTimeout(switchit, 510)
document.querySelector(".text-wrapper").style.transition = "top 0.5s ease";
document.querySelector(".text-wrapper").style.top = "-50px";
setTimeout(switchit, 510)
};
function chgtext(tex) {
var c = document.querySelector(".text-wrapper").lastElementChild.innerHTML = tex;
scroll();
var c = document.querySelector(".text-wrapper").lastElementChild.innerHTML = tex;
scroll();
};
$(document).ready(function() {
$(".fadein").fadeIn(1250);
$(document).ready(function () {
$(".fadein").fadeIn(1250);
});
$("#signin").on("click", function() {
$(".signinmenu").slideDown();
} );
$("#signin").on("click", function () {
$(".signinmenu").slideDown();
});
// Pull analytics from /api/analytics
setInterval(() => {
fetch('/api/analytics')
.then(response => response.json())
.then(data => {
estCallsMadeStat = data.total.find(stat => stat.tag === "estCallsMade")?.count;
currentDailyCallsMadeStat = data.daily.find(stat => stat.tag === "dailyCallsMade" && stat.current === true)?.count;
chgtext(`Total calls made: ${estCallsMadeStat} | Today's calls made: ${currentDailyCallsMadeStat}`);
})
.catch(error => console.error('Error fetching analytics:', error));
}, 2000)

View file

@ -1,50 +1,55 @@
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>AstroCom</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/root-style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-square150x150logo" content="https://astrocom.tel/assets/images/logo.png">
<link rel="apple-touch-icon" href="https://astrocom.tel/assets/images/logo.png">
<link rel="icon" href="https://astrocom.tel/assets/images/logo.png" type="image/png" sizes="16x16">
<meta property="og:image" content="https://astrocom.tel/assets/images/logo.png">
<link rel="canonical" href="https://astrocom.tel/">
<meta property="og:url" content="https://astrocom.tel/">
<meta property="og:site_name" content="AstroCom">
<meta name="description" content="Simplifying communication.">
<script type="application/ld+json">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>AstroCom</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/root-style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" />
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-square150x150logo" content="https://astrocom.tel/assets/images/logo.png">
<link rel="apple-touch-icon" href="https://astrocom.tel/assets/images/logo.png">
<link rel="icon" href="https://astrocom.tel/assets/images/logo.png" type="image/png" sizes="16x16">
<meta property="og:image" content="https://astrocom.tel/assets/images/logo.png">
<link rel="canonical" href="https://astrocom.tel/">
<meta property="og:url" content="https://astrocom.tel/">
<meta property="og:site_name" content="AstroCom">
<meta name="description" content="Simplifying communication.">
<script type="application/ld+json">
{"name":"AstroCom","description":"Simplifying communication.","@type":"WebSite","url":"https://astrocom.tel/","headline":"AstroCom","@context":"http://schema.org"}
</script>
</head>
<body>
<div class="center">
<div class="fadein">
<h1 class="title">AstroCom</h1>
<div class="text-container">
<div class="text-wrapper" id="textWrapper">
<div class="text">...</div>
<div class="text"></div>
</div>
</div>
</div><br><br>
<div class="links">
<a href="/about">About (WIP)</a><span> </span>
<a href="/directory">Directory</a><span> </span>
<a href="/discord">Discord Server</a>
</div>
</div>
<div class="tr">
<a id="signin" href="#" style="text-align: right;"><i class="fa-solid fa-right-to-bracket"></i> Sign In</a>
<br>
<div class="signinmenu">
<a href="/user">User Panel</a>
<br><a href="/admin">Admin Login</a>
</div>
</div>
<div class="center">
<div class="fadein">
<h1 class="title">AstroCom</h1>
<div class="text-container">
<div class="text-wrapper" id="textWrapper">
<div class="text"></div>
<div class="text"></div>
</div>
</div>
</div><br><br>
<div class="links">
<a href="/about">About (WIP)</a><span> </span>
<a href="/directory">Directory</a><span> </span>
<a href="/discord">Discord Server</a>
</div>
</div>
<div class="tr">
<a id="signin" href="#" style="text-align: right;"><i class="fa-solid fa-right-to-bracket"></i> Sign In</a>
<br>
<div class="signinmenu">
<a href="/user">User Panel</a>
<br><a href="/admin">Admin Login</a>
</div>
</div>
</body>
<script src="assets/js/snow.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="assets/js/landing.js"></script>
</html>
</html>