diff options
Diffstat (limited to 'mathematical.html')
| -rw-r--r-- | mathematical.html | 244 |
1 files changed, 136 insertions, 108 deletions
diff --git a/mathematical.html b/mathematical.html index 1d78992..e91d638 100644 --- a/mathematical.html +++ b/mathematical.html @@ -13,114 +13,142 @@ <script src="navbar.js"></script> <h2>Mathematical Demonstrations</h2> - <img src="screenshots/modularpascal.png" width=256 height=256><br> - <a href="modularpascal.html">Modular Pascal's Triangle</a><br> - <p> - A picture of Pascal's triangle mod x. Set x and<br> - Click update to see the triangle. </p> - <hr> - - <img src="screenshots/modularcircles.png" width=250 height=250><br> - <a href="modularcircles.html">Modular Circles</a><br> - <p> - There are a circle of points, each one corresponding<br> - to a number. Lines are drawn between points according<br> - to rules. Create interesting shapes like cardioids<br> - </p> - <hr> - - <img src="screenshots/shaperoller.png" width=250 height=250><br> - <a href="shaperoller.html">Shape Roller</a><br> - <p> - This program rolls (invisible) shapes around other <br> - (invisible) shapes and traces a point on the shape as<br> - it moves along. Create interesting shapes like cardioids.<br> - </p> - <hr> - - <img src="screenshots/mandelbrot.png" width=250 height=250><br> - <a href="mandelbrot.html">The Mandelbrot Set</a><br> - <p> - This program draws the Mandelbrot Set. You can<br> - zoom in and change the power.<br> - </p> - <hr> - - <img src="screenshots/ant.png" width=250 height=250><br> - <a href="ant.html">Langton's Ant</a><br> - <p> - This is the cellular automaton known as Langton's<br> - Ant. You can find out more about it <a href="https://en.wikipedia.org/wiki/Langton%27s_ant">here</a>. - </p> - <hr> - - <img src="screenshots/ElementaryCellularAutomata.png" width=400 height=400><br> - <a href="elementarycellularautomata.html">Elementary cellular automata</a><br> - <p> - Run <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">elementary cellular automata</a>. - </p> - <hr> - - <img src="screenshots/mazesolver.png" width=200 height=200><br> - <a href="mazesolver.html">Maze Solver</a><br> - <p> - Create a maze, choose a starting point and an<br> - ending point, and your computer will solve the<br> - maze. - </p> - <hr> - - - <img src="screenshots/AutoImages.png" width=200 height=200><br> - <a href="AutoImages.html">AutoImages</a><br> - <p> - A computer program that creates art. It uses<br> - random functions to generate images. An explanation<br> - can be found <a href="explanation.html">here</a>.<br> - There is also AutoArtEvolve, which improves its<br> - images based on the ones you prefer:<br> - <iframe frameborder="0" src="https://itch.io/embed/43294?linkback=true&bg_color=fafafa&fg_color=000000&link_color=5ca4fa&border_color=9f9f9f" width="552" height="167"></iframe> - </p> - <hr> - - <video width="250" height="250" controls> - <source src="autovideo.mp4" type="video/mp4"> - </video><br> - <a href="AutoVideos.html">AutoVideos</a><br> - <p> - A computer program that creates videos. It uses<br> - random functions to generate videos. An explanation<br> - can be found <a href="explanation.html">here</a>.<br> - </p> - <hr> - - <audio controls> - <source src="autoaudio.wav" type="audio/wav"> - </audio><br> - <a href="AutoAudio.html">AutoAudio</a><br> - <p> - A computer program that creates audio. It uses<br> - random functions to generate audio. An explanation<br> - can be found <a href="explanation.html">here</a>.<br> - </p> - <hr> - - - <img src="screenshots/NameGenerator.png" width=200 height=200><br> - <a href="NameGenerator.html">NameGenerator</a><br> - <p> - A computer program that generates names! It uses<br> - the frequencies of trigrams.<br> - </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> - + <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/modularpascal.png" width=256 height=256><br> + <div class="project-title"><a href="modularpascal.html">Modular Pascal's Triangle</a></div> + A picture of Pascal's triangle mod x. Set x and + Click update to see the triangle. + </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/modularcircles.png" width=250 height=250><br> + <div class="project-title"><a href="modularcircles.html">Modular Circles</a></div> + There are a circle of points, each one corresponding + to a number. Lines are drawn between points according + to rules. Create interesting shapes like cardioids + </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/shaperoller.png" width=250 height=250><br> + <div class="project-title"><a href="shaperoller.html">Shape Roller</a></div> + This program rolls (invisible) shapes around other + (invisible) shapes and traces a point on the shape as + it moves along. Create interesting shapes like cardioids. + </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/mandelbrot.png" width=250 height=250><br> + <div class="project-title"><a href="mandelbrot.html">The Mandelbrot Set</a></div> + This program draws the Mandelbrot Set. You can + zoom in and change the power. + </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/ant.png" width=250 height=250><br> + <div class="project-title"><a href="ant.html">Langton's Ant</a></div> + This is the cellular automaton known as Langton's + Ant. You can find out more about it <a href="https://en.wikipedia.org/wiki/Langton%27s_ant">here</a>. + </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/ElementaryCellularAutomata.png" width=400 height=400><br> + <div class="project-title"><a href="elementarycellularautomata.html">Elementary cellular automata</a></div> + Run <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">elementary cellular automata</a>. + </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/mazesolver.png" width=200 height=200><br> + <div class="project-title"><a href="mazesolver.html">Maze Solver</a></div> + Create a maze, choose a starting point and an + ending point, and your computer will solve the + maze. + </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/autoartapp.png" width=200> + <div class="project-title"><a href="https://play.google.com/store/apps/details?id=org.neocities.autoart.autoart">AutoArt App</a></div> + The Android app for <a href="AutoImages.html">AutoImages</a>. + </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/AutoImages.png" width=200 height=200><br> + <div class="project-title"><a href="AutoImages.html">AutoImages</a></div> + A computer program that creates art. It uses + random functions to generate images. An explanation + can be found <a href="explanation.html">here</a>. + </div> + </div> + + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <video width="250" height="250" controls> + <source src="autovideo.mp4" type="video/mp4"> + </video><br> + <div class="project-title"><a href="AutoVideos.html">AutoVideos</a></div> + A computer program that creates videos. It uses + random functions to generate videos. An explanation + can be found <a href="explanation.html">here</a>. + </div> + </div> + + <div class="row"> + <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10 well well-sm project"> + <audio controls> + <source src="autoaudio.wav" type="audio/wav"> + </audio><br> + <div class="project-title"><a href="AutoAudio.html">AutoAudio</a></div> + A computer program that creates audio. It uses + random functions to generate audio. An explanation + can be found <a href="explanation.html">here</a>. + </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/NameGenerator.png" width=200 height=200><br> + <div class="project-title"><a href="NameGenerator.html">NameGenerator</a></div> + A computer program that generates names! It uses + the frequencies of trigrams. + </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"> + More coming soon! + </div> + </div> + + </div> </body> </html> |