From 8afeb860c931795535b4f1ca0cadd9d2b04c66e4 Mon Sep 17 00:00:00 2001
From: "M. Gardner" <magardner2010@gmail.com>
Date: Sun, 28 Jul 2019 14:30:08 +0300
Subject: [PATCH] make it impossible to look before the beginning

---
 css/style.css  |  6 ++++--
 css/style.scss |  9 +++++++--
 index.php      | 16 ++++++++++++++--
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index b81432d..91a2609 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,10 +3,10 @@ tr {
   flex-direction: row;
   justify-content: space-between; }
 
-a img {
+td img {
   width: 32px;
   transition: all 0.2s; }
-  a img:hover {
+  td img:hover {
     width: 64px; }
 
 #comic {
@@ -14,5 +14,7 @@ a img {
 
 .strip {
   width: 512px; }
+  .strip:hover {
+    width: 512px; }
 
 /*# sourceMappingURL=style.css.map */
diff --git a/css/style.scss b/css/style.scss
index d11edf9..5a135d8 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -1,10 +1,12 @@
+$stripwidth: 512px;
+
 tr {
     display:flex;
     flex-direction: row;
     justify-content: space-between;
 }
 
-a{
+td{
     img{
         width:32px;
         transition: all 0.2s;
@@ -18,5 +20,8 @@ a{
 }
 
 .strip {
-    width:512px;
+    width:$stripwidth;
+    &:hover{
+        width: $stripwidth;
+    }
 }
diff --git a/index.php b/index.php
index 674a56b..e1d7fb8 100644
--- a/index.php
+++ b/index.php
@@ -17,8 +17,20 @@ if(is_null($comic)){
 	<img class=strip title=<?php echo "\"${comic["hover"]}\"";?> src=<?php echo "\"${comic["file"]}\""?> /></td>
 	</tr>
 	<tr>
-        <td><a href=index.php?id=0><img title="first comic" src="images/first.png"></a></td>
-	<td><a href=index.php?id=<?php echo $id-1?>><img title="previous comic" src=images/prev.png></a></td>
+        <td><a href=index.php?id=1><img title="first comic" src="images/first.png"></a></td>
+	<td><?php 
+    if($id>1) { 
+    echo "<a href=index.php?id=".
+        ($id-1).
+        " >";
+        }
+        ?>
+        <img title="previous comic" src=images/prev.png>
+        <?php 
+    if($id>1) {
+        echo "</a>";
+    }
+        ?></td>
         <td></td>
 	<td><a href=index.php?id=<?php echo $id+1?>><img title="next comic" src=images/next.png></a></td>
         <td><a href=index.php ><img title="latest comic" src="images/latest.png" ></a></td>