You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

114 lines
4.2 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Yokoka’s Quest Fan Character Profile Generator</title>
  5. </head>
  6. <body>
  7. <h1>Yokoka’s Quest-style Profile generator</h1>
  8. <h1>THIS IS WORK IN PROGRESS, THIS IS NON FUNCTIONAL, PLEASE DO NOT USE YET</h1>
  9. <% if args then %>
  10. <h2>Information Gathered</h2>
  11. <h3>General Information</h3>
  12. <dl>
  13. <dt>Name</dt>
  14. <dd><%= args.name.v %></dd>
  15. <dt>Avatar</dt>
  16. <dd><img src="data:<%= args.avatar.t -%>;base64,<%= encoder(args.avatar.v) %>" /></dd>
  17. <dt>Is Leader</dt>
  18. <dd><%= args.is_leader</dd>
  19. </dl>
  20. <% end %>
  21. <form method="POST" action="/cgi/yqtemplate" enctype="multipart/form-data">
  22. <h2>General Information</h2>
  23. <label for="name">Name:</label>
  24. <input type="test" name="name"/><br />
  25. <label for="avatar">Portrait:</label>
  26. <input type="file" name="avatar"/><br />
  27. <label for="is_leader">Party Leader:</label>
  28. <input type="checkbox" name="is_leader"/><br />
  29. <h2>Classes and Levels</h2>
  30. <label for="class1">Class 1:</label>
  31. <select name="class1">
  32. <% for _, v in ipairs(classes) do %>
  33. <option value="<%= v %>"><%= v %></option>
  34. <% end %>
  35. </select>
  36. <label for="class1_lvl">Level:</label>
  37. <input type="number" name="class1_lvl" min="1"/><br/>
  38. <label for="class2">Class2:</label>
  39. <select name="class2">
  40. <% for _, v in ipairs(classes) do %>
  41. <option value="<%= v %>"><%= v %></option>
  42. <% end %>
  43. </select>
  44. <label for="class2_lvl">Level:</label>
  45. <input type="number"name="class2_lvl" min="1"/><br/>
  46. <label for="class_leaning">
  47. Class leaning (0 for completely class 1, 100 for completely class 2):
  48. </label>
  49. <input type="number" name="class_leaning" min="0" max="100"></br>
  50. <h2>Stats</h2>
  51. <label for="stat_luc">Luck</label>
  52. <input type="number" name="stat_luc" min="0" max="100" />
  53. <label for="stat_str">Strength</label>
  54. <input type="number" name="stat_str" min="0" max="100" />
  55. <label for="stat_sta">Stamina</label>
  56. <input type="number" name="stat_sta" min="0" max="100"/>
  57. <label for="stat_agi">Agility</label>
  58. <input type="number" name="stat_agi" min="0" max="100"/>
  59. <label for="stat_int">Intelligence</label>
  60. <input type="number" name="stat_int" min="0" max="100"/>
  61. <label for="stat_res">Resistance</label>
  62. <input type="number" name="stat_res" min="0" max="100"/><br/>
  63. <h2>Skills</h2>
  64. <label for="allegiance">Allegiance:</label>
  65. <input type="text" name="allegiance"/><br />
  66. <label for="affinity">Affinity:</label>
  67. <input type="text" name="affinity"/><br />
  68. <label for="ability">Ability:</label>
  69. <input type="text" name="ability"/><br />
  70. <label for="advantage">Advantage:</label>
  71. <select name="advantage">
  72. <% for _, v in ipairs(elements) do %>
  73. <option value="<%= v %>"><%= v %></option>
  74. <% end %>
  75. </select><br/>
  76. <label for="weakness">Weakness</label>
  77. <select name="weakness">
  78. <% for _, v in ipairs(elements) do %>
  79. <option value="<%= v %>"><%= v %></option>
  80. <% end %>
  81. </select><br />
  82. <h2>Equipment</h2>
  83. <label for="weapon_name">Weapon</label>
  84. <input type="file" name="weapon_ico" />
  85. <input type="text" name="weapon_name" /><br />
  86. <label for="outfit_name">Outfit</label>
  87. <input type="file" name="outfit_ico" />
  88. <input type="text" name="outfit_name" /><br />
  89. <label for="accessory1_name">Accessory 1</label>
  90. <input type="file" name="accessory1_ico" />
  91. <input type="text" name="accessory1_name" /><br />
  92. <label for="accessory2_name">Accessory 2</label>
  93. <input type="file" name="accessory2_ico" />
  94. <input type="text" name="accessory2_name" /><br />
  95. <h2>Generate</h2>
  96. <input type="submit" value="Generate">
  97. </form>
  98. <hr />
  99. <p>
  100. Based on the character profiles in the webcomic
  101. <a href=https://yokokasquest.com>Yokoka’s Quest</a>
  102. by Chris Hyacinth R.
  103. </p>
  104. <p>
  105. Assets shared by the author on the
  106. <a href="https://forums.cisumchronicles.com/" >webcomic’s forums</a>
  107. .
  108. </p>
  109. </body>
  110. </html>