make it impossible to look before the beginning

This commit is contained in:
M. Gardner 2019-07-28 14:30:08 +03:00
parent 1870b8943d
commit 8afeb860c9
3 changed files with 25 additions and 6 deletions

View File

@ -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 */

View File

@ -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;
}
}

View File

@ -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>