From 944a938fd2ee78506c897f5c538312fc55fe9f84 Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Tue, 7 May 2024 16:21:08 +0800
Subject: [PATCH] include localizable tips on results page

---
 pages/popup/results.htm | 39 ++++++++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 15 deletions(-)
diff --git a/pages/popup/results.htm b/pages/popup/results.htm
index e6fa3c0..74827e0 100644
--- a/pages/popup/results.htm
+++ b/pages/popup/results.htm
@@ -1,17 +1,26 @@
 <html>
-     <head>
-          <script src="../../styles/external/materialize/js/materialize.js"></script> 
-          <script src="../../scripts/pages/results.js" type="module"></script> 
-          <link href="../../styles/popup.css" rel="stylesheet" type="text/css" />
-     </head>
-     <body id="results">
-          <summary>
-               <p id="summary" data-active-result="Rating,Reason" class="flow-text"></p>
-               <p data-active-result="Description,Summary"></p>
-               <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress>
-               <label >Scroll down for details.</label>
-          </summary>
-          <section class="tip" data-active-result="Description,Aspects,*" data-active-result-type="card">
-          </section>
-     </body>
+	<head>
+		<script src="../../styles/external/materialize/js/materialize.js"></script> 
+		<script src="../../scripts/pages/results.js" type="module"></script> 
+		<link href="../../styles/popup.css" rel="stylesheet" type="text/css" />
+	</head>
+	<body id="results">
+		<summary>
+			<section>
+				<p id="summary" data-active-result="Rating,Reason" class="flow-text"></p>
+				<p data-active-result="Description,Summary"></p>
+				<progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress>
+			</section>
+			<footer>
+				<label id="tip" for="results_tip_1"></label>
+			</footer>
+		</summary>
+		<article>
+			<section data-active-result="Description,Aspects,*" data-active-result-type="card">
+			</section>
+			<footer>
+				<label id="tip" for="results_tip_2"></label>
+			</footer>
+		</article>
+	</body>
 </html>
\ No newline at end of file
