RoscoeDaWah/wahs-the-weather
RoscoeDaWah/wahs-the-weather
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: RoscoeDaWah:ab6ff76d96b0fb4d1d1da2af7bb3b154d9483efb
Branches Tags
RoscoeDaWah:master
...
compare: RoscoeDaWah:b9443bc9a139e0c2fee9df3df125a742cde55c60
Branches Tags
RoscoeDaWah:master

2 commits
ab6ff76d96 ... b9443bc9a1

Author SHA1 Message Date
floppydiskette
b9443bc9a1
Re-arrange css, center header vertically 2024-12-12 00:35:49 +00:00
floppydiskette
5f008af9da
Reformat index 2024-12-12 00:35:32 +00:00
2 changed files with 25 additions and 27 deletions
Show stats Expand all files Collapse all files

40
css/wah.css
View file

@ -25,7 +25,6 @@ body {
font-family: serif;
}
/*noinspection CssUnknownTarget*/
body::before {
content: "";
position: fixed;
@ -86,8 +85,6 @@ div.page-container > div {
padding: 10px;
border: var(--border);
margin-bottom: 20px;
/* temporary */
/* height: 600px; */
}
div.page-container > div:last-child {
@ -100,6 +97,7 @@ div#header {
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
align-items: center;
}
div#header img {
@ -141,24 +139,6 @@ div#footer div:last-child {
text-align: right;
}
/* -------------------------------------------------------------------------- */
table.almanac td:nth-child(odd) {
font-weight: bold;
}
table.almanac td {
padding: 0 10px;
}
table.almanac td:nth-child(even) {
padding: 0 15px;
}
table.almanac {
min-width: 100%;
}
table.mx-datatable {
width: 100%;
border-collapse: collapse;
@ -181,6 +161,24 @@ table.mx-datatable tr td:nth-child(2) {
padding-right: 40px;
}
/* --------------------------------- Now (/) -------------------------------- */
table.almanac td:nth-child(odd) {
font-weight: bold;
}
table.almanac td {
padding: 0 10px;
}
table.almanac td:nth-child(even) {
padding: 0 15px;
}
table.almanac {
min-width: 100%;
}
table.current-conditions tr td:nth-child(odd) {
font-weight: bold;
}

12
index.php
View file

@ -4,13 +4,13 @@
<head>
<?php include("./includes/head.inc.php"); ?>
<script>
window.onload = () => {
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
// update the moon image every 20 minutes if the page is left open
setInterval(() => {
window.onload = () => {
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
}, 1200000);
};
// update the moon image every 20 minutes if the page is left open
setInterval(() => {
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
}, 1200000);
};
</script>
</head>