diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
| commit | 91b7598b22f89319f64054daf42c950de3eb6451 (patch) | |
| tree | b337ad01c75e7ee88f287eda05522e72dd9a8dd5 /src/toys/euler-golf/index.html | |
| parent | 49012297ea792a69501b74d8d83bd4be44d177da (diff) | |
| download | lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.tar.gz lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.zip | |
Adding some of my favorite toys
Diffstat (limited to 'src/toys/euler-golf/index.html')
| -rw-r--r-- | src/toys/euler-golf/index.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/src/toys/euler-golf/index.html b/src/toys/euler-golf/index.html new file mode 100644 index 0000000..8164823 --- /dev/null +++ b/src/toys/euler-golf/index.html @@ -0,0 +1,80 @@ +<!DOCTYPE html> +<html> + <head> + <title>Euler Golf 2</title> + <link rel="stylesheet" type="text/css" href="css/styles.css" /> + <meta charset="utf-8"> + </head> + <body> + <canvas id="canvas"></canvas> + + <div class="controls" id="controls-container"> + <div id="controls" style="display: none"> + <div class="buttons"> + <button id="reset">Reset</button> + <button id="solve">Solve</button> + <button id="directions">Directions</button> + </div> + <div class="slider"> + <label>Gap</label> + <input type="range" min="15" max="80" id="gap" /> + </div> + </div> + <span id="expand-show">↑↑</span> + </div> + + <div + id="directions-modal" + class="modal" + style="display: none" + tabindex="-1" + role="dialog" + > + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + > + <span aria-hidden="true">X</span> + </button> + + <div class="modal-body"> + <div style="margin: 0; display: inline-block"> + <h1 style="text-align: center">Euler Golf 2</h1> + <p> + Use the left and right arrow keys as navigation & hover over the + bottom right corner for controls. + </p> + <p>Rules</p> + <ul> + <li> + Every move consists of a 90 degree rotation around your last + position. + </li> + <li>You begin at the point one unit right from the center.</li> + <li> + The inital point that you rotate around is the origin (blue). + </li> + <li>You must navigate to the target point (white).</li> + </ul> + <p> + Initial game by + <a href="https://kylehovey.github.io/EulerGolf/">speleo</a>, + reimplemented & solved by + <a href="https://github.com/Simponic">simponic</a>. + </p> + </div> + </div> + </div> + + <script src="js/modal-vanilla.min.js"></script> + + <script src="js/cx.js"></script> + <script src="js/json-ds.js"></script> + <script src="js/sol.js"></script> + + <script src="js/game.js"></script> + <script src="js/controls.js"></script> + </body> +</html> |