diff options
Diffstat (limited to 'games.html')
| -rw-r--r-- | games.html | 75 |
1 files changed, 41 insertions, 34 deletions
@@ -13,39 +13,46 @@ <script src="navbar.js"></script> <h2>Games</h2> - <hr> - - - <img src="screenshots/ballbounce.png" width=200 height=200><br> - <a href="ballbounce.html">Ball bounce</a><br> - <p> - Try to bounce a ball with your mouse. The game<br> - gets harder and harder because you can't see the<br> - ball behind its tracks.<br> - </p> - <hr> - - <img src="screenshots/magnets.png" width=200 height=200><br> - <a href="magnets.html">Magnets</a><br> - <p> - Try to avoid magnets which are attracted to your<br> - mouse. - </p> - <hr> - - <img src="screenshots/picalculator.png" width=250 height=250><br> - <a href="2pi.html">π Calculator</a><br> - <p> - Draw a circle, then find out how well your circle<br> - approximates π!<br> - </p> - <hr> - - <p>Domino simulator <a href="DominoSimulator.html">web version</a> or <a href="https://qualum.itch.io/domino-simulator">offline version</a></p> - <iframe frameborder="0" src="https://itch.io/embed/77009?linkback=true" width="552" height="167"></iframe><br> - <p> - Place dominos, then knock them over. - </p> - + <div class="container-fluid"> + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <img src="screenshots/ballbounce.png" width=200 height=200><br> + <div class="project-title"><a href="ballbounce.html">Ball bounce</a></div> + Try to bounce a ball with your mouse. The game + gets harder and harder because you can't see the + ball behind its tracks. + </div> + </div> + + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <img src="screenshots/magnets.png" width=200 height=200><br> + <div class="project-title"><a href="magnets.html">Magnets</a></div> + Try to avoid magnets which are attracted to your + mouse. + </div> + </div> + + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <img src="screenshots/picalculator.png" width=250 height=250><br> + <div class="project-title"><a href="2pi.html">π Calculator</a></div> + Draw a circle, then find out how well your circle + approximates π! + </div> + </div> + + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <iframe frameborder="0" src="https://itch.io/embed/77009?link_color=18829f" width="208" height="167"></iframe><br> + <div class="full-title"> + <span class="project-title">Domino simulator</span> + <a href="DominoSimulator.html">web version</a> or <a href="https://qualum.itch.io/domino-simulator">offline version</a> + </div> + Place dominos, then knock them over. + </div> + </div> + + </div> </body> </html> |