Merge pull request #70 from jxl-community/Adding-HDR-Test-Page

Metadata addition & language tweaking
jxl-community · Oct 8, 2024 · 2a03ccf · 2a03ccf
2 parents 265e05b + c3282ab
commit 2a03ccf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,6 @@
 
 <head>
   <meta charset="utf-8">
-  <title>JPEG XL</title>
   <meta content="width=device-width, initial-scale=1" name="viewport">
 
   <!-- Basic Meta Tags -->

diff --git a/resources/hdr-test-page.html b/resources/hdr-test-page.html
@@ -4,8 +4,13 @@
 <head>
   <meta charset="utf-8">
   <title>HDR Test Page</title>
-  <meta content="HDR Test Page" property="og:title">
-  <meta content="HDR Test Page" property="twitter:title">
+  <meta content="JPEG XL HDR Test Page" property="og:title">
+  <meta content="JPEG XL HDR Test Page" property="twitter:title">
+  <meta name="description" content="Test your browser and display's HDR capabilities with our interactive HDR test page. Compare JXL, PNG, JPEG & AVIF formats across various transfer functions.">
+<meta name="keywords"
+    content="JPEG XL, HDR, High Dynamic Range, Test Patterns, HLG, Hybrid Log Gamma, PQ, Perceptual quantizer, CICP, Tone Mapping, Rec.2100, Nits, Coding-independent code points">
+<meta name="author" content="JPEG XL Community">
+
   <meta content="width=device-width, initial-scale=1" name="viewport">
   <link href="../css/normalize.css" rel="stylesheet" type="text/css">
   <link href="../css/webflow.css" rel="stylesheet" type="text/css">
@@ -286,10 +291,10 @@ <h2 class="text-l-medium large">See how your browser and display handle HDR cont
         <div class="w-layout-blockcontainer container-menu_tabs w-container">
           <div data-figma-id="73:4009" class="size-large-3rem-48px"></div>
           <center>
-            <div id="headroom">Click to give permission to see HDR headroom<br></div>
+            <div id="headroom">Click to give permission to see HDR headroom:<br></div>
             <button id="compute-headroom-button" onClick="headroom()">Compute headroom</button><br><br>
-            <div class="text-style-small">Note this test will run in <span class="browser-link" data-url="chrome://flags/#enable-experimental-web-platform-features" title="Click to copy URL: chrome://flags/#enable-experimental-web-platform-features. Paste into URL bar and select Enable.">Chrome</span> and <span class="browser-link" data-url="edge://flags/#enable-experimental-web-platform-features" title="Click to copy URL: edge://flags/#enable-experimental-web-platform-features. Paste into URL bar and select Enable.">Edge</span> with experimental features enabled.<br>
-              Safari & Firefox do not support this test.</div><br>
+            <div class="text-style-small">Note:This test runs in <span class="browser-link" data-url="chrome://flags/#enable-experimental-web-platform-features" title="Click to copy URL: chrome://flags/#enable-experimental-web-platform-features. Paste into URL bar and select Enable.">Chrome</span>, <span class="browser-link" data-url="edge://flags/#enable-experimental-web-platform-features" title="Click to copy URL: edge://flags/#enable-experimental-web-platform-features. Paste into URL bar and select Enable.">Edge</span>, and Chromium-derived browsers with ‘Experimental Web Features’ enabled.<br>
+              Safari & Firefox do not currently support this test.</div><br>
             <div class="table-container">
               <table>
                 <tr>