☰

Baldwin's Cheatsheet

Adds a quick reference box to the Transmute page so you can see what type of item transmutes to what type of compound without leaving the page

  1. // ==UserScript==
  2. // @name        Baldwin's Cheatsheet
  3. // @namespace   https://greasyfork.org
  4. // @description Adds a quick reference box to the Transmute page so you can see what type of item transmutes to what type of compound without leaving the page
  5. // @include     http://www1.flightrising.com/trading/baldwin/transmute
  6. // @include     http://www.flightrising.com/trading/baldwin/transmute
  7. // @include     https://www1.flightrising.com/trading/baldwin/transmute
  8. // @include     https://www.flightrising.com/trading/baldwin/transmute
  9. // @version     1
  10. // @grant       none
  11. // ==/UserScript==
  12.  
  13. var newHTML = document.createElement('div');
  14. newHTML.innerHTML = ' \
  15.   <div id="baldwinRef"> \
  16.    <style scoped> \
  17.     table, th, td {border:1px solid black;} \
  18.     td, th {padding: 5px 0px;} \
  19.     td {text-align: center;} \
  20.    </style> \
  21.    <table style = "width:100%;"> \
  22.     <tr> \
  23.      <th>Food</th> \
  24.      <th>Materials</th> \
  25.      <th>Trinkets/Other</th> \
  26.      <th>Apparel</th> \
  27.      <th>Familiars</th> \
  28.     </tr> \
  29.     <tr> \
  30.      <td colspan="5">BECOME(S)</td> \
  31.     </tr> \
  32.     <tr> \
  33.      <th>Goo</th> \
  34.      <th>Ooze</th> \
  35.      <th>Sludge</th> \
  36.      <th>Slime</th> \
  37.      <th>Muck</th> \
  38.     </tr> \
  39.     <tr> \
  40.      <th><img src="http://www1.flightrising.com/static/cms/trinket/1886.png"></td> \
  41.      <th><img src="http://www1.flightrising.com/static/cms/trinket/1892.png"></td> \
  42.      <th><img src="http://www1.flightrising.com/static/cms/trinket/1898.png"></td> \
  43.      <th><img src="http://www1.flightrising.com/static/cms/trinket/1904.png"></td> \
  44.      <th><img src="http://www1.flightrising.com/static/cms/trinket/1907.png"></td> \
  45.     </tr> \
  46.     <tr><td colspan = "5" style = "background-color:black;"></td></tr> \
  47.     <tr> \
  48.      <td colspan = "5">Color Rarity (most common to most rare):</td> \
  49.     </tr> \
  50.     <tr> \
  51.      <td colspan = "3"> \
  52.       <ul style="list-style-type: none;"> \
  53.         <li>Green</li> \
  54.         <li>Yellow</li> \
  55.         <li>Orange</li> \
  56.         <li>Red</li> \
  57.         <li>Purple</li> \
  58.         <li>Blue</li> \
  59.       </ul> \
  60.      </td> \
  61.      <td> \
  62.       <ul style="list-style-type: none;"> \
  63.         <li>Grey</li> \
  64.         <li>White</li> \
  65.         <li>Black</li> \
  66.       </ul> \
  67.      </td> \
  68.      <td> \
  69.       <ul style="list-style-type: none;"> \
  70.         <li>Copper</li> \
  71.         <li>Silver</li> \
  72.         <li>Gold</li> \
  73.       </ul> \
  74.      </td> \
  75.     </tr> \
  76.    </table> \
  77.   </div> \
  78. ';
  79.  
  80. var elmBaldwin = document.getElementById('baldwin');
  81. elmBaldwin.parentNode.insertBefore(newHTML, elmBaldwin.nextSibling);
  82. //document.body.appendChild(newHTML)
  83.  
  84. var elmRef = document.getElementById('baldwinRef');
  85. elmRef.style.position = 'absolute';
  86. elmRef.style.top = '500px';
  87. elmRef.style.width = '700px';