chemicalcrux
/
stroll
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 11 Wiki Activité
big steppy
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
299 Révisions
1 Branche
1.3 MiB
 
 
 
Aborescence: a60f93a0c2
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'a60f93a0c2'
${ noResults }
stroll/stroll.html

1008 lignes
55 KiB
Brut Annotations Historique 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8">

  6.   <title>Stroll</title>

  7.   <link rel="stylesheet" href="style.css">

  8.   <script src="sounds.js"></script>

  9.   <script src="presets.js"></script>

  10.   <script src="units.js"></script>

  11.   <script src="recursive-macro.js"></script>

  12.   <script src="recursive-desc.js"></script>

  13.   <script src="game.js"></script>

  14.   <meta name="theme-color" content="#000000" />

  15.   <meta name="description" content="An 18+ macro/vore text game" />

  16.   <meta property="og:title" content="Stroll" />

  17.   <meta property="og:description" content="An 18+ macro/vore text game" />

  18.   <meta property="og:image" content="https://chemicalcrux.org/stroll.png" />

  19.   <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />

  20. </head>

  21. 

  22. <body class="light">

  23.   <script src="darkmode.js"></script>

  24.   <div class="game-area">

  25.     <div class="sidebar" id="stat-container">

  26.       <div class="stat-header-self" id="stats-self">

  27.         <p>Stats</p>

  28.         <div class="stat-line" id="height"></div>

  29.         <div class="stat-line" id="mass"></div>

  30.         <div class="stat-line" id="growth-points"></div>

  31.         <div class="stat-line" id="arousal"></div>

  32.         <div class="stat-line" id="edge"></div>

  33. 

  34. 

  35.         <div class="meter" id="arousalMeter">

  36.           <div class="meterLabel">

  37.             AROUSAL

  38.           </div>

  39.           <div class="fill">

  40.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  41.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  42.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  43.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  44.             </svg>

  45.           </div>

  46.         </div>

  47. 

  48.         <div class="meter" id="orgasmMeter">

  49.           <div class="meterLabel">

  50.             ORGASM

  51.           </div>

  52.           <div class="fill">

  53.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  54.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  55.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  56.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  57.             </svg>

  58.           </div>

  59.         </div>

  60. 

  61.         <div class="meter" id="edgeMeter">

  62.           <div class="meterLabel">

  63.             EDGING

  64.           </div>

  65.           <div class="fill">

  66.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  67.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  68.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  69.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  70.             </svg>

  71.           </div>

  72.         </div>

  73. 

  74.         <p></p>

  75.         <!-- external svg is such a pain in the ass -->

  76. 

  77.         <div class="meter" id="cumMeter">

  78.           <div class="meterLabel">

  79.             CUM

  80.           </div>

  81.           <div class="fill">

  82.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  83.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  84.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  85.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  86.             </svg>

  87.           </div>

  88.         </div>

  89. 

  90.         <div class="meter" id="femcumMeter">

  91.           <div class="meterLabel">

  92.             FEMCUM

  93.           </div>

  94.           <div class="fill">

  95.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  96.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  97.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  98.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  99.             </svg>

  100.           </div>

  101.         </div>

  102. 

  103.         <div class="meter" id="milkMeter">

  104.           <div class="meterLabel">

  105.             MILK

  106.           </div>

  107.           <div class="fill">

  108.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  109.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  110.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  111.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  112.             </svg>

  113.           </div>

  114.         </div>

  115. 

  116.         <div class="meter" id="gasMeter">

  117.           <div class="meterLabel">

  118.             GAS

  119.           </div>

  120.           <div class="fill">

  121.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  122.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  123.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  124.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  125.             </svg>

  126.           </div>

  127.         </div>

  128. 

  129.         <div class="meter" id="pissMeter">

  130.           <div class="meterLabel">

  131.             PISS

  132.           </div>

  133.           <div class="fill">

  134.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  135.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  136.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  137.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  138.             </svg>

  139.           </div>

  140.         </div>

  141. 

  142.         <div class="meter" id="scatMeter">

  143.           <div class="meterLabel">

  144.             SCAT

  145.           </div>

  146.           <div class="fill">

  147.             <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">

  148.               <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4

  149.         	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9

  150.         	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>

  151.             </svg>

  152.           </div>

  153.         </div>

  154. 

  155.         <div class="stat-line-hidden" id="cum"></div>

  156.         <div class="stat-line-hidden" id="femcum"></div>

  157.         <div class="stat-line-hidden" id="milk"></div>

  158.         <div class="stat-line-hidden" id="gas"></div>

  159.         <div class="stat-line-hidden" id="piss"></div>

  160.         <div class="stat-line-hidden" id="scat"></div>

  161.       </div>

  162.       <div class="stat-header-self">Growth</div>

  163. 

  164.       <div class="growth-box">

  165.         <div id="growth-box-left">

  166.           <button class="growth-part growth-part-active" id="button-growth-body">Body</button>

  167.           <button class="growth-part" id="button-growth-paws">Paws</button>

  168.           <button class="growth-part" id="button-growth-tail">Tail</button>

  169.           <button class="growth-part" id="button-growth-ass">Ass</button>

  170.           <button class="growth-part" id="button-growth-dick">Cock</button>

  171.           <button class="growth-part" id="button-growth-balls">Balls</button>

  172.           <button class="growth-part" id="button-growth-slit">Slit</button>

  173.           <button class="growth-part" id="button-growth-breasts">Breasts</button>

  174.         </div>

  175.         <div id="growth-box-right">

  176.           <button class="growth-amount" id="button-growth-1.1">1.1x</button>

  177.           <button class="growth-amount" id="button-growth-1.5">1.5x</button>

  178.           <button class="growth-amount" id="button-growth-2">2x</button>

  179.           <button class="growth-amount" id="button-growth-5">5x</button>

  180.           <button class="growth-amount" id="button-growth-20">20x</button>

  181.           <button class="growth-amount" id="button-growth-100">100x</button>

  182.         </div>

  183.       </div>

  184. 

  185.       <div class="stat-container">

  186.         <button class="stat-button" id="button-look">Look Around</button>

  187.         <button class="stat-button" id="button-stats">Stats</button>

  188.       </div>

  189.     </div>

  190.     <div id="log-area">

  191.       <div id="log">

  192.         <div>Welcome to Stroll 0.6.4</div>

  193.         <div><b>This game features 18+ content</b></div>

  194.         <div>It's a nice day for a walk</div>

  195.         <div>&nbsp;</div>

  196.       </div>

  197.     </div>

  198.     <div class="sidebar" id="action-panel">

  199.       <div class="action-part-container">

  200.         <button class="active action-part-button" id="action-part-body">Body</button>

  201.         <button class="action-part-button" id="action-part-dick">Cock</button>

  202.         <button class="action-part-button" id="action-part-vagina">Slit</button>

  203.         <button class="action-part-button" id="action-part-breasts">Breasts</button>

  204.         <button class="action-part-button" id="action-part-tails">Tails</button>

  205.         <button class="action-part-button" id="action-part-souls">Souls</button>

  206.         <button class="action-part-button" id="action-part-shoes">Shoes</button>

  207.         <button class="action-part-button" id="action-part-waste">Waste</button>

  208.         <button class="action-part-button" id="action-part-goo">Goo</button>

  209.         <button class="action-part-button" id="action-part-misc">Misc</button>

  210.         <button class="action-part-button" id="action-part-options">Options</button>

  211.       </div>

  212. 

  213.       <div class="action-tab" id="actions-body">

  214.         <button class="action-button" id="button-action-feed">Eat</button>

  215.         <button class="action-button" id="button-action-digest_stomach">Digest</button>

  216.         <button class="action-button" id="button-action-chew">Chew</button>

  217.         <button class="action-button" id="button-action-vomit">Vomit</button>

  218.         <button class="action-button" id="button-action-stomp">Stomp</button>

  219.         <button class="action-button" id="button-action-flex_toes">Flex Toes</button>

  220.         <button class="action-button" id="button-action-sit">Sit</button>

  221.         <button class="action-button" id="button-action-anal_vore">Anal Vore</button>

  222.         <button class="action-button" id="button-action-digest_anal">Digest Bowels</button>

  223.         <button class="action-button" id="button-action-grind">Grind</button>

  224.       </div>

  225. 

  226.       <div class="action-tab" id="actions-tails">

  227.         <button class="action-button" id="button-action-tail_slap">Tail Slap</button>

  228.         <button class="action-button" id="button-action-tail_vore_only">Tail Vore</button>

  229.         <button class="action-button" id="button-action-tail_vore_one">Tail Vore (1)</button>

  230.         <button class="action-button" id="button-action-tail_vore_some">Tail Vore (some)</button>

  231.         <button class="action-button" id="button-action-tail_vore_all">Tail Vore (all!)</button>

  232.         <button class="action-button" id="button-action-digest_tail">Digest</button>

  233.       </div>

  234. 

  235.       <div class="action-tab" id="actions-breasts">

  236.         <button class="action-button" id="button-action-cleavage_stuff">Stuff Cleavage</button>

  237.         <button class="action-button" id="button-action-breast_toy">Squeeze Cleavage</button>

  238.         <button class="action-button" id="button-action-cleavage_crush">Crush Cleavage</button>

  239.         <button class="action-button" id="button-action-cleavage_drop">Drop Cleavage</button>

  240.         <button class="action-button" id="button-action-cleavage_absorb">Absorb Cleavage</button>

  241.         <button class="action-button" id="button-action-breast_crush">Breast Crush</button>

  242.         <button class="action-button" id="button-action-breast_vore">Breast Vore</button>

  243.         <button class="action-button" id="button-action-digest_breast">Digest</button>

  244.         <button class="action-button" id="button-action-breast_milk">Milk Breasts</button>

  245.       </div>

  246. 

  247.       <div class="action-tab" id="actions-vagina">

  248.         <button class="action-button" id="button-action-unbirth">Unbirth</button>

  249.         <button class="action-button" id="button-action-digest_unbirth">Digest</button>

  250.         <button class="action-button" id="button-action-slit_toy">Finger Slit</button>

  251.       </div>

  252. 

  253.       <div class="action-tab" id="actions-dick">

  254.         <button class="action-button" id="button-action-sheath_stuff">Stuff Sheath</button>

  255.         <button class="action-button" id="button-action-sheath_toy">Squeeze Sheath</button>

  256.         <button class="action-button" id="button-action-sheath_clench">Clench Sheath</button>

  257.         <button class="action-button" id="button-action-sheath_absorb">Absorb Sheath</button>

  258.         <button class="action-button" id="button-action-cockslap">Cockslap</button>

  259.         <button class="action-button" id="button-action-cock_vore">Cock Vore</button>

  260.         <button class="action-button" id="button-action-digest_cock">Digest</button>

  261.         <button class="action-button" id="button-action-ball_smother">Ball Smother</button>

  262.       </div>

  263. 

  264.       <div class="action-tab" id="actions-souls">

  265.         <button class="action-button" id="button-action-soul_vore">Soul Vore</button>

  266.         <button class="action-button" id="button-action-digest_soul">Digest</button>

  267.         <button class="action-button" id="button-action-soul_absorb_paw">Paws</button>

  268.       </div>

  269. 

  270.       <div class="action-tab" id="actions-shoes">

  271.         <button class="action-button" id="button-action-wear_shoes">Put On Shoes</button>

  272.         <button class="action-button" id="button-action-remove_shoes">Take Off Shoes</button>

  273.         <button class="action-button" id="button-action-wear_socks">Put On Socks</button>

  274.         <button class="action-button" id="button-action-remove_socks">Take Off Socks</button>

  275.         <button class="action-button" id="button-action-stuff_shoes">Stuff Shoes</button>

  276.         <button class="action-button" id="button-action-stuff_socks">Stuff Socks</button>

  277.         <button class="action-button" id="button-action-dump_shoes">Dump Shoes</button>

  278.         <button class="action-button" id="button-action-dump_socks">Dump Socks</button>

  279.       </div>

  280. 

  281.       <div class="action-tab" id="actions-waste">

  282.         <button class="action-button" id="button-action-belch">Belch</button>

  283.         <button class="action-button" id="button-action-fart">Fart</button>

  284.         <button class="action-button" id="button-action-piss">Piss</button>

  285.         <button class="action-button" id="button-action-bladder_vore">Bladder Vore</button>

  286.         <button class="action-button" id="button-action-digest_bladder">Digest</button>

  287.         <button class="action-button" id="button-action-scat">Scat</button>

  288.       </div>

  289. 

  290.       <div class="action-tab" id="actions-goo">

  291.         <button class="action-button" id="button-action-solidify">Solidify</button>

  292.         <button class="action-button" id="button-action-melt">Melt</button>

  293.         <button class="action-button" id="button-action-goo_stomach_push">Push to Stomach</button>

  294.         <button class="action-button" id="button-action-goo_stomach_pull">Pull from Stomach</button>

  295.         <button class="action-button" id="button-action-goo_bowels_push">Push to Bowels</button>

  296.         <button class="action-button" id="button-action-goo_bowels_pull">Pull from Bowels</button>

  297.         <button class="action-button" id="button-action-goo_womb_push">Push to Womb</button>

  298.         <button class="action-button" id="button-action-goo_womb_pull">Pull from Womb</button>

  299.         <button class="action-button" id="button-action-goo_balls_push">Push to Balls</button>

  300.         <button class="action-button" id="button-action-goo_balls_pull">Pull from Balls</button>

  301.         <button class="action-button" id="button-action-digest_goo">Digest</button>

  302.       </div>

  303. 

  304.       <div class="action-tab" id="actions-misc">

  305.         <button class="action-button" id="button-action-pouch_stuff">Stuff Pouch</button>

  306.         <button class="action-button" id="button-action-pouch_rub">Rub Pouch</button>

  307.         <button class="action-button" id="button-action-pouch_eat">Eat From Pouch</button>

  308.         <button class="action-button" id="button-action-pouch_absorb">Absorb Pouch</button>

  309.       </div>

  310. 

  311.       <div class="action-tab" id="actions-options">

  312.         <button class="stat-button" id="button-arousal">Arousal On</button>

  313.         <button class="stat-button" id="button-stroll">Status: Standing</button>

  314.         <button class="stat-button" id="button-numbers">Numbers: Full</button>

  315.         <button class="stat-button" id="button-units">Units: Metric</button>

  316.         <button class="stat-button" id="button-verbose">Verbose Text</button>

  317.         <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>

  318.         <button class="stat-button" id="button-debug-log">Debug Log</button>

  319.       </div>

  320.     </div>

  321.   </div>

  322.   <div class="character-build">

  323.     <p>Welcome to Stroll 0.6.4</p>

  324.     <p><b>This game features 18+ content</b></p>

  325.     <p><a href="https://chemicalcrux.org/stroll">Changelog</a></p>

  326.     <p><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></p>

  327.     <div><a href="https://discord.gg/7pdcVhD">Discord discussion group</a></div>

  328. 

  329.     <p>Stroll is a text-based macro game. Stomp things, eat things, abuse things - then grow larger and do it all over again. </p>

  330. 

  331.     <p>Build your Character</p>

  332.     <p>Leave a box empty for a sane default value</p>

  333.     <p>Lengths in meters, areas in square meters, masses in kilograms</p>

  334.     <p>(but you can preview the customary value)</p>

  335.     <p>Click on highlight/darkened titles to enable and disable features.</p>

  336.     <div id="custom-species">

  337. 

  338. 

  339.       <ul class="flex-outer">

  340. 

  341.         <div class="custom-category">

  342.           <p>Reset the sheet here (saved data isn't affected). You can also load the character you started your most recent game with.</p>

  343. 

  344.           <div>

  345.             <button class="option-button" id="button-reset-custom">Reset</button>

  346.             <button class="option-button" id="button-load-autosave">Load Last</button>

  347.           </div>

  348.         </div>

  349. 

  350.         <div class="custom-category">

  351.           <div>

  352.             <button class="option-button" id="button-start">Start Game</button>

  353.           </div>

  354.         </div>

  355. 

  356.         <div class="custom-category">

  357.           <button class="option-button" id="button-dark-mode-options">Toggle Dark Mode</button>

  358.           <button class="option-button" id="button-units-options">Units: Metric</button>

  359.         </div>

  360. 

  361.         <div class="custom-category">

  362.           <p>You can load a preset character here...</p>

  363.           <div>

  364.             <select id="character-presets">

  365.                 </select>

  366.             <button type="button" class="option-button" id="button-load-preset">Load Preset Character</button>

  367.           </div>

  368.         </div>

  369. 

  370.         <div class="custom-category">

  371.           <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>

  372.           <div>

  373.             <button type="button" class="option-button" id="button-load-custom">Load Custom Character</button>

  374.             <button type="button" class="option-button" id="button-save-custom">Save Custom Character</button>

  375.           </div>

  376.         </div>

  377. 

  378.         <div class="custom-category">

  379.           <p>Or export/import your character to text here. Copy and paste to share!</p>

  380.           <div class>

  381.             <button type="button" class="option-button" id="button-export-clear">Clear Space</button>

  382.             <button type="button" class="option-button" id="button-export-preset">Export Your Character</button>

  383.             <button type="button" class="option-button" id="button-import-preset">Import Your Character</button>

  384. 

  385.             <p><input autocomplete="off" type="text" id="export-area" placeholder="Paste character data here..."></p>

  386.           </div>

  387.         </div>

  388.       </ul>

  389.       <form id="custom-species-form" name="custom-species-form">

  390.         <ul class="flex-outer">

  391.           <div class="custom-category">

  392.             <div class="custom-header-static">Basics</div>

  393.             <div>

  394.               <li>

  395.                 <label for="name">Name</label>

  396.                 <input autocomplete="off" type="text" id="name" name="name" />

  397.               </li>

  398.               <li>

  399.                 <label for="species">Species</label>

  400.                 <input autocomplete="off" type="text" id="species" name="species" placeholder="crux" />

  401.               </li>

  402.               <li>

  403.                 <label for="scale" class="has-tooltip" title="How many times larger than normal you start.">Scale (?)</label>

  404.                 <input autocomplete="off" type="number" step="any" id="scale" name="scale" placeholder="1" />

  405.                 <div class="preview" id="scalePreview"></div>

  406.               </li>

  407.               <li>

  408.                 <label for="baseHeight">Height</label>

  409.                 <input autocomplete="off" type="number" step="any" id="baseHeight" name="baseHeight" data-unit="length" placeholder="2.26" />

  410.                 <div class="preview" id="baseHeightPreview"></div>

  411.               </li>

  412.               <li>

  413.                 <label for="baseMass">Weight</label>

  414.                 <input autocomplete="off" type="number" step="any" id="baseMass" name="baseMass" data-unit="mass" placeholder="135">

  415.                 <div class="preview" id="baseMassPreview"></div>

  416.               </li>

  417.               <li>

  418.                 <label for="basePawArea">Paw area</label>

  419.                 <input autocomplete="off" type="number" step="any" id="basePawArea" name="basePawArea" data-unit="area" placeholder="0.1">

  420.                 <div class="preview" id="basePawAreaPreview"></div>

  421.               </li>

  422.               <li>

  423.                 <label for="baseHandArea">Hand area</label>

  424.                 <input autocomplete="off" type="number" step="any" id="baseHandArea" name="baseHandArea" data-unit="area" placeholder="0.1">

  425.                 <div class="preview" id="baseHandAreaPreview"></div>

  426.               </li>

  427.               <li>

  428.                 <label for="baseAssArea">Ass area</label>

  429.                 <input autocomplete="off" type="number" step="any" id="baseAssArea" name="baseAssArea" data-unit="area" placeholder="0.25">

  430.                 <div class="preview" id="baseAssAreaPreview"></div>

  431.               </li>

  432.             </div>

  433.           </div>

  434. 

  435.           <div class="custom-category">

  436.             <div class="custom-header-static">Brutality</div>

  437.             <div>

  438.               <li>

  439.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-0" value="0">

  440.                 <label for="brutality-0">Non-fatal</label>

  441.               </li>

  442.               <li>

  443.                 <input autocomplete="off" type="radio" name="brutality" checked="true" id="brutality-1" value="1">

  444.                 <label for="brutality-1">Fatal, no gore</label>

  445.               </li>

  446.               <li>

  447.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-2" value="2">

  448.                 <label for="brutality-2">Gory</label>

  449.               </li>

  450.               <li>

  451.                 <input autocomplete="off" type="radio" name="brutality" id="brutality-3" value="3">

  452.                 <label for="brutality-3">Sadistic</label>

  453.               </li>

  454.             </div>

  455.           </div>

  456. 

  457.           <div class="custom-category">

  458.             <div class="custom-header-static">Victims</div>

  459.             <div>

  460.               <li>

  461.                 <input autocomplete="off" type="checkbox" name="victimsHuman" id="victimsHuman" />

  462.                 <label for="victimsHuman">Human prey (instead of anthros)</label>

  463.               </li>

  464.               <li>

  465.                 <input autocomplete="off" type="checkbox" name="victimsMilitary" id="victimsMilitary" />

  466.                 <label for="victimsMilitary">Military</label>

  467.               </li>

  468.               <li>

  469.                 <input autocomplete="off" type="checkbox" name="victimsMacros" id="victimsMacros" />

  470.                 <label for="victimsMacros">Smaller macros</label>

  471.               </li>

  472.               <li>

  473.                 <input autocomplete="off" type="checkbox" name="victimsMicros" id="victimsMicros" />

  474.                 <label for="victimsMicros">Micros</label>

  475.               </li>

  476.             </div>

  477.           </div>

  478. 

  479.           <div class="custom-category">

  480.             <div class="custom-header-static">Misc</div>

  481.             <div>

  482.               <li>

  483.                 <input autocomplete="off" type="checkbox" checked="true" name="sameSizeVore" id="sameSizeVore"/>

  484.                 <label class="has-tooltip" for="sameSizeVore" title="Can you eat people your own size?">Same-size predator</label>

  485.               </li>

  486.               <li>

  487.                 <input autocomplete="off" type="checkbox" checked="true" name="sameSizeStomp" id="sameSizeStomp"/>

  488.                 <label class="has-tooltip" for="sameSizeStomp" title="Can you stomp and sit on people your own size?">Same-size stomper</label>

  489.               </li>

  490.               <li>

  491.                 <label for="oralDigestTime">Stomach digestion time (0 for manual)</label>

  492.                 <input autocomplete="off" type="number" step="any" id="oralDigestTime" name="oralDigestTime" placeholder="15">

  493.               </li>

  494.               <li>

  495.                 <input autocomplete="off" type="checkbox" name="vomitEnabled" id="vomitEnabled"/>

  496.                 <label for="vomitEnabled">Vomiting</label>

  497.               </li>

  498.               <li>

  499.                 <label for="footType">Foot type</label>

  500.                 <select name="footType">

  501.                     <option value="paw">Paws</option>

  502.                     <option value="hoof">Hooves</option>

  503.                     <option value="foot">Human</option>

  504.                     <option value="avian">Avian</option>

  505.                   </select>

  506.               </li>

  507.               <li>

  508.                 <label for="jawType">Mouth type</label>

  509.                 <select name="jawType">

  510.                     <option value="jaw">Jaws</option>

  511.                     <option value="beak">Beak</option>

  512.                   </select>

  513.               </li>

  514.             </div>

  515.           </div>

  516. 

  517.           <div class="custom-category">

  518.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="footWear" name="footWear" />

  519.             <label class="custom-header" for="footWear">Footwear</label>

  520.             <div class="reveal-if-active">

  521.               <li>

  522.                 <div class="custom-category-sub">

  523.                   <ul class="flex-outer-sub">

  524.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footSockEnabled" name="footSockEnabled" />

  525.                     <label class="custom-header" for="footSockEnabled">Socks</label>

  526.                     <div class="reveal-if-active">

  527.                       <li>

  528.                         <label for="footSock">Sock type</label>

  529.                         <select name="footSock">

  530.                             <option value="sock">Socks</option>

  531.                           </select>

  532.                       </li>

  533.                     </div>

  534.                   </ul>

  535.                 </div>

  536.                 <div class="custom-category-sub">

  537.                   <ul class="flex-outer-sub">

  538.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footShoeEnabled" name="footShoeEnabled" />

  539.                     <label class="custom-header" for="footShoeEnabled">Shoes</label>

  540.                     <div class="reveal-if-active">

  541.                       <li>

  542.                         <label for="footShoe">Shoe type</label>

  543.                         <select name="footShoe">

  544.                             <option value="shoe">Shoes</option>

  545.                             <option value="boot">Boots</option>

  546.                             <option value="trainer">Trainers</option>

  547.                             <option value="sandal">Sandals</option>

  548.                           </select>

  549.                       </li>

  550.                     </div>

  551.                   </ul>

  552.                 </div>

  553.               </li>

  554.             </div>

  555.           </div>

  556. 

  557.           <div class="custom-category">

  558.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="analVore" name="analVore" />

  559.             <label class="custom-header" for="analVore">Anal Vore</label>

  560.             <div class="reveal-if-active">

  561.               <li>

  562.                 <label for="baseAnalVoreDiameter">Tailhole diameter</label>

  563.                 <input autocomplete="off" type="number" step="any" id="baseAnalVoreDiameter" name="baseAnalVoreDiameter" data-unit="length" placeholder="0.1">

  564.                 <div class="preview" id="baseAnalVoreDiameterPreview"></div>

  565.               </li>

  566.               <li>

  567.                 <input autocomplete="off" type="checkbox" name="analVoreToStomach" id="analVoreToStomach" />

  568.                 <label class="has-tooltip" for="analVoreToStomach" title="Otherwise, bowels absorb/digest">Anal vore goes to stomach</label>

  569.               </li>

  570.               <li>

  571.                 <label for="analDigestTime">Digestion time (0 for manual)</label>

  572.                 <input autocomplete="off" type="number" step="any" id="analDigestTime" name="analDigestTime" placeholder="15">

  573.               </li>

  574.             </div>

  575.           </div>

  576. 

  577.           <div class="custom-category">

  578.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="arousalEnabled" name="arousalEnabled" />

  579.             <label class="custom-header" for="arousalEnabled">Arousal</label>

  580.             <div class="reveal-if-active">

  581.               <li>

  582.                 <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>

  583.                 <input autocomplete="off" type="number" step="any" name="arousalFactor" placeholder="1" />

  584.               </li>

  585.               <li>

  586.                 <label class="has-tooltip" for="edgeFactor" title="Multiplies edge gain by this much">Edge multiplier</label>

  587.                 <input autocomplete="off" type="number" step="any" name="arousalFactor" placeholder="1" />

  588.               </li>

  589.             </div>

  590.           </div>

  591. 

  592.           <div class="custom-category">

  593.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasTail" name="hasTail" />

  594.             <label class="custom-header" for="hasTail">Tails</label>

  595.             <div class="reveal-if-active">

  596.               <li>

  597.                 <label for="tailCount">Tail count</label>

  598.                 <input autocomplete="off" type="number" step="any" name="tailCount" placeholder="1" />

  599.               </li>

  600.               <li>

  601.                 <label for="tailType">Tail type</label>

  602.                 <input autocomplete="off" type="text" name="tailType" placeholder="slinky" />

  603.               </li>

  604.               <li>

  605.                 <label for="baseTailLength">Tail length</label>

  606.                 <input autocomplete="off" type="number" step="any" name="baseTailLength" id="baseTailLength" data-unit="length" placeholder="1" />

  607.                 <div class="preview" id="baseTailLengthPreview"></div>

  608.               </li>

  609.               <li>

  610.                 <label for="baseTailDiameter">Tail diameter</label>

  611.                 <input autocomplete="off" type="number" step="any" name="baseTailDiameter" id="baseTailDiameter" data-unit="area" placeholder="0.3" />

  612.                 <div class="preview" id="baseTailDiameterPreview"></div>

  613.               </li>

  614.               <li>

  615.                 <div class="custom-category-sub">

  616.                   <ul class="flex-outer-sub">

  617.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="tailMaw" name="tailMaw" />

  618.                     <label class="custom-header" for="tailMaw">Tail Vore</label>

  619.                     <div class="reveal-if-active">

  620.                       <li>

  621.                         <label for="tailStretchiness">Tail stretchiness</label>

  622.                         <input autocomplete="off" type="number" step="any" name="tailStretchiness" placeholder="1" />

  623.                       </li>

  624.                       <li>

  625.                         <label for="tailDigestTime">Digestion time (0 for manual)</label>

  626.                         <input autocomplete="off" type="number" step="any" id="tailDigestTime" name="tailDigestTime" placeholder="15">

  627.                       </li>

  628.                       <li>

  629.                         <input autocomplete="off" type="checkbox" checked="true" name="tailVoreToStomach" id="tailVoreToStomach" />

  630.                         <label class="has-tooltip" for="tailVoreToStomach" title="Otherwise, tail(s) will digest/absorb">Tail vore goes to stomach</label>

  631.                       </li>

  632.                     </div>

  633.                   </ul>

  634.                 </div>

  635.               </li>

  636.             </div>

  637.           </div>

  638. 

  639.           <div class="custom-category">

  640.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasPouch" name="hasPouch" />

  641.             <label class="custom-header" for="hasPouch">Pouch</label>

  642.             <div class="reveal-if-active">

  643.               <li>

  644.                 It's on :D

  645.               </li>

  646.             </div>

  647.           </div>

  648. 

  649.           <div class="custom-category">

  650.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="maleParts" name="maleParts" />

  651.             <label class="custom-header" for="maleParts">Male genitals</label>

  652.             <div class="reveal-if-active">

  653.               <li>

  654.                 <label for="dickType">Cock type</label>

  655.                 <input autocomplete="off" type="text" id="dickType" name="dickType" placeholder="canine" />

  656.               </li>

  657.               <li>

  658.                 <label for="baseDickLength">Cock length</label>

  659.                 <input autocomplete="off" type="number" step="any" id="baseDickLength" name="baseDickLength" data-unit="length" placeholder="0.3" />

  660.                 <div class="preview" id="baseDickLengthPreview"></div>

  661.               </li>

  662.               <li>

  663.                 <label for="baseDickDiameter">Cock diameter</label>

  664.                 <input autocomplete="off" type="number" step="any" id="baseDickDiameter" name="baseDickDiameter" data-unit="length" placeholder="0.08" />

  665.                 <div class="preview" id="baseDickDiameterPreview"></div>

  666.               </li>

  667.               <li>

  668.                 <label for="dickStretchiness">Cock stretchiness</label>

  669.                 <input autocomplete="off" type="number" step="any" name="dickStretchiness" placeholder="1" />

  670.               </li>

  671.               <li>

  672.                 <label for="baseBallDiameter">Ball diameter</label>

  673.                 <input autocomplete="off" type="number" step="any" id="baseBallDiameter" name="baseBallDiameter" data-unit="length" placeholder="0.05" />

  674.                 <div class="preview" id="baseBallDiameterPreview"></div>

  675.               </li>

  676.               <li>

  677.                 <label for="baseCumRatio" class="has-tooltip" title="scales how much cum is released with each shot">Orgasm cum ratio</label>

  678.                 <input autocomplete="off" type="number" step="any" id="baseCumRatio" name="baseCumRatio" placeholder="1" />

  679.                 <div class="preview" id="baseCumRatioPreview"></div>

  680.               </li>

  681.               <li>

  682.                 <label for="baseMass">Cum production factor</label>

  683.                 <input autocomplete="off" type="number" step="any" id="cumScale" name="cumScale" placeholder="1" />

  684.                 <div class="preview" id="cumScalePreview"></div>

  685.               </li>

  686.               <li>

  687.                 <label for="cumStorageScale">Cum storage multiplier</label>

  688.                 <input autocomplete="off" type="number" step="any" id="cumStorageScale" name="cumStorageScale" placeholder="1" />

  689.                 <div class="preview" id="cumStorageScalePreview"></div>

  690.               </li>

  691.               <li>

  692.                 <label for="baseCumDigestFactor">Cum digestion factor</label>

  693.                 <input autocomplete="off" type="number" step="any" id="baseCumDigestFactor" name="baseCumDigestFactor" placeholder="1" />

  694.                 <div class="preview" id="baseCumDigestFactorPreview"></div>

  695.               </li>

  696.               <li>

  697.                 <label for="cockDigestTime">Digestion time (0 for manual)</label>

  698.                 <input autocomplete="off" type="number" step="any" id="cockDigestTime" name="cockDigestTime" placeholder="15">

  699.               </li>

  700.               <li>

  701.                 <input autocomplete="off" type="checkbox" id="hasSheath" name="hasSheath" checked="true" />

  702.                 <label for="hasSheath">Sheath</label>

  703.               </li>

  704.               <li>

  705.                 <input autocomplete="off" type="checkbox" id="cumScaleWithSize" name="cumScaleWithSize" />

  706.                 <label class="has-tooltip" for="cumScaleWithSize" title="If checked, produces more cum from the same prey as you get larger">Scale cum with size</label>

  707.               </li>

  708.             </div>

  709.           </div>

  710. 

  711.           <div class="custom-category">

  712.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasBreasts" name="hasBreasts" />

  713.             <label class="custom-header" for="hasBreasts">Breasts</label>

  714.             <div class="reveal-if-active">

  715.               <li>

  716.                 <label for="baseBreastDiameter">Breast diameter</label>

  717.                 <input autocomplete="off" type="number" step="any" id="baseBreastDiameter" name="baseBreastDiameter" data-unit="length" placeholder="0.1" />

  718.                 <div class="preview" id="baseBreastDiameterPreview"></div>

  719.               </li>

  720.               <li>

  721.                 <div class="custom-category-sub">

  722.                   <ul class="flex-outer-sub">

  723.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="lactationEnabled" name="lactationEnabled" />

  724.                     <label class="custom-header" for="lactationEnabled">Lactation</label>

  725.                     <div class="reveal-if-active">

  726.                       <li>

  727.                         <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>

  728.                         <input autocomplete="off" type="number" step="any" id="lactationFactor" name="lactationFactor" placeholder="0.25" />

  729.                         <div class="preview" id="lactationFactorPreview"></div>

  730.                       </li>

  731.                       <li>

  732.                         <label for="lactationScale">Milk production factor</label>

  733.                         <input autocomplete="off" type="number" step="any" id="lactationScale" name="lactationScale" placeholder="1" />

  734.                         <div class="preview" id="lactationScalePreview"></div>

  735.                       </li>

  736.                       <li>

  737.                         <label for="milkStorageScale">Milk storage multiplier</label>

  738.                         <input autocomplete="off" type="number" step="any" id="milkStorageScale" name="milkStorageScale" placeholder="1" />

  739.                         <div class="preview" id="milkStorageScalePreview"></div>

  740.                       </li>

  741.                     </div>

  742.                   </ul>

  743.                 </div>

  744.               </li>

  745.               <li>

  746.                 <div class="custom-category-sub">

  747.                   <ul class="flex-outer-sub">

  748.                     <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="breastVore" name="breastVore" />

  749.                     <label class="custom-header" for="breastVore">Breast Vore</label>

  750.                     <div class="reveal-if-active">

  751.                       <li>

  752.                         <label for="breastStretchiness">Breast stretchiness</label>

  753.                         <input autocomplete="off" type="number" step="any" name="breastStretchiness" placeholder="1" />

  754.                       </li>

  755.                       <li>

  756.                         <label for="baseMilkDigestFactor">Milk digestion factor</label>

  757.                         <input autocomplete="off" type="number" step="any" id="baseMilkDigestFactor" name="baseMilkDigestFactor" placeholder="1" />

  758.                 <div class="preview" id="baseMilkDigestFactorPreview"></div>

  759.                       </li>

  760.                       <li>

  761.                         <label for="breastDigestTime">Digestion time (0 for manual)</label>

  762.                         <input autocomplete="off" type="number" step="any" id="breastDigestTime" name="breastDigestTime" placeholder="15">

  763.                       </li>

  764.                       <li>

  765.                         <input autocomplete="off" type="checkbox" id="milkScaleWithSize" name="milkScaleWithSize" />

  766.                         <label class="has-tooltip" for="milkScaleWithSize" title="If checked, produces more milk from the same prey as you get larger">Scale milk with size</label>

  767.                       </li>

  768.                     </div>

  769.                   </ul>

  770.                 </div>

  771.               </li>

  772.             </div>

  773.           </div>

  774. 

  775.           <div class="custom-category">

  776.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="femaleParts" name="femaleParts" />

  777.             <label class="custom-header" for="femaleParts">Female genitals</label>

  778.             <div class="reveal-if-active">

  779.               <li>

  780.                 <label for="baseVaginaLength">Slit length</label>

  781.                 <input autocomplete="off" type="number" step="any" id="baseVaginaLength" name="baseVaginaLength" data-unit="length" placeholder="0.1" />

  782.                 <div class="preview" id="baseVaginaLengthPreview"></div>

  783.               </li>

  784.               <li>

  785.                 <label for="baseVaginaWidth">Slit width</label>

  786.                 <input autocomplete="off" type="number" step="any" id="baseVaginaWidth" name="baseVaginaWidth" data-unit="length" placeholder="0.05" />

  787.                 <div class="preview" id="baseVaginaWidthPreview"></div>

  788.               </li>

  789.               <li>

  790.                 <label for="vaginaStretchiness">Slit stretchiness</label>

  791.                 <input autocomplete="off" type="number" step="any" name="vaginaStretchiness" placeholder="1" />

  792.               </li>

  793.               <li>

  794.                 <label for="baseFemcumRatio" class="has-tooltip" title="scales how much femcum is released with each shot">Orgasm femcum ratio</label>

  795.                 <input autocomplete="off" type="number" step="any" id="baseFemcumRatio" name="baseFemcumRatio" placeholder="1" />

  796.                 <div class="preview" id="baseFemcumRatioPreview"></div>

  797.               </li>

  798.               <li>

  799.                 <label for="femcumScale">Femcum production factor</label>

  800.                 <input autocomplete="off" type="number" step="any" id="femcumScale" name="femcumScale" placeholder="1" />

  801.                 <div class="preview" id="femcumScalePreview"></div>

  802.               </li>

  803.               <li>

  804.                 <label for="femcumStorageScale">Femcum storage multiplier</label>

  805.                 <input autocomplete="off" type="number" step="any" id="femcumStorageScale" name="femcumStorageScale" placeholder="1" />

  806.                 <div class="preview" id="femcumStorageScalePreview"></div>

  807.               </li>

  808.               <li>

  809.                 <label for="baseFemcumDigestFactor">Femcum digestion factor</label>

  810.                 <input autocomplete="off" type="number" step="any" id="baseFemcumDigestFactor" name="baseFemcumDigestFactor" placeholder="1" />

  811.                 <div class="preview" id="baseFemcumDigestFactorPreview"></div>

  812.               </li>

  813.               <li>

  814.                 <label for="unbirthDigestTime">Digestion time (0 for manual)</label>

  815.                 <input autocomplete="off" type="number" step="any" id="unbirthDigestTime" name="unbirthDigestTime" placeholder="15">

  816.               </li>

  817.               <li>

  818.                 <input autocomplete="off" type="checkbox" id="femcumScaleWithSize" name="femcumScaleWithSize" />

  819.                 <label class="has-tooltip" for="femcumScaleWithSize" title="If checked, produces more femcum from the same prey as you get larger">Scale femcum with size</label>

  820.               </li>

  821.             </div>

  822.           </div>

  823. 

  824.           <div class="custom-category">

  825.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="stenchEnabled" name="stenchEnabled" />

  826.             <label class="custom-header" for="stenchEnabled">Stench</label>

  827.             <div class="reveal-if-active">

  828.               <div>Areas are ratios; 1 means stomping 100 people catches 100 in stench</div>

  829.               <li>

  830.                 <label for="basePawStenchArea">Paw stench area</label>

  831.                 <input autocomplete="off" type="number" step="any" id="basePawStenchArea" name="basePawStenchArea" placeholder="1" />

  832.                 <div class="preview" id="basePawStenchAreaPreview"></div>

  833.               </li>

  834.               <li>

  835.                 <label for="baseAssStenchArea">Ass stench area</label>

  836.                 <input autocomplete="off" type="number" step="any" id="baseAssStenchArea" name="baseAssStenchArea" placeholder="2" />

  837.                 <div class="preview" id="baseAssStenchAreaPreview"></div>

  838.               </li>

  839.               <li>

  840.                 <label for="basePissStenchArea">Piss stench area</label>

  841.                 <input autocomplete="off" type="number" step="any" id="basePissStenchArea" name="basePissStenchArea" placeholder="0.75" />

  842.                 <div class="preview" id="basePissStenchAreaPreview"></div>

  843.               </li>

  844.               <li>

  845.                 <label for="baseScatStenchArea">Scat stench area</label>

  846.                 <input autocomplete="off" type="number" step="any" id="baseScatStenchArea" name="baseScatStenchArea" placeholder="1.5" />

  847.                 <div class="preview" id="baseScatStenchAreaPreview"></div>

  848.               </li>

  849.             </div>

  850.           </div>

  851. 

  852.           <div class="custom-category">

  853.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gasEnabled" name="gasEnabled" />

  854.             <label class="custom-header" for="gasEnabled">Gas</label>

  855.             <div class="reveal-if-active">

  856.               <li>

  857.                 <input autocomplete="off" type="checkbox" checked="true" name="belchEnabled" id="belchEnabled" />

  858.                 <label for="belchEnabled">Belching</label>

  859.               </li>

  860.               <li>

  861.                 <input autocomplete="off" type="checkbox" name="fartEnabled" id="fartEnabled" />

  862.                 <label for="fartEnabled">Farting</label>

  863.               </li>

  864.               <li>

  865.                 <label for="gasScale">Gas production factor</label>

  866.                 <input autocomplete="off" type="number" step="any" id="gasScale" name="gasScale" placeholder="1" />

  867.                 <div class="preview" id="gasScalePreview"></div>

  868.               </li>

  869.               <li>

  870.                 <label for="gasStorageScale">Gas storage multiplier</label>

  871.                 <input autocomplete="off" type="number" step="any" id="gasStorageScale" name="gasStorageScale" placeholder="1" />

  872.                 <div class="preview" id="gasStorageScalePreview"></div>

  873.               </li>

  874.               <li>

  875.                 <label for="baseGasDigestFactor">Gas digestion factor</label>

  876.                 <input autocomplete="off" type="number" step="any" id="baseGasDigestFactor" name="baseGasDigestFactor" placeholder="1" />

  877.                 <div class="preview" id="baseGasDigestFactorPreview"></div>

  878.               </li>

  879.               <li>

  880.                 <input autocomplete="off" type="checkbox" id="gasScaleWithSize" name="gasScaleWithSize" />

  881.                 <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>

  882.               </li>

  883.             </div>

  884.           </div>

  885. 

  886.           <div class="custom-category">

  887.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="soulVoreEnabled" name="soulVoreEnabled" />

  888.             <label class="custom-header" for="soulVoreEnabled">Soul Vore</label>

  889.             <div class="reveal-if-active">

  890.               <li>

  891.                 <label for="soulDigestTime">Digestion time (0 for manual)</label>

  892.                 <input autocomplete="off" type="number" step="any" id="soulDigestTime" name="soulDigestTime" placeholder="15">

  893.               </li>

  894.               <label>Soul destination</label>

  895.               <li>

  896.                 <input autocomplete="off" type="radio" name="soulVoreType" checked="true" id="soulvore-release" value="release">

  897.                 <label for="soulvore-release">Released</label>

  898.               </li>

  899.               <li>

  900.                 <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-body" value="body">

  901.                 <label for="soulvore-body">Trapped</label>

  902.               </li>

  903.               <li>

  904.                 <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-oblivion" value="oblivion">

  905.                 <label for="soulvore-oblivion">Digested</label>

  906.               </li>

  907.             </div>

  908.           </div>

  909. 

  910.           <div class="custom-category">

  911.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="pissEnabled" name="pissEnabled" />

  912.             <label class="custom-header" for="pissEnabled">Watersports</label>

  913.             <div class="reveal-if-active">

  914.               <li>

  915.                 <label for="pissScale" >Piss production scale</label>

  916.                 <input autocomplete="off" type="number" step="any" id="pissScale" name="pissScale" placeholder="1" />

  917.                 <div class="preview" id="pissScalePreview"></div>

  918.               </li>

  919.               <li>

  920.                 <label for="pissStorageScale">Piss storage multiplier</label>

  921.                 <input autocomplete="off" type="number" step="any" id="pissStorageScale" name="pissStorageScale" placeholder="1" />

  922.                 <div class="preview" id="pissStorageScalePreview"></div>

  923.               </li>

  924.               <div class="custom-category-sub">

  925.                 <ul class="flex-outer-sub">

  926.                   <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="bladderVore" name="bladderVore" />

  927.                   <label class="custom-header" for="bladderVore">Bladder Vore</label>

  928.                   <div class="reveal-if-active">

  929.                     <li>

  930.                       <label for="baseUrethraDiameter">Urethra diameter</label>

  931.                       <input autocomplete="off" type="number" step="any" id="baseUrethraDiameter" name="baseUrethraDiameter" data-unit="length" placeholder="0.03" />

  932.                       <div class="preview" id="baseUrethraDiameterPreview"></div>

  933.                     </li>

  934.                     <li>

  935.                       <label for="urethraStretchiness">Urethra stretchiness</label>

  936.                       <input autocomplete="off" type="number" step="any" id="urethraStretchiness" name="urethraStretchiness" placeholder="5" />

  937.                       <div class="preview" id="urethraStretchinessPreview"></div>

  938.                     </li>

  939.                     <li>

  940.                       <label for="basePissDigestFactor">Piss digestion factor</label>

  941.                       <input autocomplete="off" type="number" step="any" id="basePissDigestFactor" name="basePissDigestFactor" placeholder="1" />

  942.                       <div class="preview" id="basePissDigestFactorPreview"></div>

  943.                     </li>

  944.                     <li>

  945.                       <label for="bladderDigestTime">Digestion time (0 for manual)</label>

  946.                       <input autocomplete="off" type="number" step="any" id="bladderDigestTime" name="bladderDigestTime" placeholder="15">

  947.                     </li>

  948.                     <li>

  949.                       <input autocomplete="off" type="checkbox" id="pissScaleWithSize" name="pissScaleWithSize" />

  950.                       <label class="has-tooltip" for="pissScaleWithSize" title="If checked, produces more piss from the same prey as you get larger">Scale piss with size</label>

  951.                     </li>

  952.                   </div>

  953.                 </ul>

  954.               </div>

  955.             </div>

  956.           </div>

  957. 

  958.           <div class="custom-category">

  959.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="scatEnabled" name="scatEnabled" />

  960.             <label class="custom-header" for="scatEnabled">Scat</label>

  961.             <div class="reveal-if-active">

  962.               <li>

  963.                 <div>note - setting tailhole diameter requires anal vore to be enabled</div>

  964.               </li>

  965.               <li>

  966.                 <label for="baseScatDigestFactor">Scat digestion factor</label>

  967.                 <input autocomplete="off" type="number" step="any" id="baseScatDigestFactor" name="baseScatDigestFactor" placeholder="1" />

  968.                 <div class="preview" id="baseScatDigestFactorPreview"></div>

  969.               </li>

  970.               <li>

  971.                 <label class="has-tooltip" for="scatScale" title="1 = 1% fill per second">Passive scat production</label>

  972.                 <input autocomplete="off" type="number" step="any" id="scatScale" name="scatScale" placeholder="0" />

  973.                 <div class="preview" id="scatScalePreview"></div>

  974.               </li>

  975.               <li>

  976.                 <label for="scatStorageScale">Scat storage multiplier</label>

  977.                 <input autocomplete="off" type="number" step="any" id="scatStorageScale" name="scatStorageScale" placeholder="1" />

  978.                 <div class="preview" id="scatStorageScalePreview"></div>

  979.               </li>

  980.               <li>

  981.                 <input autocomplete="off" type="checkbox" id="scatScaleWithSize" name="scatScaleWithSize" />

  982.                 <label class="has-tooltip" for="scatScaleWithSize" title="If checked, produces more scat from the same prey as you get larger">Scale scat with size</label>

  983.               </li>

  984.             </div>

  985.           </div>

  986. 

  987.           <div class="custom-category">

  988.             <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gooEnabled" name="gooEnabled" />

  989.             <label class="custom-header" for="gooEnabled">Goo</label>

  990.             <div class="reveal-if-active">

  991.               <li>

  992.                 <input autocomplete="off" checked="true" type="checkbox" id="gooDigestion" name="gooDigestion" />

  993.                 <label for="gooDigestion">Digestion</label>

  994.               </li>

  995.               <li>

  996.                 <label for="gooDigestTime">Digestion time (0 for manual)</label>

  997.                 <input autocomplete="off" type="number" step="any" id="gooDigestTime" name="gooDigestTime" placeholder="15">

  998.               </li>

  999.             </div>

  1000.           </div>

  1001.         </ul>

  1002.       </form>

  1003.     </div>

  1004.   </div>

  1005. </body>

  1006. 

  1007. </html>