big steppy
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.
 
 
 

622 lines
31 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Stroll</title>
  6. <link rel="stylesheet" href="style.css">
  7. <script src="units.js"></script>
  8. <script src="recursive-macro.js"></script>
  9. <script src="recursive-desc.js"></script>
  10. <script src="game.js"></script>
  11. </head>
  12. <body class="light">
  13. <div class="game-area">
  14. <div class="sidebar" id="stat-container">
  15. <div class="stat-header-self" id="stats-self">
  16. <p>Stats</p>
  17. <div class="stat-line" id="height"></div>
  18. <div class="stat-line" id="mass"></div>
  19. <div class="stat-line" id="growth-points"></div>
  20. <div class="stat-line" id="arousal"></div>
  21. <div class="stat-line" id="edge"></div>
  22. <div class="stat-line-hidden" id="cum"></div>
  23. <div class="stat-line-hidden" id="cumPercent"></div>
  24. <div class="stat-line-hidden" id="femcum"></div>
  25. <div class="stat-line-hidden" id="femcumPercent"></div>
  26. <div class="stat-line-hidden" id="milk"></div>
  27. <div class="stat-line-hidden" id="milkPercent"></div>
  28. <div class="stat-line-hidden" id="gas"></div>
  29. <div class="stat-line-hidden" id="gasPercent"></div>
  30. </div>
  31. <div class="stat-header-self">Growth</div>
  32. <table id="grow-panel">
  33. <tr>
  34. <th><input class="growth-option" type="radio" name="part" checked="true" id="part-body">
  35. <label class="growth-label" for="part-body" >Body</label></th>
  36. <th><button class="growth-amount" id="button-amount-1">1x</button></th>
  37. </tr>
  38. <tr>
  39. <th><input class="growth-option" type="radio" name="part" id="part-ass">
  40. <label class="growth-label" for="part-ass">Ass</label></th>
  41. <th><button class="growth-amount" id="button-amount-5">5x</button></th>
  42. </tr>
  43. <tr>
  44. <th><input class="growth-option" type="radio" name="part" id="part-dick">
  45. <label class="growth-label" for="part-dick">Cock</label></th>
  46. <th><button class="growth-amount" id="button-amount-10">10x</button></th>
  47. </tr>
  48. <tr>
  49. <th><input class="growth-option" type="radio" name="part" id="part-balls">
  50. <label class="growth-label" for="part-balls">Balls</label></th>
  51. <th><button class="growth-amount" id="button-amount-20">20x</button></th>
  52. </tr>
  53. <tr>
  54. <th><input class="growth-option" type="radio" name="part" id="part-breasts">
  55. <label class="growth-label" for="part-breasts">Breasts</label></th>
  56. <th><button class="growth-amount" id="button-amount-50">50x</button></th>
  57. </tr>
  58. <tr>
  59. <th><input class="growth-option" type="radio" name="part" id="part-vagina">
  60. <label class="growth-label" for="part-vagina">Slit</label></th>
  61. <th><button class="growth-amount" id="button-amount-100">100x</button></th>
  62. </tr>
  63. </table>
  64. <div class="stat-container">
  65. <button class="stat-button" id="button-look">Look Around</button>
  66. <button class="stat-button" id="button-arousal">Arousal On</button>
  67. <button class="stat-button" id="button-stroll">Status: Standing</button>
  68. <button class="stat-button" id="button-numbers">Numbers: Full</button>
  69. <button class="stat-button" id="button-units">Units: Metric</button>
  70. <button class="stat-button" id="button-verbose">Verbose Text</button>
  71. <button class="stat-button" id="button-grow-lots">SUPER BIG</button>
  72. <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>
  73. <button class="stat-button" id="button-stats">Stats</button>
  74. </div>
  75. </div>
  76. <div id="log-area">
  77. <div id="log">
  78. <div>Welcome to Stroll 0.5.17</div>
  79. <div><b>This game features 18+ content</b></div>
  80. <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
  81. <div><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></div>
  82. <div>It's a nice day for a walk</div>
  83. <div>&nbsp;</div>
  84. </div>
  85. </div>
  86. <div class="sidebar" id="action-panel">
  87. <div class="action-part-container">
  88. <button class="active action-part-button" id="action-part-body">Body</button>
  89. <button class="action-part-button" id="action-part-dick">Cock</button>
  90. <button class="action-part-button" id="action-part-vagina">Slit</button>
  91. <button class="action-part-button" id="action-part-breasts">Breasts</button>
  92. <button class="action-part-button" id="action-part-tails">Tails</button>
  93. <button class="action-part-button" id="action-part-souls">Souls</button>
  94. <button class="action-part-button" id="action-part-shoes">Shoes</button>
  95. <button class="action-part-button" id="action-part-misc">Misc</button>
  96. </div>
  97. <div class="action-tab" id="actions-body">
  98. <button class="action-button" id="button-action-feed">Eat</button>
  99. <button class="action-button" id="button-action-chew">Chew</button>
  100. <button class="action-button" id="button-action-stomp">Stomp</button>
  101. <button class="action-button" id="button-action-sit">Sit</button>
  102. <button class="action-button" id="button-action-anal_vore">Anal Vore</button>
  103. <button class="action-button" id="button-action-grind">Grind</button>
  104. </div>
  105. <div class="action-tab" id="actions-tails">
  106. <button class="action-button" id="button-action-tail_slap">Tail Slap</button>
  107. <button class="action-button" id="button-action-tail_vore_only">Tail Vore</button>
  108. <button class="action-button" id="button-action-tail_vore_one">Tail Vore (1)</button>
  109. <button class="action-button" id="button-action-tail_vore_some">Tail Vore (some)</button>
  110. <button class="action-button" id="button-action-tail_vore_all">Tail Vore (all!)</button>
  111. </div>
  112. <div class="action-tab" id="actions-breasts">
  113. <button class="action-button" id="button-action-cleavage_stuff">Stuff Cleavage</button>
  114. <button class="action-button" id="button-action-cleavage_crush">Crush Cleavage</button>
  115. <button class="action-button" id="button-action-cleavage_drop">Drop Cleavage</button>
  116. <button class="action-button" id="button-action-cleavage_absorb">Absorb Cleavage</button>
  117. <button class="action-button" id="button-action-breast_crush">Breast Crush</button>
  118. <button class="action-button" id="button-action-breast_vore">Breast Vore</button>
  119. <button class="action-button" id="button-action-breast_milk">Milk Breasts</button>
  120. </div>
  121. <div class="action-tab" id="actions-vagina">
  122. <button class="action-button" id="button-action-unbirth">Unbirth</button>
  123. </div>
  124. <div class="action-tab" id="actions-dick">
  125. <button class="action-button" id="button-action-sheath_stuff">Stuff Sheath</button>
  126. <button class="action-button" id="button-action-sheath_squeeze">Squeeze Sheath</button>
  127. <button class="action-button" id="button-action-sheath_absorb">Absorb Sheath</button>
  128. <button class="action-button" id="button-action-cockslap">Cockslap</button>
  129. <button class="action-button" id="button-action-cock_vore">Cock Vore</button>
  130. <button class="action-button" id="button-action-ball_smother">Ball Smother</button>
  131. </div>
  132. <div class="action-tab" id="actions-souls">
  133. <button class="action-button" id="button-action-soul_vore">Soul Vore</button>
  134. <button class="action-button" id="button-action-soul_absorb_paw">Paws</button>
  135. </div>
  136. <div class="action-tab" id="actions-shoes">
  137. <button class="action-button" id="button-action-wear_shoes">Put On Shoes</button>
  138. <button class="action-button" id="button-action-remove_shoes">Take Off Shoes</button>
  139. <button class="action-button" id="button-action-wear_socks">Put On Socks</button>
  140. <button class="action-button" id="button-action-remove_socks">Take Off Socks</button>
  141. <button class="action-button" id="button-action-stuff_shoes">Stuff Shoes</button>
  142. <button class="action-button" id="button-action-stuff_socks">Stuff Socks</button>
  143. <button class="action-button" id="button-action-dump_shoes">Dump Shoes</button>
  144. <button class="action-button" id="button-action-dump_socks">Dump Socks</button>
  145. </div>
  146. <div class="action-tab" id="actions-misc">
  147. <button class="action-button" id="button-action-pouch_stuff">Stuff Pouch</button>
  148. <button class="action-button" id="button-action-pouch_rub">Rub Pouch</button>
  149. <button class="action-button" id="button-action-pouch_eat">Eat From Pouch</button>
  150. <button class="action-button" id="button-action-pouch_absorb">Absorb Pouch</button>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="character-build">
  155. <p>Welcome to Stroll 0.5.178</p>
  156. <p><b>This game features 18+ content</b></p>
  157. <p><a href="https://chemicalcrux.org/stroll">Changelog</a></p>
  158. <p><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></p>
  159. <div id="custom-species">
  160. <button class="stat-button" id="button-dark-mode-options">Toggle Dark Mode</button>
  161. <p>Build your Character (leave blank for defaults)</p>
  162. <p>Lengths in meters, areas in square meters, masses in kilograms</p>
  163. <p>You can load a preset character here...</p>
  164. <div>
  165. <select id="character-presets">
  166. </select>
  167. <button class="option-button" id="button-load-preset">Load Preset Character</button>
  168. </div>
  169. <p>Or export/import your character to text here. Copy and paste to share!</p>
  170. <button class="option-button" id="button-export-clear">Clear Space</button>
  171. <button class="option-button" id="button-export-preset">Export Your Character</button>
  172. <button class="option-button" id="button-import-preset">Import Your Character</button>
  173. <p><input type="text" id="export-area"></p>
  174. <p>Or, load/save your own character internally here! It'll be saved in your browser, so you can come back to it later.</p>
  175. <div>
  176. <button class="option-button" id="button-load-custom">Load Custom Character</button>
  177. <button class="option-button" id="button-save-custom">Save Custom Character</button>
  178. </div>
  179. <p>Reset the sheet here (custom character data isn't affected)</p>
  180. <div>
  181. <button class="option-button" id="button-reset-custom">Reset</button>
  182. </div>
  183. <br>
  184. <div>
  185. <button class="option-button" id="button-start">Start Game</button>
  186. </div>
  187. <form id="custom-species-form" name="custom-species-form">
  188. <ul class="flex-outer">
  189. <div class="custom-category">
  190. <div class="custom-header-static">Basics</div>
  191. <div>
  192. <li>
  193. <label for="name">Name</label>
  194. <input type="text" id="name" name="name"/>
  195. </li>
  196. <li>
  197. <label for="species">Species</label>
  198. <input type="text" id="species" name="species" placeholder="crux"/>
  199. </li>
  200. <li>
  201. <label for="scale" class="has-tooltip" title="Multiply your base height by this much">Scale (?)</label>
  202. <input type="number" id="scale" name="scale" placeholder="1"/>
  203. </li>
  204. <li>
  205. <label for="baseHeight">Height</label>
  206. <input type="number" id="baseHeight" name="baseHeight" placeholder="2.26"/>
  207. </li>
  208. <li>
  209. <label for="baseMass">Weight</label>
  210. <input type="number" id="baseMass" name="baseMass" placeholder="135">
  211. </li>
  212. <li>
  213. <label for="basePawArea">Paw area</label>
  214. <input type="number" id="basePawArea" name="basePawArea" placeholder="0.1">
  215. </li>
  216. <li>
  217. <label for="baseHandArea">Hand area</label>
  218. <input type="number" id="baseHandArea" name="baseHandArea" placeholder="0.1">
  219. </li>
  220. <li>
  221. <label for="baseAssArea">Ass area</label>
  222. <input type="number" id="baseAssArea" name="baseAssArea" placeholder="0.4">
  223. </li>
  224. </div>
  225. </div>
  226. <div class="custom-category">
  227. <div class="custom-header-static">Brutality</div>
  228. <div>
  229. <ul>
  230. <li>
  231. <input type="radio" name="brutality" id="brutality-0" value="0">
  232. <label for="brutality-0">Non-fatal</label>
  233. </li>
  234. <li>
  235. <input type="radio" name="brutality" checked="true" id="brutality-1" value="1">
  236. <label for="brutality-1">Fatal, no gore</label>
  237. </li>
  238. <li>
  239. <input type="radio" name="brutality" id="brutality-2" value="2">
  240. <label for="brutality-2">Gory</label>
  241. </li>
  242. <li>
  243. <input type="radio" name="brutality" id="brutality-3" disabled="disableD" value="3">
  244. <label for="brutality-3">Sadistic (not implemented)</label>
  245. </li>
  246. </ul>
  247. </div>
  248. </div>
  249. <div class="custom-category">
  250. <div class="custom-header-static">Victims</div>
  251. <div>
  252. <li>
  253. <label for="military">Military</label>
  254. <input type="checkbox" name="victimsMilitary" id="victimsMilitary"/>
  255. </li>
  256. <li>
  257. <label for="macros">Smaller macros</label>
  258. <input type="checkbox" name="victimsMacros" id="victimsMacros"/>
  259. </li>
  260. <li>
  261. <label for="micros">Micros</label>
  262. <input type="checkbox" name="victimsMicros" id="victimsMicros"/>
  263. </li>
  264. </div>
  265. </div>
  266. <div class="custom-category">
  267. <div class="custom-header-static">Misc</div>
  268. <div>
  269. <li>
  270. <label class="has-tooltip" for="sameSizeVore" title="Can you eat people your own size?">Same-size predator</label>
  271. <input type="checkbox" checked="true" name="sameSizeVore"/>
  272. </li>
  273. <li>
  274. <label class="has-tooltip" for="sameSizeStomp" title="Can you stomp and sit on people your own size?">Same-size stomper</label>
  275. <input type="checkbox" checked="true" name="sameSizeStomp"/>
  276. </li>
  277. <li>
  278. <label for="footType">Foot type</label>
  279. <select name="footType">
  280. <option value="paw">Paws</option>
  281. <option value="hoof">Hooves</option>
  282. <option value="foot">Human</option>
  283. <option value="avian">Avian</option>
  284. </select>
  285. </li>
  286. <li>
  287. <label for="jawType">Mouth type</label>
  288. <select name="jawType">
  289. <option value="jaw">Jaws</option>
  290. <option value="beak">Beak</option>
  291. </select>
  292. </li>
  293. </div>
  294. </div>
  295. <div class="custom-category">
  296. <input class="custom-header-checkbox" type="checkbox" id="footWear" name="footWear"/>
  297. <label class="custom-header" for="footWear">Footwear</label>
  298. <div class="reveal-if-active">
  299. <li>
  300. <div class="custom-category-sub">
  301. <ul class="flex-outer-sub">
  302. <input class="custom-header-checkbox" type="checkbox" checked="true" id="footSockEnabled" name="footSockEnabled"/>
  303. <label class="custom-header" for="footSockEnabled">Socks</label>
  304. <div class="reveal-if-active">
  305. <li>
  306. <label for="footSock">Sock type</label>
  307. <select name="footSock">
  308. <option value="sock">Socks</option>
  309. </select>
  310. </li>
  311. </div>
  312. </ul>
  313. </div>
  314. <div class="custom-category-sub">
  315. <ul class="flex-outer-sub">
  316. <input class="custom-header-checkbox" type="checkbox" checked="true" id="footShoeEnabled" name="footShoeEnabled"/>
  317. <label class="custom-header" for="footShoeEnabled">Shoes</label>
  318. <div class="reveal-if-active">
  319. <li>
  320. <label for="footShoe">Shoe type</label>
  321. <select name="footShoe">
  322. <option value="shoe">Shoes</option>
  323. <option value="boot">Boots</option>
  324. <option value="trainer">Trainers</option>
  325. <option value="sandal">Sandals</option>
  326. </select>
  327. </li>
  328. </div>
  329. </ul>
  330. </div>
  331. </li>
  332. </div>
  333. </div>
  334. <div class="custom-category">
  335. <input class="custom-header-checkbox" type="checkbox" checked="true" id="analVore" name="analVore"/>
  336. <label class="custom-header" for="analVore">Anal Vore</label>
  337. <div class="reveal-if-active">
  338. <li>
  339. <label for="baseAnalVoreDiameter">Tailhole diameter</label>
  340. <input type="number" id="baseAnalVoreDiameter" name="baseAnalVoreDiameter" placeholder="0.1">
  341. </li>
  342. <li>
  343. <label class="has-tooltip" for="analVoreToStomach" title="Otherwise, bowels absorb/digest">Anal vore goes to stomach</label>
  344. <input type="checkbox" name="analVoreToStomach" id="analVoreToStomach"/>
  345. </li>
  346. </div>
  347. </div>
  348. <div class="custom-category">
  349. <input class="custom-header-checkbox" type="checkbox" checked="true" id="arousalEnabled" name="arousalEnabled"/>
  350. <label class="custom-header" for="arousalEnabled">Arousal</label>
  351. <div class="reveal-if-active">
  352. <li>
  353. <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>
  354. <input type="number" name="arousalFactor" placeholder="1"/>
  355. </li>
  356. <li>
  357. <label class="has-tooltip" for="edgeFactor" title="Multiplies edge gain by this much">Edge multiplier</label>
  358. <input type="number" name="arousalFactor" placeholder="1"/>
  359. </li>
  360. </div>
  361. </div>
  362. <div class="custom-category">
  363. <input class="custom-header-checkbox" type="checkbox" checked="true" id="hasTail" name="hasTail"/>
  364. <label class="custom-header" for="hasTail">Tails</label>
  365. <div class="reveal-if-active">
  366. <li>
  367. <label for="tailCount">Tail count</label>
  368. <input type="number" name="tailCount" placeholder="1"/>
  369. </li>
  370. <li>
  371. <label for="tailType">Tail type</label>
  372. <input type="text" name="tailType" placeholder="slinky"/>
  373. </li>
  374. <li>
  375. <label for="baseTailLength">Tail length</label>
  376. <input type="number" name="baseTailLength" placeholder="1"/>
  377. </li>
  378. <li>
  379. <label for="baseTailDiameter">Tail diameter</label>
  380. <input type="number" name="baseTailDiameter" placeholder="0.3"/>
  381. </li>
  382. <li>
  383. <div class="custom-category-sub">
  384. <ul class="flex-outer-sub">
  385. <input class="custom-header-checkbox" type="checkbox" checked="true" id="tailMaw" name="tailMaw"/>
  386. <label class="custom-header" for="tailMaw">Tail Vore</label>
  387. <div class="reveal-if-active">
  388. <li>
  389. <label for="tailStretchiness">Tail stretchiness</label>
  390. <input type="number" name="tailStretchiness" placeholder="1"/>
  391. </li>
  392. </div>
  393. </ul>
  394. </div>
  395. </li>
  396. </div>
  397. </div>
  398. <div class="custom-category">
  399. <input class="custom-header-checkbox" type="checkbox" checked="true" id="hasPouch" name="hasPouch"/>
  400. <label class="custom-header" for="hasPouch">Pouch</label>
  401. <div class="reveal-if-active">
  402. <li>
  403. It's on :D
  404. </li>
  405. </div>
  406. </div>
  407. <div class="custom-category">
  408. <input class="custom-header-checkbox" type="checkbox" checked="true" id="maleParts" name="maleParts"/>
  409. <label class="custom-header" for="maleParts">Male genitals</label>
  410. <div class="reveal-if-active">
  411. <li>
  412. <label for="hasSheath">Sheath</label>
  413. <input type="checkbox" id="hasSheath" name="hasSheath" checked="true" />
  414. </li>
  415. <li>
  416. <label for="dickType">Cock type</label>
  417. <input type="text" id="dickType" name="dickType" placeholder="canine"/>
  418. </li>
  419. <li>
  420. <label for="baseDickLength">Cock length</label>
  421. <input type="number" id="baseDickLength" name="baseDickLength" placeholder="0.3"/>
  422. </li>
  423. <li>
  424. <label for="baseDickDiameter">Cock diameter</label>
  425. <input type="number" id="baseDickDiameter" name="baseDickDiameter" placeholder="0.08"/>
  426. </li>
  427. <li>
  428. <label for="dickStretchiness">Cock stretchiness</label>
  429. <input type="number" name="dickStretchiness" placeholder="1"/>
  430. </li>
  431. <li>
  432. <label for="baseBallDiameter">Ball diameter</label>
  433. <input type="number" id="baseBallDiameter" name="baseBallDiameter" placeholder="0.05"/>
  434. </li>
  435. <li>
  436. <label for="baseCumRatio" class="has-tooltip" title="scales how much cum is released with each shot">Orgasm cum ratio</label>
  437. <input type="number" id="baseCumRatio" name="baseCumRatio" placeholder="1"/>
  438. </li>
  439. <li>
  440. <label for="baseMass">Cum production factor</label>
  441. <input type="number" id="cumScale" name="cumScale" placeholder="1"/>
  442. </li>
  443. </div>
  444. </div>
  445. <div class="custom-category">
  446. <input class="custom-header-checkbox" type="checkbox" checked="true" id="hasBreasts" name="hasBreasts"/>
  447. <label class="custom-header" for="hasBreasts">Breasts</label>
  448. <div class="reveal-if-active">
  449. <li>
  450. <label for="baseBreastDiameter">Breast diameter</label>
  451. <input type="number" id="baseBreastDiameter" name="baseBreastDiameter" placeholder="0.1"/>
  452. </li>
  453. <li>
  454. <div class="custom-category-sub">
  455. <ul class="flex-outer-sub">
  456. <input class="custom-header-checkbox" type="checkbox" checked="true" id="lactationEnabled" name="lactationEnabled"/>
  457. <label class="custom-header" for="lactationEnabled">Lactation</label>
  458. <div class="reveal-if-active">
  459. <li>
  460. <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
  461. <input type="number" id="lactationFactor" name="lactationFactor" placeholder="0.25"/>
  462. </li>
  463. <li>
  464. <label for="lactationScale">Milk production factor</label>
  465. <input type="number" id="lactationScale" name="lactationScale" placeholder="1"/>
  466. </li>
  467. </div>
  468. </ul>
  469. </div>
  470. </li>
  471. <li>
  472. <div class="custom-category-sub">
  473. <ul class="flex-outer-sub">
  474. <input class="custom-header-checkbox" type="checkbox" checked="true" id="breastVore" name="breastVore"/>
  475. <label class="custom-header" for="breastVore">Breast Vore</label>
  476. <div class="reveal-if-active">
  477. <li>
  478. <label for="breastStretchiness">Breast stretchiness</label>
  479. <input type="number" name="breastStretchiness" placeholder="1"/>
  480. </li>
  481. </div>
  482. </ul>
  483. </div>
  484. </li>
  485. </div>
  486. </div>
  487. <div class="custom-category">
  488. <input class="custom-header-checkbox" type="checkbox" checked="true" id="femaleParts" name="femaleParts"/>
  489. <label class="custom-header" for="femaleParts">Female genitals</label>
  490. <div class="reveal-if-active">
  491. <li>
  492. <label for="baseVaginaLength">Slit length</label>
  493. <input type="number" id="baseVaginaLength" name="baseVaginaLength" placeholder="0.1"/>
  494. </li>
  495. <li>
  496. <label for="baseVaginaWidth">Slit width</label>
  497. <input type="number" id="baseVaginaWidth" name="baseVaginaWidth" placeholder="0.05"/>
  498. </li>
  499. <li>
  500. <label for="vaginaStretchiness">Slit stretchiness</label>
  501. <input type="number" name="vaginaStretchiness" placeholder="1"/>
  502. </li>
  503. <li>
  504. <label for="baseFemcumRatio" class="has-tooltip" title="scales how much femcum is released with each shot">Orgasm femcum ratio</label>
  505. <input type="number" id="baseFemcumRatio" name="baseFemcumRatio" placeholder="1"/>
  506. </li>
  507. <li>
  508. <label for="femcumScale">Femcum production factor</label>
  509. <input type="number" id="femcumScale" name="femcumScale" placeholder="1"/>
  510. </li>
  511. </div>
  512. </div>
  513. <div class="custom-category">
  514. <input class="custom-header-checkbox" type="checkbox" id="stenchEnabled" name="stenchEnabled"/>
  515. <label class="custom-header" for="stenchEnabled">Stench</label>
  516. <div class="reveal-if-active">
  517. <li>
  518. <label class="has-tooltip" for="basePawStenchArea" title="How many times your paw area should be covered in stench">Paw stench area</label>
  519. <input type="number" id="basePawStenchArea" name="basePawStenchArea" placeholder="1"/>
  520. </li>
  521. <li>
  522. <label class="has-tooltip" for="baseAssStenchArea" title="How many times your ass' area should be covered in stench">Paw stench area</label>
  523. <input type="number" id="baseAssStenchArea" name="baseAssStenchArea" placeholder="1"/>
  524. </li>
  525. </div>
  526. </div>
  527. <div class="custom-category">
  528. <input class="custom-header-checkbox" type="checkbox" id="gasEnabled" name="gasEnabled"/>
  529. <label class="custom-header" for="gasEnabled">Gas</label>
  530. <div class="reveal-if-active">
  531. <li>
  532. <label for="belchEnabled">Belching</label>
  533. <input type="checkbox" checked="true" name="belchEnabled"/>
  534. </li>
  535. <li>
  536. <label for="fartEnabled">Farting</label>
  537. <input type="checkbox" name="fartEnabled"/>
  538. </li>
  539. <li>
  540. <label for="gasScale">Gas production factor</label>
  541. <input type="number" id="gasScale" name="gasScale" placeholder="1"/>
  542. </li>
  543. <li>
  544. <label for="baseGasDigestFactor">Gas digestion factor</label>
  545. <input type="number" id="baseGasDigestFactor" name="baseGasDigestFactor" placeholder="1"/>
  546. </li>
  547. <li>
  548. <label class="has-tooltip" for="gasScaleWithSize" title="If checked, produces more gas from the same prey as you get larger">Scale gas with size</label>
  549. <input type="checkbox" id="gasScaleWithSize" name="gasScaleWithSize"/>
  550. </li>
  551. </div>
  552. </div>
  553. <div class="custom-category">
  554. <input class="custom-header-checkbox" type="checkbox" id="soulVoreEnabled" name="soulVoreEnabled"/>
  555. <label class="custom-header" for="soulVoreEnabled">Soul Vore</label>
  556. <div class="reveal-if-active">
  557. <li>
  558. <ul>
  559. <label>Soul destination</label>
  560. <li>
  561. <input type="radio" name="soulVoreType" id="soulvore-release" value="release">
  562. <label class="has-tooltip" for="soulvore-release">Released</label>
  563. </li>
  564. <li>
  565. <input type="radio" name="soulVoreType" id="soulvore-predscape" value="predscape">
  566. <label class="has-tooltip" for="soulvore-predscape" title="A sort of afterlife or 'other plane' within the predator">Predscape</label>
  567. </li>
  568. <li>
  569. <input type="radio" name="soulVoreType" checked="true" id="soulvore-afterlife" value="afterlife">
  570. <label for="soulvore-afterlife">Afterlife</label>
  571. </li>
  572. <li>
  573. <input type="radio" name="soulVoreType" id="soulvore-body" value="body">
  574. <label class="has-tooltip" for="soulvore-body" title="Trapped on the predator's body">Predator's body</label>
  575. </li>
  576. <li>
  577. <input type="radio" name="soulVoreType" id="soulvore-oblivion" value="oblivion">
  578. <label for="soulvore-oblivion">Oblivion</label>
  579. </li>
  580. </ul>
  581. </li>
  582. </div>
  583. </div>
  584. </ul>
  585. </form>
  586. </div>
  587. </div>
  588. </body>
  589. </html>