Linted the HTML

7 years ago · fcc476f8b7
--- a/stroll.html
+++ b/stroll.html
@@ -10,68 +10,68 @@
    <script src="game.js"></script>
  </head>
  <body>
    <div class=game-area>
      <div class=sidebar id=stat-container>
        <div class=stat-header-self id=stats-self>
    <div class="game-area">
      <div class="sidebar" id="stat-container">
        <div class="stat-header-self" id="stats-self">
          <p>Stats</p>
          <div class=stat-line id=height></div>
          <div class=stat-line id=mass></div>
          <div class=stat-line id=growth-points></div>
          <div class=stat-line id=arousal></div>
          <div class=stat-line id=edge></div>
          <div class=stat-line id=cum></div>
          <div class=stat-line id=cumPercent></div>
          <div class=stat-line id=femcum></div>
          <div class=stat-line id=femcumPercent></div>
          <div class=stat-line id=milk></div>
          <div class=stat-line id=milkPercent></div>
          <div class="stat-line" id="height"></div>
          <div class="stat-line" id="mass"></div>
          <div class="stat-line" id="growth-points"></div>
          <div class="stat-line" id="arousal"></div>
          <div class="stat-line" id="edge"></div>
          <div class="stat-line" id="cum"></div>
          <div class="stat-line" id="cumPercent"></div>
          <div class="stat-line" id="femcum"></div>
          <div class="stat-line" id="femcumPercent"></div>
          <div class="stat-line" id="milk"></div>
          <div class="stat-line" id="milkPercent"></div>
        </div>
        <div class=stat-header-self>Growth</div>
        <table id=grow-panel>
        <div class="stat-header-self">Growth</div>
        <table id="grow-panel">
          <tr>
            <th><input class=growth-option type="radio" name="part" checked=true id="part-body">
            <label class=growth-label for="part-body" >Body</label></th>
            <th><button class=growth-amount id="button-amount-1">1x</button></th>
            <th><input class="growth-option" type="radio" name="part" checked="true" id="part-body">
            <label class="growth-label" for="part-body" >Body</label></th>
            <th><button class="growth-amount" id="button-amount-1">1x</button></th>
          </tr>
          <tr>
            <th><input class=growth-option type="radio" name="part" id="part-ass">
            <label class=growth-label for="part-ass">Ass</label></th>
            <th><button class=growth-amount id="button-amount-5">5x</button></th>
            <th><input class="growth-option" type="radio" name="part" id="part-ass">
            <label class="growth-label" for="part-ass">Ass</label></th>
            <th><button class="growth-amount" id="button-amount-5">5x</button></th>
          </tr>
          <tr>
            <th><input class=growth-option type="radio" name="part" id="part-dick">
            <label class=growth-label for="part-dick">Cock</label></th>
            <th><button class=growth-amount id="button-amount-10">10x</button></th>
            <th><input class="growth-option" type="radio" name="part" id="part-dick">
            <label class="growth-label" for="part-dick">Cock</label></th>
            <th><button class="growth-amount" id="button-amount-10">10x</button></th>
          </tr>
          <tr>
            <th><input class=growth-option type="radio" name="part" id="part-balls">
            <label class=growth-label for="part-balls">Balls</label></th>
            <th><button class=growth-amount id="button-amount-20">20x</button></th>
            <th><input class="growth-option" type="radio" name="part" id="part-balls">
            <label class="growth-label" for="part-balls">Balls</label></th>
            <th><button class="growth-amount" id="button-amount-20">20x</button></th>
          </tr>
          <tr>
            <th><input class=growth-option type="radio" name="part" id="part-breasts">
            <label class=growth-label for="part-breasts">Breasts</label></th>
            <th><button class=growth-amount id="button-amount-50">50x</button></th>
            <th><input class="growth-option" type="radio" name="part" id="part-breasts">
            <label class="growth-label" for="part-breasts">Breasts</label></th>
            <th><button class="growth-amount" id="button-amount-50">50x</button></th>
          </tr>
          <tr>
            <th><input class=growth-option type="radio" name="part" id="part-vagina">
            <label class=growth-label for="part-vagina">Slit</label></th>
            <th><button class=growth-amount id="button-amount-100">100x</button></th>
            <th><input class="growth-option" type="radio" name="part" id="part-vagina">
            <label class="growth-label" for="part-vagina">Slit</label></th>
            <th><button class="growth-amount" id="button-amount-100">100x</button></th>
          </tr>
        </table>
        <div class=button-container>
          <button class=stat-button id=button-look>Look</button>
          <button class=stat-button id=button-arousal>Arousal On</button>
          <button class=stat-button id=button-stroll>Status: Standing</button>
          <button class=stat-button id=button-location>Location: Suburb</button>
          <button class=stat-button id=button-numbers>Numbers: Full</button>
          <button class=stat-button id=button-units>Units: Metric</button>
          <button class=stat-button id=button-verbose>Verbose</button>
          <button class=stat-button id=button-grow-lots>SUPER BIG</button>
        <div class="button-container">
          <button class="stat-button" id="button-look">Look</button>
          <button class="stat-button" id="button-arousal">Arousal On</button>
          <button class="stat-button" id="button-stroll">Status: Standing</button>
          <button class="stat-button" id="button-location">Location: Suburb</button>
          <button class="stat-button" id="button-numbers">Numbers: Full</button>
          <button class="stat-button" id="button-units">Units: Metric</button>
          <button class="stat-button" id="button-verbose">Verbose</button>
          <button class="stat-button" id="button-grow-lots">SUPER BIG</button>
        </div>
      </div>
      <div id=log-area>
        <div id=log>
      <div id="log-area">
        <div id="log">
          <div>Welcome to Stroll 0.5.1</div>
          <div><b>This game features 18+ content</b></div>
          <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
@@ -79,62 +79,62 @@
          <div>&nbsp;</div>
        </div>
      </div>
      <div class=sidebar id=action-panel>
        <div class=action-part-container>
          <button class="active action-part-button" id=action-part-body>Body</button>
          <button class=action-part-button id=action-part-dick>Cock</button>
          <button class=action-part-button id=action-part-vagina>Slit</button>
          <button class=action-part-button id=action-part-breasts>Breasts</button>
          <button class=action-part-button id=action-part-tails>Tails</button>
          <button class=action-part-button id=action-part-misc>Misc</button>
      <div class="sidebar" id="action-panel">
        <div class="action-part-container">
          <button class="active action-part-button" id="action-part-body">Body</button>
          <button class="action-part-button" id="action-part-dick">Cock</button>
          <button class="action-part-button" id="action-part-vagina">Slit</button>
          <button class="action-part-button" id="action-part-breasts">Breasts</button>
          <button class="action-part-button" id="action-part-tails">Tails</button>
          <button class="action-part-button" id="action-part-misc">Misc</button>
        </div>

        <div class=action-tab id=actions-body>
          <button class=action-button id=button-feed>Eat</button>
          <button class=action-button id=button-chew>Chew</button>
          <button class=action-button id=button-stomp>Stomp</button>
          <button class=action-button id=button-sit>Sit</button>
          <button class=action-button id=button-grind>Grind</button>
        <div class="action-tab" id="actions-body">
          <button class="action-button" id="button-feed">Eat</button>
          <button class="action-button" id="button-chew">Chew</button>
          <button class="action-button" id="button-stomp">Stomp</button>
          <button class="action-button" id="button-sit">Sit</button>
          <button class="action-button" id="button-grind">Grind</button>
        </div>
        <div class=action-tab id=actions-tails>
          <button class=action-button id=button-tail_slap>Tail Slap</button>
          <button class=action-button id=button-tail_vore>Tail Vore</button>
        <div class="action-tab" id="actions-tails">
          <button class="action-button" id="button-tail_slap">Tail Slap</button>
          <button class="action-button" id="button-tail_vore">Tail Vore</button>
        </div>
        <div class=action-tab id=actions-breasts>
          <button class=action-button id=button-cleavage_stuff>Stuff Cleavage</button>
          <button class=action-button id=button-cleavage_crush>Crush Cleavage</button>
          <button class=action-button id=button-cleavage_drop>Drop Cleavage</button>
          <button class=action-button id=button-cleavage_absorb>Absorb Cleavage</button>
          <button class=action-button id=button-breast_crush>Breast Crush</button>
          <button class=action-button id=button-breast_vore>Breast Vore</button>
          <button class=action-button id=button-breast_milk>Milk Breasts</button>
        <div class="action-tab" id="actions-breasts">
          <button class="action-button" id="button-cleavage_stuff">Stuff Cleavage</button>
          <button class="action-button" id="button-cleavage_crush">Crush Cleavage</button>
          <button class="action-button" id="button-cleavage_drop">Drop Cleavage</button>
          <button class="action-button" id="button-cleavage_absorb">Absorb Cleavage</button>
          <button class="action-button" id="button-breast_crush">Breast Crush</button>
          <button class="action-button" id="button-breast_vore">Breast Vore</button>
          <button class="action-button" id="button-breast_milk">Milk Breasts</button>
        </div>
        <div class=action-tab id=actions-vagina>
          <button class=action-button id=button-unbirth>Unbirth</button>
        <div class="action-tab" id="actions-vagina">
          <button class="action-button" id="button-unbirth">Unbirth</button>
        </div>
        <div class=action-tab id=actions-dick>
          <button class=action-button id=button-sheath_stuff>Stuff Sheath</button>
          <button class=action-button id=button-sheath_squeeze>Squeeze Sheath</button>
          <button class=action-button id=button-sheath_absorb>Absorb Sheath</button>
          <button class=action-button id=button-cockslap>Cockslap</button>
          <button class=action-button id=button-cock_vore>Cock Vore</button>
          <button class=action-button id=button-ball_smother>Ball Smother</button>
        <div class="action-tab" id="actions-dick">
          <button class="action-button" id="button-sheath_stuff">Stuff Sheath</button>
          <button class="action-button" id="button-sheath_squeeze">Squeeze Sheath</button>
          <button class="action-button" id="button-sheath_absorb">Absorb Sheath</button>
          <button class="action-button" id="button-cockslap">Cockslap</button>
          <button class="action-button" id="button-cock_vore">Cock Vore</button>
          <button class="action-button" id="button-ball_smother">Ball Smother</button>
        </div>
        <div class=action-tab id=actions-misc>
          <button class=action-button id=button-pouch_stuff>Stuff Pouch</button>
          <button class=action-button id=button-pouch_eat>Eat From Pouch</button>
        <div class="action-tab" id="actions-misc">
          <button class="action-button" id="button-pouch_stuff">Stuff Pouch</button>
          <button class="action-button" id="button-pouch_eat">Eat From Pouch</button>
        </div>
      </div>


      <div class=option-container id=option-panel>
      <div class="option-container" id="option-panel">
        <p>Welcome to Stroll 0.5.1</p>
        <p><b>This game features 18+ content</b></p>
        <a href="https://chemicalcrux.org/stroll">Changelog</a>
        <br>
        <div id=custom-species>
        <div id="custom-species">
          <p>Build your Character (leave blank for defaults)</p>
          <form id=custom-species-form name="custom-species-form">
          <form id="custom-species-form" name="custom-species-form">
            <ul class="flex-outer">
              <li>
                <label for="species">Name</label>
@@ -171,7 +171,7 @@
              </li>
              <li>
                <label for="analVore">Anal vore</label>
                <input type="checkbox" checked=true name="analVore"/><br>
                <input type="checkbox" checked="true" name="analVore"/><br>
              </li>
              <li>
                <label for="baseAsArea">Ass area</label>
@@ -190,7 +190,7 @@
                  <label for="brutality-0">Non-fatal</label>
                </li>
                <li>
                  <input type="radio" name="brutality" checked=true id="brutality-1">
                  <input type="radio" name="brutality" checked="true" id="brutality-1">
                  <label for="brutality-1">Fatal, no gore</label>
                </li>
                <li>
@@ -204,8 +204,8 @@
              </ul>
              <div>
                Arousal:<br>
                <input type="checkbox" checked=true name="arousalEnabled"/><br>
                <div class=reveal-if-active>
                <input type="checkbox" checked="true" name="arousalEnabled"/><br>
                <div class="reveal-if-active">
                  <li>
                    <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>
                    <input type="number" name="arousalFactor" placeholder="1"/><br>
@@ -219,8 +219,8 @@
              <br>
              <div>
                Tail(s):<br>
                <input type="checkbox" checked=true name="hasTail"/><br>
                <div class=reveal-if-active>
                <input type="checkbox" checked="true" name="hasTail"/><br>
                <div class="reveal-if-active">
                  <li>
                    <label for="tailCount">Tail count</label>
                    <input type="number" name="tailCount" placeholder="1"/><br>
@@ -239,23 +239,23 @@
                  </li>
                  <li>
                    <label for="tailMaw">Tail maw(s)</label>
                    <input type="checkbox" checked=true name="tailMaw"/><br>
                    <input type="checkbox" checked="true" name="tailMaw"/><br>
                  </li>
                </div>
              </div>
              <br>
              <li>
                <label for="hasPouch">Pouch</label>
                <input type="checkbox" name="hasPouch" checked=true /><br>
                <input type="checkbox" name="hasPouch" checked="true" /><br>
              </li>
              <br>
              <div>
                Male genitals:<br>
                <input type="checkbox" checked=true name="maleParts"/><br>
                <div class=reveal-if-active>
                <input type="checkbox" checked="true" name="maleParts"/><br>
                <div class="reveal-if-active">
                  <li>
                    <label for="hasSheath">Sheath</label>
                    <input type="checkbox" name="hasSheath" checked=true /><br>
                    <input type="checkbox" name="hasSheath" checked="true" /><br>
                  </li>
                  <li>
                    <label for="dickType">Cock type</label>
@@ -286,16 +286,16 @@
              <br>
              <div>
                Breasts:<br>
                <input type="checkbox" checked=true name="hasBreasts"/><br>
                <div class=reveal-if-active>
                <input type="checkbox" checked="true" name="hasBreasts"/><br>
                <div class="reveal-if-active">
                  <li>
                    <label for="baseBreastDiameter">Breast diameter</label>
                    <input type="number" name="baseBreastDiameter" placeholder="0.1"/><br>
                  </li>
                  <ul class=flex-outer>
                  <ul class="flex-outer">
                    Lactation:
                    <input type="checkbox" checked=true name="lactationEnabled"/><br>
                    <div class=reveal-if-active>
                    <input type="checkbox" checked="true" name="lactationEnabled"/><br>
                    <div class="reveal-if-active">
                      <li>
                        <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
                        <input type="number" name="lactationFactor" placeholder="0.25"/><br>
@@ -308,15 +308,15 @@
                  </ul>
                  <li>
                    <label for="breastVore">Breast vore</label>
                    <input type="checkbox" checked=true name="breastVore"/><br>
                    <input type="checkbox" checked="true" name="breastVore"/><br>
                  </li>
                </div>
              </div>
              <br>
              <div>
                Female genitals:<br>
                <input type="checkbox" checked=true name="femaleParts"/><br>
                <div class=reveal-if-active>
                <input type="checkbox" checked="true" name="femaleParts"/><br>
                <div class="reveal-if-active">
                  <li>
                    <label for="baseVaginaLength">Slit length</label>
                    <input type="number" name="baseVaginaLength" placeholder="0.1"/><br>
@@ -337,13 +337,13 @@
              </div>
            </ul>
          </form>
          <button class=option-button id=button-load-custom>Load Custom Character</button>
          <button class=option-button id=button-save-custom>Save Custom Character</button>
          <button class=option-button id=button-start>Start Game</button>
          <button class="option-button" id="button-load-custom">Load Custom Character</button>
          <button class="option-button" id="button-save-custom">Save Custom Character</button>
          <button class="option-button" id="button-start">Start Game</button>
        </div>
      </div>
    </div>
    <table id=victim-table>
    <table id="victim-table">
    </table>
  </body>
 </html>