Advertisement
Amonimus

AntimaterCalculator.html

Mar 19th, 2023
1,121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.18 KB | None | 0 0
  1. <html>
  2.   <head>
  3.     <link rel="stylesheet" type="text/css" href="AntimaterCalculator.css">
  4.   </head>
  5.   <body>
  6.     <div class="GlyphCalculator">
  7.       <h1>Antimatter Dimensions Glyph Calculator</h1>
  8.       <hr>
  9.       <div class="CalculatorInputArea" onchange="GlyphUpdate()">
  10.         <a href="https://ivark.github.io/AntimatterDimensions/">Antimatter Dimensions</a>
  11.         <a href="https://antimatter-dimensions.fandom.com/wiki/Glyphs">Info</a>
  12.         <hr>
  13.         <div class="CalculatorBoxArea">
  14.           <h2>Type</h2>
  15.           <div>
  16.             <select id="CalculatorInputGlyphType">
  17.               <option value="power">Power (Ω)</option>
  18.               <option value="infinity">Infinity (∞)</option>
  19.               <option value="replication">Replication (Ξ)</option>
  20.               <option value="time">Time (Δ)</option>
  21.               <option value="dilation">Dilation (Ψ)</option>
  22.               <option value="effarig">Effarig (Ϙ)</option>
  23.               <option value="cursed">Cursed (†)</option>
  24.               <option value="reality">Reality (Ϟ)</option>
  25.               <option value="companion">Companion (♥)</option>
  26.             </select>
  27.           </div>
  28.         </div>
  29.         <div class="CalculatorBoxArea">
  30.           <div class="CalculatorSubArea">
  31.             <h2>Level</h2>
  32.             <div class="CalculatorTextDescription">
  33.               (Input a value from 1 to 1000000)<br>
  34.               (Only Lv. 666 Cursed appear in-game)<br>
  35.             </div>
  36.             <input id="CalculatorInputGlyphLevel" type="number" min="1" max="1000000" value="1">
  37.           </div>
  38.           <div class="CalculatorSubArea">
  39.             <h2>Rarity</h2>
  40.             <div class="CalculatorTextDescription">
  41.               (Input a value from 0 to 100 with decimals if needed)
  42.             </div>
  43.             <input id="CalculatorInputRarityNumber" type="number" min="0" max="100" value="1" step="0.1">%
  44.           </div>
  45.         </div>
  46.         <!-- <div class="CalculatorBoxArea"> -->
  47.           <!-- <div class="CalculatorSubArea"> -->
  48.             <!-- <h2>Sacrifice</h2> -->
  49.             <!-- <input id="CalculatorInputSacrificeAmount" onchange="SelectGlyphLevel()" type="number" min="1" value="1"> -->
  50.           <!-- </div> -->
  51.         <!-- </div> -->
  52.         <!-- <div class="CalculatorBoxArea"> -->
  53.           <!-- <div class="CalculatorSubArea"> -->
  54.             <!-- <h2>Base Effects</h2> -->
  55.             <!-- <div class="CalculatorTextDescription"> -->
  56.               <!-- (Check all boxes that apply)<br> -->
  57.               <!-- (Based on dots shown on the Glyph)<br> -->
  58.             <!-- </div> -->
  59.             <!-- <table> -->
  60.             <!-- <tr> -->
  61.             <!-- <th><input id="CalculatorBaseTL" type="checkbox">(?)</th> -->
  62.             <!-- <th><input id="CalculatorBaseTR" type="checkbox">(?)</th> -->
  63.             <!-- </tr><tr> -->
  64.             <!-- <th><input id="CalculatorBaseBL" type="checkbox">(?)</th> -->
  65.             <!-- <th><input id="CalculatorBaseBR" type="checkbox">(?)</th> -->
  66.             <!-- </tr> -->
  67.             <!-- </table> -->
  68.           <!-- </div> -->
  69.           <!-- <div class="CalculatorSubArea"> -->
  70.             <!-- <h2>Other Effects</h2> -->
  71.             <!-- <div class="CalculatorTextDescription"> -->
  72.               <!-- (Check box 5 if Time has Time Shard Power +X,<br> -->
  73.               <!-- hover over the ? icons to see which box<br>  -->
  74.               <!-- corresponds to what effect for Effarig) -->
  75.             <!-- </div> -->
  76.             <!-- <table> -->
  77.             <!-- <tr> -->
  78.             <!-- <th><input id="CalculatorBaseOE1" type="checkbox">(?)</th> -->
  79.             <!-- <th><input id="CalculatorBaseOE2" type="checkbox">(?)</th> -->
  80.             <!-- </tr><tr> -->
  81.             <!-- <th><input id="CalculatorBaseOE3" type="checkbox">(?)</th> -->
  82.             <!-- </tr> -->
  83.             <!-- </table> -->
  84.           <!-- </div> -->
  85.         <!-- </div> -->
  86.       </div>
  87.       <hr>
  88.       <div class="CalculatorBoxArea">
  89.         <h2>Result:</h2>
  90.         <h2 id="CalculatorResultGlyphFullTitle">Glyph</h2>
  91.         <div class="CalculatorResultsAreaFlex">
  92.           <div class="CalculatorResultGlyphBox">
  93.             <div id="CalculatorResultGlyphType"></div>
  94.             <div id="CalculatorResultGlyphLevel"></div>
  95.             <div id="CalculatorResultGlyphIcon"></div>
  96.             <div id="CalculatorResultGlyphRarity"></div>
  97.           </div>
  98.           <div class="CalculatorResultGlyphBox">
  99.             <div id="CalculatorResultEffectList">
  100.               <div class="CalculatorGlyphEffect" id="CalculatorGlyphResultADPower"></div>
  101.               <div class="CalculatorGlyphEffect" id="CalculatorGlyphResultDimboostMult"></div>
  102.               <div class="CalculatorGlyphEffect" id="CalculatorGlyphResultADBuy10Mult"></div>
  103.               <div class="CalculatorGlyphEffect" id="CalculatorGlyphResultIDPower"></div>
  104.               <div class="CalculatorGlyphEffect" id="CalculatorGlyphResultResultInfinityGain"></div>
  105.             </div>
  106.           </div>
  107.         </div>
  108.       </div>
  109.       <hr>
  110.       <a href="https://twitter.com/SuminomAmonimus">Amonimus</a>
  111.       <hr>
  112.     </div>
  113.     <script src="AntimaterCalculator.js"></script>
  114.   </body>
  115. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement