Browse Source

make it impossible to look before the beginning

master
M. Gardner 2 years ago
parent
commit
8afeb860c9
  1. 6
      css/style.css
  2. 9
      css/style.scss
  3. 16
      index.php

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

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

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

Loading…
Cancel
Save