chemicalcrux
/
stroll
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 11 Wiki Aktivita
big steppy
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
269 Revize
1 Větev
1.3 MiB
 
 
 
Strom: 62e891aa09
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „62e891aa09“
${ noResults }
stroll/stroll.html

886 řádky
48 KiB
Surový Blame Historie 

  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.         <!-- external svg is such a pain in the ass -->

  35. 

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

  37.           <div class="meterLabel">

  38.             CUM

  39.           </div>

  40.           <div class="fill">

  41.             <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">

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

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

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

  45.             </svg>

  46.           </div>

  47.         </div>

  48. 

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

  50.           <div class="meterLabel">

  51.             FEMCUM

  52.           </div>

  53.           <div class="fill">

  54.             <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">

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

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

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

  58.             </svg>

  59.           </div>

  60.         </div>

  61. 

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

  63.           <div class="meterLabel">

  64.             MILK

  65.           </div>

  66.           <div class="fill">

  67.             <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">

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

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

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

  71.             </svg>

  72.           </div>

  73.         </div>

  74. 

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

  76.           <div class="meterLabel">

  77.             GAS

  78.           </div>

  79.           <div class="fill">

  80.             <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">

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

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

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

  84.             </svg>

  85.           </div>

  86.         </div>

  87. 

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

  89.           <div class="meterLabel">

  90.             PISS

  91.           </div>

  92.           <div class="fill">

  93.             <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">

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

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

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

  97.             </svg>

  98.           </div>

  99.         </div>

  100. 

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

  102.           <div class="meterLabel">

  103.             SCAT

  104.           </div>

  105.           <div class="fill">

  106.             <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">

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

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

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

  110.             </svg>

  111.           </div>

  112.         </div>

  113. 

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

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

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

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

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

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

  120.       </div>

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

  122.       <table id="grow-panel">

  123.         <tr>

  124.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" checked="true" id="part-body">

  125.             <label class="growth-label" for="part-body">Body</label></th>

  126.           <th><button class="growth-amount" id="button-amount-1">1x</button></th>

  127.         </tr>

  128.         <tr>

  129.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" id="part-ass">

  130.             <label class="growth-label" for="part-ass">Ass</label></th>

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

  132.         </tr>

  133.         <tr>

  134.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" id="part-dick">

  135.             <label class="growth-label" for="part-dick">Cock</label></th>

  136.           <th><button class="growth-amount" id="button-amount-10">10x</button></th>

  137.         </tr>

  138.         <tr>

  139.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" id="part-balls">

  140.             <label class="growth-label" for="part-balls">Balls</label></th>

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

  142.         </tr>

  143.         <tr>

  144.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" id="part-breasts">

  145.             <label class="growth-label" for="part-breasts">Breasts</label></th>

  146.           <th><button class="growth-amount" id="button-amount-50">50x</button></th>

  147.         </tr>

  148.         <tr>

  149.           <th><input autocomplete="off" class="growth-option" type="radio" name="part" id="part-vagina">

  150.             <label class="growth-label" for="part-vagina">Slit</label></th>

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

  152.         </tr>

  153.       </table>

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

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

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

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

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

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

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

  161.         <button class="stat-button" id="button-grow-lots">SUPER BIG</button>

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

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

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

  165.       </div>

  166.     </div>

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

  168.       <div id="log">

  169.         <div>Welcome to Stroll 0.6.0</div>

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

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

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

  173.       </div>

  174.     </div>

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

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

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

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

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

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

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

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

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

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

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

  186.       </div>

  187. 

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

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

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

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

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

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

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

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

  196.       </div>

  197. 

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

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

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

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

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

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

  204.       </div>

  205. 

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

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

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

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

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

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

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

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

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

  215.       </div>

  216. 

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

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

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

  220.       </div>

  221. 

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

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

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

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

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

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

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

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

  230.       </div>

  231. 

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

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

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

  235.       </div>

  236. 

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

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

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

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

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

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

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

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

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

  246.       </div>

  247. 

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

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

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

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

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

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

  254.       </div>

  255. 

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

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

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

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

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

  261.       </div>

  262.     </div>

  263.   </div>

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

  265.     <p>Welcome to Stroll 0.6.0</p>

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

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

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

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

  270. 

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

  272. 

  273.     <p>Build your Character (leave blank for reasonable normal-scale defaults)</p>

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

  275.     <p>Click on highlight/darkened titles to enable and disabled features.</p>

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

  277. 

  278. 

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

  280. 

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

  282.           <p>Reset the sheet here (saved data isn't affected)</p>

  283. 

  284.           <div>

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

  286.           </div>

  287.         </div>

  288. 

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

  290.           <div>

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

  292.           </div>

  293.         </div>

  294. 

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

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

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

  298.         </div>

  299. 

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

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

  302.           <div>

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

  304.                 </select>

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

  306.           </div>

  307.         </div>

  308. 

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

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

  311.           <div>

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

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

  314.           </div>

  315.         </div>

  316. 

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

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

  319.           <div class>

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

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

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

  323. 

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

  325.           </div>

  326.         </div>

  327.       </ul>

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

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

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

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

  332.             <div>

  333.               <li>

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

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

  336.               </li>

  337.               <li>

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

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

  340.               </li>

  341.               <li>

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

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

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

  345.               </li>

  346.               <li>

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

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

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

  350.               </li>

  351.               <li>

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

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

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

  355.               </li>

  356.               <li>

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

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

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

  360.               </li>

  361.               <li>

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

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

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

  365.               </li>

  366.               <li>

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

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

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

  370.               </li>

  371.             </div>

  372.           </div>

  373. 

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

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

  376.             <div>

  377.               <li>

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

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

  380.               </li>

  381.               <li>

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

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

  384.               </li>

  385.               <li>

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

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

  388.               </li>

  389.               <li>

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

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

  392.               </li>

  393.             </div>

  394.           </div>

  395. 

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

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

  398.             <div>

  399.               <li>

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

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

  402.               </li>

  403.               <li>

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

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

  406.               </li>

  407.               <li>

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

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

  410.               </li>

  411.               <li>

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

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

  414.               </li>

  415.             </div>

  416.           </div>

  417. 

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

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

  420.             <div>

  421.               <li>

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

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

  424.               </li>

  425.               <li>

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

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

  428.               </li>

  429.               <li>

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

  431.                 <select name="footType">

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

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

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

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

  436.                   </select>

  437.               </li>

  438.               <li>

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

  440.                 <select name="jawType">

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

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

  443.                   </select>

  444.               </li>

  445.             </div>

  446.           </div>

  447. 

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

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

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

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

  452.               <li>

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

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

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

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

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

  458.                       <li>

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

  460.                         <select name="footSock">

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

  462.                           </select>

  463.                       </li>

  464.                     </div>

  465.                   </ul>

  466.                 </div>

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

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

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

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

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

  472.                       <li>

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

  474.                         <select name="footShoe">

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

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

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

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

  479.                           </select>

  480.                       </li>

  481.                     </div>

  482.                   </ul>

  483.                 </div>

  484.               </li>

  485.             </div>

  486.           </div>

  487. 

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

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

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

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

  492.               <li>

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

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

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

  496.               </li>

  497.               <li>

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

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

  500.               </li>

  501.             </div>

  502.           </div>

  503. 

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

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

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

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

  508.               <li>

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

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

  511.               </li>

  512.               <li>

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

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

  515.               </li>

  516.             </div>

  517.           </div>

  518. 

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

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

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

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

  523.               <li>

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

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

  526.               </li>

  527.               <li>

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

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

  530.               </li>

  531.               <li>

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

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

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

  535.               </li>

  536.               <li>

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

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

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

  540.               </li>

  541.               <li>

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

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

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

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

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

  547.                       <li>

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

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

  550.                       </li>

  551.                     </div>

  552.                   </ul>

  553.                 </div>

  554.               </li>

  555.             </div>

  556.           </div>

  557. 

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

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

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

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

  562.               <li>

  563.                 It's on :D

  564.               </li>

  565.             </div>

  566.           </div>

  567. 

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

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

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

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

  572.               <li>

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

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

  575.               </li>

  576.               <li>

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

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

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

  580.               </li>

  581.               <li>

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

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

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

  585.               </li>

  586.               <li>

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

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

  589.               </li>

  590.               <li>

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

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

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

  594.               </li>

  595.               <li>

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

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

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

  599.               </li>

  600.               <li>

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

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

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

  604.               </li>

  605.               <li>

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

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

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

  609.               </li>

  610.               <li>

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

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

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

  614.               </li>

  615.               <li>

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

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

  618.               </li>

  619.               <li>

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

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

  622.               </li>

  623.             </div>

  624.           </div>

  625. 

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

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

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

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

  630.               <li>

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

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

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

  634.               </li>

  635.               <li>

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

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

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

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

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

  641.                       <li>

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

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

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

  645.                       </li>

  646.                       <li>

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

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

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

  650.                       </li>

  651.                       <li>

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

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

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

  655.                       </li>

  656.                     </div>

  657.                   </ul>

  658.                 </div>

  659.               </li>

  660.               <li>

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

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

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

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

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

  666.                       <li>

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

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

  669.                       </li>

  670.                       <li>

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

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

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

  674.                       </li>

  675.                       <li>

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

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

  678.                       </li>

  679.                     </div>

  680.                   </ul>

  681.                 </div>

  682.               </li>

  683.             </div>

  684.           </div>

  685. 

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

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

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

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

  690.               <li>

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

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

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

  694.               </li>

  695.               <li>

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

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

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

  699.               </li>

  700.               <li>

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

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

  703.               </li>

  704.               <li>

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

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

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

  708.               </li>

  709.               <li>

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

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

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

  713.               </li>

  714.               <li>

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

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

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

  718.               </li>

  719.               <li>

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

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

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

  723.               </li>

  724.               <li>

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

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

  727.               </li>

  728.             </div>

  729.           </div>

  730. 

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

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

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

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

  735.               <li>

  736.                 <label class="has-tooltip" for="basePawStenchArea" title="How many times your paw area should be covered in stench">Paw stench area</label>

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

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

  739.               </li>

  740.               <li>

  741.                 <label class="has-tooltip" for="baseAssStenchArea" title="How many times your ass area should be covered in stench">Ass stench area</label>

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

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

  744.               </li>

  745.             </div>

  746.           </div>

  747. 

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

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

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

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

  752.               <li>

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

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

  755.               </li>

  756.               <li>

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

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

  759.               </li>

  760.               <li>

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

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

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

  764.               </li>

  765.               <li>

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

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

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

  769.               </li>

  770.               <li>

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

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

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

  774.               </li>

  775.               <li>

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

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

  778.               </li>

  779.             </div>

  780.           </div>

  781. 

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

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

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

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

  786.                 <label>Soul destination</label>

  787.                 <li>

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

  789.                   <label class="has-tooltip" for="soulvore-release">Released</label>

  790.                 </li>

  791.                 <li>

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

  793.                   <label class="has-tooltip" for="soulvore-body" title="Trapped on the predator's body">Trapped</label>

  794.                 </li>

  795.                 <li>

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

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

  798.                 </li>

  799.             </div>

  800.           </div>

  801. 

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

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

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

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

  806.               <li>

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

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

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

  810.               </li>

  811.               <li>

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

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

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

  815.               </li>

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

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

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

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

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

  821.                     <li>

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

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

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

  825.                     </li>

  826.                     <li>

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

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

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

  830.                     </li>

  831.                     <li>

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

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

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

  835.                     </li>

  836.                     <li>

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

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

  839.                     </li>

  840.                   </div>

  841.                 </ul>

  842.               </div>

  843.             </div>

  844.           </div>

  845. 

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

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

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

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

  850.               <li>

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

  852.               </li>

  853.               <li>

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

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

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

  857.               </li>

  858.               <li>

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

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

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

  862.               </li>

  863.               <li>

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

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

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

  867.               </li>

  868.               <li>

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

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

  871.               </li>

  872.             </div>

  873.           </div>

  874. 

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

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

  877.             <label class="custom-header" for="gooEnabled">Goo (not in yet)</label>

  878.           </div>

  879.         </ul>

  880.       </form>

  881.     </div>

  882.   </div>

  883. </body>

  884. 

  885. </html>