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

12
index.php
View file

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