Change qslprint.php behavior for more user joy

jxmx · jxmx · commit 28225922d7d9 · 2023-08-18T16:41:25.000-04:00
diff --git a/css/qsl.css b/css/qsl.css
@@ -34,15 +34,13 @@ input#submit {
   padding:5px 25px; /*add some padding to the inside of the button*/
   background:#2e64fe; /*the colour of the button*/
   border:1px solid #ffffff; /*required or the default border for the browser will appear*/
-  /*give the button curved corners, alter the size as required*/
-  -moz-border-radius: 10px;
-  -webkit-border-radius: 10px;
-  border-radius: 10px;
-  /*style the text*/
   color:#f3f3f3;
   font-size:1.1em;
 }
 input#submit:hover, input#submit:focus {
   background-color :#0431b4; /*make the background a little darker*/
 }
 
+.qsl-img {
+	border: 5px solid #eaeaea;
+}
diff --git a/qslfetch.php b/qslfetch.php
@@ -30,7 +30,7 @@
 	<body>
        <header class="shadow-md bg-dark px-3">
             <div class="row">
-                <h4><?php echo $club_call; ?> QSL Print System</h4>
+                <h3><?php echo $club_call; ?> QSL Print System</h3>
             </div>
         </header>
 
diff --git a/qslprintpost.php b/qslprintpost.php
@@ -20,5 +20,50 @@
 # Emit!
 $imgfile = sprintf("cards/%s.jpg", uniqid("$club_call-", true));
 $image->writeImages($imgfile, true);
-printf("<html><head><meta http-equiv=\"refresh\" content=\"0; url=%s\" /></head></html>", $imgfile);
+//printf("<html><head><meta http-equiv=\"refresh\" content=\"0; url=%s\" /></head></html>", $imgfile);
 ?>
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title><?php echo $club_call; ?> QSL Print System</title>
+        <link href="css/bootstrap.min.css" rel="stylesheet">
+        <link href="css/qsl.css" rel="stylesheet">
+    </head>
+
+    <body>
+        <header class="shadow-md bg-dark px-3">
+            <div class="row">
+                <h4><?php echo $club_call; ?> QSL Print System</h4>
+            </div>
+        </header>
+
+        <main>
+            <div class="container">
+				<div class="row p-3">
+					<center>
+						<a class="btn btn-secondary" role="button" href="<?php print $imgfile; ?>" download>Click Here to Download Image for Printing</a>
+					</center>
+				</div>
+                <div class="row">
+                    <div class="col-12">
+						<center>
+							<img class="img-fluid qsl-img" src="<?php print $imgfile; ?>" alt="QSL Card Image">
+						</center>
+                    </div>
+                </div>
+			</div>
+		</main>
+        <footer>
+            <div class="d-flex">
+                <p class="text-muted">Site information &copy;&nbsp;<?php print date("Y"); ?>&nbsp;<?php print $club_name; ?><br/>
+                Powered by <a href="https://github.com/jxmx/smooth-qsl" target="_blank">Smooth QSL</a></p>
+            </div>
+        </footer>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/smoothqsl.js"></script>
+	</body>
+</html>
+
