diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2024-11-04 12:47:51 -0500 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2024-11-04 12:47:51 -0500 |
| commit | 8b81f0dd97139af79f692c683d4ed8a06144a1bd (patch) | |
| tree | 86fb0de42baa6e3a29236a95de815f8790e4c17a /web/index.html | |
| parent | 8375f92802d3aa7667bfc6f22f6d2a72361c9808 (diff) | |
| download | wizard-8b81f0dd97139af79f692c683d4ed8a06144a1bd.tar.gz wizard-8b81f0dd97139af79f692c683d4ed8a06144a1bd.tar.bz2 wizard-8b81f0dd97139af79f692c683d4ed8a06144a1bd.zip | |
Create static webapp
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 27 |
1 files changed, 27 insertions, 0 deletions
| diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..59b0013 --- /dev/null +++ b/web/index.html | |||
| @@ -0,0 +1,27 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html> | ||
| 3 | <head> | ||
| 4 | <title>Wizard Card Generator - Four Island</title> | ||
| 5 | <script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script> | ||
| 6 | <script type="text/javascript" src="wizard.js"></script> | ||
| 7 | <link rel="stylesheet" href="wizard.css" /> | ||
| 8 | </head> | ||
| 9 | <body> | ||
| 10 | <div id="preamble"> | ||
| 11 | <h1>Wizard</h1> | ||
| 12 | <p><strong>Wizard</strong> is a tool that allows you to create joke images with Magic: the Gathering cards. Given some input text, Wizard will find a string of MtG cards whose names span the input text, and glue them together, to comedic effect.</p> | ||
| 13 | <p>Wizard was created by <a href="https://www.fourisland.com/">Hatkirby</a>, mostly in 2018, but was only connected to a webpage in 2024. It was inspired by a meme I saw in 2018, but I have no way of finding it because of the sands of time. The source code is available <a href="https://code.fourisland.com/wizard/">here</a>, which includes both a standalone generator, as well as the server that powers this webpage.</p> | ||
| 14 | </div> | ||
| 15 | <div id="form"> | ||
| 16 | <p> | ||
| 17 | <label for="card_text">Text:</label> | ||
| 18 | <input type="text" id="card_text"/> | ||
| 19 | </p> | ||
| 20 | <p> | ||
| 21 | <button type="button" id="send_request">Submit</button> | ||
| 22 | </p> | ||
| 23 | <p id="status"></p> | ||
| 24 | </div> | ||
| 25 | <ul id="images"></div> | ||
| 26 | </body> | ||
| 27 | </html> | ||