chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

git

Browse Source
This commit is contained in:
HearMeWhisper 2022-01-19 11:44:02 -05:00
parent ae2542e3e0
commit d8e3d63929
1 changed files with 71 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
kathleen/index.html Normal file
View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kathleen</title>
<style>
body{
font-size: xx-large;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
section{
display: flex;
width: 80%;
justify-content: center;
align-content: center;
flex-direction: column;
margin: auto
}
.links{
background-color: lime;
width: fit-content;
padding: 2rem;
}
</style>
</head>
<body>
<section>
<div class="links" id="morning"><a href="https://meet.google.com/qew-czjp-tpp?pli=1">9:00</a> </div>
<div class="links" id="humanities"><a href="https://meet.google.com/vtj-djcg-xud">10:30</a> </div>
<div class="links" id="stem"><a href="https://meet.google.com/vtj-djcg-xud">1:30</a> </div>
<div id="noclass">No Classes Right Now 😁</div>
</section>
<script type="text/javascript">
// document.querySelector()
function checkTime() {
var d = new Date(); // current time
var hours = d.getHours();
var mins = d.getMinutes();
var classes = 0
if ((hours <= 9 && hours > 8) && mins >= 45 || mins == 00){
document.getElementById("morning").style.display = 'flex';
classes = 1;
}
else {document.getElementById("morning").style.display = 'none'; classes = 0;}
if ((hours <= 10 ) && mins >= 25 && mins <= 35) {
document.getElementById("humanties").style.display = 'flex';
classes = 1;
}
else { document.getElementById("humanities").style.display = 'none'; classes = 0;}
if ((hours <= 13) && mins >= 25 && mins <= 35) {
document.getElementById("stem").style.display = 'flex';
classes = 1;
}
else { document.getElementById("stem").style.display = 'none'; classes = 0}
if (classes == 1) document.getElementById("noclass").style.display = 'none';
}
checkTime();
</script>
</body>
</html>