5.4.1

gulp/publish-frontend.js

@@ -142,6 +142,18 @@ gulp.task('upload', () => gulp.src(uploadSources, { base: './dist' })
 		},
 	})));
 
+const imageSources = [
+	'server/fonts/**',
+	'server/images/**',
+];
+gulp.task('upload_images', () => gulp.src(imageSources, { base: './server' })
+	.pipe(
+		s3({
+			Bucket: 'weatherstar',
+			StorageClass: 'STANDARD',
+		}),
+	));
+
 gulp.task('invalidate', async () => cloudfront.createInvalidation({
 	DistributionId: 'E9171A4KV8KCW',
 	InvalidationBatch: {
@@ -153,4 +165,4 @@ gulp.task('invalidate', async () => cloudfront.createInvalidation({
 	},
 }).promise());
 
-module.exports = gulp.series(clean, gulp.parallel('build_js', 'compress_js_data', 'compress_js_vendor', 'copy_css', 'compress_html', 'copy_other_files'), 'upload', 'invalidate');
+module.exports = gulp.series(clean, gulp.parallel('build_js', 'compress_js_data', 'compress_js_vendor', 'copy_css', 'compress_html', 'copy_other_files'), gulp.parallel('upload', 'upload_images'), 'invalidate');

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "ws4kp",
-	"version": "5.4.0",
+	"version": "5.4.1",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "ws4kp",
-			"version": "5.4.0",
+			"version": "5.4.1",
 			"license": "MIT",
 			"dependencies": {
 				"eslint": "^8.21.0",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ws4kp",
-	"version": "5.4.0",
+	"version": "5.4.1",
 	"description": "Welcome to the WeatherStar 4000+ project page!",
 	"main": "index.js",
 	"scripts": {

server/scripts/modules/navigation.mjs

@@ -252,11 +252,11 @@ const getDisplay = (index) => displays[index];
 
 // resize the container on a page resize
 const resize = () => {
-	const widthZoomPercent = window.innerWidth / 640;
+	const widthZoomPercent = document.body.clientWidth / 640;
-	const heightZoomPercent = window.innerHeight / 480;
+	const heightZoomPercent = document.body.clientHeight / 480;
 
 	const scale = Math.min(widthZoomPercent, heightZoomPercent);
-
+	console.log(scale, document.body.clientWidth);
 	if (scale < 1.0 || document.fullscreenElement) {
 		document.getElementById('container').style.zoom = scale;
 	} else {

server/styles/scss/_page.scss

@@ -31,6 +31,7 @@ button {
 #txtAddress {
 	width: 490px;
 	font-size: 16pt;
+	max-width: calc(100% - 8px);
 
 	@media (prefers-color-scheme: dark) {
 		background-color: #000000;

views/index.ejs

@@ -9,8 +9,7 @@
   <meta name="keywords" content="WeatherStar 4000+" />
   <meta name="author" content="Matt Walsh" />
   <meta name="application-name" content="WeatherStar 4000+" />
-
+  <meta name="viewport" content="width=device-width,initial-scale=1;maximum-scale=1;minimum-scale=1">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
   <link rel="manifest" href="manifest.json" />