Add big jxl test page

eclipseo · May 12, 2024 · 8ffd0bd · 8ffd0bd
1 parent d9157ae
commit 8ffd0bd
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/test/IMG01623-HDR.jxl b/test/IMG01623-HDR.jxl
diff --git a/test/index.html b/test/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Full Viewport Image</title>
+<style>
+  body, html {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;  /* Centers image vertically */
+    justify-content: center; /* Centers image horizontally */
+    overflow: hidden; /* Hide scrollbars */
+  }
+
+  img {
+    max-width: 100%;  /* Limit width to viewport */
+    max-height: 100%; /* Limit height to viewport */
+    object-fit: contain; /* Ensures the image is contained within the frame without cropping */
+  }
+</style>
+</head>
+<body>
+<img src="IMG01623-HDR.jxl" alt="Full Screen Image">
+</body>
+</html>