added mobile

This commit is contained in:
Nathanwoodburn 2020-11-24 10:34:56 +11:00
parent 7ca0c48ef7
commit dd62d3be8a
2 changed files with 6 additions and 1 deletions

View File

@ -26,7 +26,11 @@ t2 {
background-color: #000000; background-color: #000000;
animation: 0.2s shake infinite alternate; animation: 0.2s shake infinite alternate;
} }
p.mobile { display: none }
@media (max-width: 640px) {
p.mobile { display: block }
p.desktop { display: none }
}
@keyframes shake { @keyframes shake {
0% { left: 38.43%; } 0% { left: 38.43%; }
2.5% { left: 38.57%; } 2.5% { left: 38.57%; }

View File

@ -13,6 +13,7 @@
<p><br><br><br></p> <p><br><br><br></p>
<h1 style="text-align:center">Space Invaders destroyed this page!</h1> <h1 style="text-align:center">Space Invaders destroyed this page!</h1>
<t2 style="text-align:center">Take revenge on them!</t2> <t2 style="text-align:center">Take revenge on them!</t2>
<p class="mobile"><br><br><br><br><br><br></p>
<p class="center"><br><br><br>Use <span class="label label-danger">Space</span> to shoot and <span class="label label-danger"></span>&#160;<span class="label label-danger"></span> to move!&#160;&#160;&#160;<button class="btn btn-default btn-xs" id="restart">Restart</button> or <button class="btn btn-default btn-xs" onclick="location.href='javascript:history.back()'" type="button"> <p class="center"><br><br><br>Use <span class="label label-danger">Space</span> to shoot and <span class="label label-danger"></span>&#160;<span class="label label-danger"></span> to move!&#160;&#160;&#160;<button class="btn btn-default btn-xs" id="restart">Restart</button> or <button class="btn btn-default btn-xs" onclick="location.href='javascript:history.back()'" type="button">
Retreat</button></p> Retreat</button></p>