ResourceTemplate

Tutorials of (Resourcetemplate) by Roger

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>ResourceTemplate</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/framework7/1.4.0/css/framework7.material.colors.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/framework7/1.4.0/css/framework7.material.min.css'>

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

  
</head>

<body>
  <div data-page="resources-carbon" class="page">
  <div class="navbar">
    <div class="navbar-inner">
      <div class="left"><a href="index.html" class="back link icon-only"><i class="icon icon-back"></i></a></div>
      <div class="center">
        <span class="pagetitle" data-i18n="Resources">Resources</span>
      </div>
      <div class="right"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
    </div>
  </div><!--/navbar-->
  <div class="page-content">
    <div class="center">
      <!-- ISOTOPE -->
      <div class="elements-holder">
        <div class="egroup isotope">Isotopes</div>

        <a class="elements" href="https://codepen.io/RogerHN/pen/QGBGdY.html">
          <span class="ename" data-i18n="Carbon">Carbon</span>
          <div class="isotope">
            <i class="carbon"></i>
          </div>
          <span class="value">6.9 <i class="units"></i></span>
        </a><!-- elements-->

        <a class="elements" href="https://codepen.io/RogerHN/pen/oYPPpR.html">
          <span class="ename" data-i18n="Thamium9">Thamium9</span>
          <div class="isotope">
            <i class="thamium9"></i>
          </div>
          <span class="value">20.6 <i class="units"></i></span>
        </a><!-- elements-->

        <div class="elements">
          <span class="ename" data-i18n="Plutonium">Plutonium</span>
          <div class="isotope">
            <i class="plutonium"></i>
          </div>
          <span class="value">41.3 <i class="units"></i></span>
        </div><!-- elements-->
      </div><!-- elements-holder-->
      
      <!-- SILICATE -->
      <div class="elements-holder">
        <div class="egroup silicate">Silicate Elements</div>
        <div class="elements">
          <span class="ename" data-i18n="Heridium">Heridium</span>
          <div class="silicate">
            <i class="heridium"></i>
          </div>
          <span class="value">27.5 <i class="units"></i></span>
        </div><!-- elements-->

        <div class="elements">
          <span class="ename" data-i18n="Platinum">Platinum</span>
          <div class="silicate">
            <i class="platinum"></i>
          </div>
          <span class="value">55 <i class="units"></i></span>
        </div><!-- elements-->

        <div class="elements">
          <span class="ename" data-i18n="Chrysonite">Chrysonite</span>
          <div class="silicate">
            <i class="chrysonite"></i>
          </div>
          <span class="value">82.5 <i class="units"></i></span>
        </div><!-- elements-->
      </div><!-- elements-holder-->
      
      <!-- OXIDE -->
      <div class="elements-holder">
        <div class="egroup oxide">Oxide Elements</div>
        <div class="elements">
          <span class="ename" data-i18n="Iron">Iron</span>
          <div class="oxide">
            <i class="iron"></i>
          </div>
          <span class="value">13.8 <i class="units"></i></span>
        </div><!-- elements-->

        <div class="elements">
          <span class="ename" data-i18n="Zinc">Zinc</span>
          <div class="oxide">
            <i class="zinc"></i>
          </div>
          <span class="value">41.3 <i class="units"></i></span>
        </div><!-- elements-->

        <div class="elements">
          <span class="ename" data-i18n="Titanium">Titanium</span>
          <div class="oxide">
            <i class="titanium"></i>
          </div>
          <span class="value">61.9 <i class="units"></i></span>
        </div><!-- elements-->
      </div><!--/elements-holder-->
      
      <!-- NEUTRAL -->
      <div class="elements-holder">
        <div class="egroup neutral">Neutral Elements</div>
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Nickel">Nickel</span>
          <div class="neutral">
            <i class="nickel"></i>
          </div>
          <span class="value">13.8 <i class="units"></i></span>
        </div><!--/elements-->

        <div class="elements">
          <span class="ename" data-i18n="Iridium">Iridium</span>
          <div class="neutral">
            <i class="iridium"></i>
          </div>
          <span class="value">41.3 <i class="units"></i></span>
        </div><!--/elements-->

        <div class="elements">
          <span class="ename" data-i18n="Copper">Copper</span>
          <div class="neutral">
            <i class="copper"></i>
          </div>
          <span class="value">61.9 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Gold">Gold</span>
          <div class="neutral">
            <i class="gold"></i>
          </div>
          <span class="value">61.9 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Emeril">Emeril</span>
          <div class="neutral">
            <i class="emeril"></i>
          </div>
          <span class="value">275 <i class="units"></i></span>
        </div><!--/elements-->

        <div class="elements">
          <span class="ename" data-i18n="Aluminium">Aluminium</span>
          <div class="neutral">
            <i class="aluminium"></i>
          </div>
          <span class="value">61.9 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Candensium">Candensium</span>
          <div class="neutral">
            <i class="candensium"></i>
          </div>
          <span class="value">171.9 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Fervidium">Fervidium</span>
          <div class="neutral">
            <i class="fervidium"></i>
          </div>
          <span class="value">165 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Mordite">Mordite</span>
          <div class="neutral">
            <i class="mordite"></i>
          </div>
          <span class="value">13.8 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Pugneum">Pugneum</span>
          <div class="neutral">
            <i class="pugneum"></i>
          </div>
          <span class="value">137.5 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Spadonium">Spadonium</span>
          <div class="neutral">
            <i class="spadonium"></i>
          </div>
          <span class="value">178.8 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Tropheum">Tropheum</span>
          <div class="neutral">
            <i class="tropheum"></i>
          </div>
          <span class="value">135.5 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Temerium">Temerium</span>
          <div class="neutral">
            <i class="temerium"></i>
          </div>
          <span class="value">178.8 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Coryzagen">Coryzagen</span>
          <div class="neutral">
            <i class="coryzagen"></i>
          </div>
          <span class="value">158.1 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Coprite">Coprite</span>
          <div class="neutral">
            <i class="coprite"></i>
          </div>
          <span class="value">6.9 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Rubeum">Rubeum</span>
          <div class="neutral">
            <i class="rubeum"></i>
          </div>
          <span class="value">288.8 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Viridium">Viridium</span>
          <div class="neutral">
            <i class="viridium"></i>
          </div>
          <span class="value">302.5 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Cymatygen">Cymatygen</span>
          <div class="neutral">
            <i class="cymatygen"></i>
          </div>
          <span class="value">275 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
      </div><!--/elements-holder-->
      
      <!-- elements-holder-->
      <!-- PRECIOUS -->
      <div class="elements-holder">
        <div class="egroup precious">Precious Elements</div>
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Omegon">Omegon</span>
          <div class="precious">
            <i class="omegon"></i>
          </div>
          <span class="value">309.4 <i class="units"></i></span>
        </div><!--/elements-->

        <div class="elements">
          <span class="ename" data-i18n="Radnox">Radnox</span>
          <div class="precious">
            <i class="radnox"></i>
          </div>
          <span class="value">302.5 <i class="units"></i></span>
        </div><!--/elements-->

        <div class="elements">
          <span class="ename" data-i18n="Murrine">Murrine</span>
          <div class="precious">
            <i class="murrine"></i>
          </div>
          <span class="value">302.5 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
        
        <div class="e3">
        <div class="elements">
          <span class="ename" data-i18n="Calium">Calium</span>
          <div class="precious">
            <i class="calium"></i>
          </div>
          <span class="value">288.8 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Antrium">Antrium</span>
          <div class="precious">
            <i class="antrium"></i>
          </div>
          <span class="value">41.3 <i class="units"></i></span>
        </div><!--/elements-->
        
        <div class="elements">
          <span class="ename" data-i18n="Rigogen">Rigogen</span>
          <div class="precious">
            <i class="rigogen"></i>
          </div>
          <span class="value">41.3 <i class="units"></i></span>
        </div><!--/elements-->
        </div><!--/e3-->
      </div><!--/elements-holder-->
      
    </div><!--/center-->
  </div><!--/page-content-->
</div><!--/page-->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/framework7/1.4.0/js/framework7.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

    <script  src="js/index.js"></script>

</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
body {
  margin: 0 auto;
}
body .navbar, body .subnavbar, body .toolbar {
  background: #00cccc;
}

.page-content {
  margin-top: 56px;
  /*background-color: #5b6570;*/
}
.center {
  text-align: center;
}
/* Resources CSS */
.isotope i,
.silicate i,
.oxide i,
.neutral i,
.precious i {
  background-size: contain;
  width: 75px;
  height: 75px;
  display: block;
  margin: 0 auto;
}
.isotope, .isotope i {
  background-color: #ae252d;
}
.silicate, .silicate i{
  background-color: #05499a;
}
.oxide, .oxide i{
  background-color: #e0a10d;
}
.neutral, .neutral i {
  background-color: #5FCC93;
}
.precious, .precious i {
  background-color: #6F187E;
}
/* Elements Group Css */
.elements-holder{
  background: transparent;
  margin: 10px;
  float: none;
  display: inline-block;
  text-align: center;
}
.e3{
  background: transparent;
  float: none;
  display: inline-block;
  text-align: center;
}
.egroup{
  font-family: GeoNMS;
  font-size: 22px;
  color: #fff
}
.elements {
  text-align: center;
  border: 1px solid #fff;
  padding: 3px;
  background-color: #fff;
  color: #333;
  display: inline-block;
  margin: 10px 5px 10px 5px;
  box-shadow: 0 0 6px rgba(0,0,0,0.50);
  cursor: pointer;
}
.elements .ename {
  display: block;
  font-family: 'Roboto', sans-serif;
}
.elements .value {
  line-height: 20px;
  display: inline-block;
  color: #ed3b3b;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 3px 0px 0px;
}
.elements .value i{
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  margin: 0px 2px;
}
/* /Resources CSS */

/* Resources Icons */
.carbon {
  background-image: url(https://atlasdatabase.github.io/img/e/carbon.png);
}
.thamium9 {
  background-image: url(https://atlasdatabase.github.io/img/e/thamium9.png);
}
.plutonium {
  background-image: url(https://atlasdatabase.github.io/img/e/plutonium.png);
}

.heridium {
  background-image: url(https://atlasdatabase.github.io/img/e/heridium.png);
}
.platinum {
  background-image: url(https://atlasdatabase.github.io/img/e/platinum.png);
}
.chrysonite {
  background-image: url(https://atlasdatabase.github.io/img/e/chrysonite.png);
}
.iron {
  background-image: url(https://atlasdatabase.github.io/img/e/iron.png);
}
.zinc {
  background-image: url(https://atlasdatabase.github.io/img/e/zinc.png);
}
.titanium {
  background-image: url(https://atlasdatabase.github.io/img/e/titanium.png);
}
.nickel {
  background-image: url(https://atlasdatabase.github.io/img/e/nickel.png);
}
.iridium {
  background-image: url(https://atlasdatabase.github.io/img/e/iridium.png);
}
.copper {
  background-image: url(https://atlasdatabase.github.io/img/e/copper.png);
}
.gold {
  background-image: url(https://atlasdatabase.github.io/img/e/gold.png);
}
.emeril {
  background-image: url(https://atlasdatabase.github.io/img/e/emeril.png);
}
.aluminium {
  background-image: url(https://atlasdatabase.github.io/img/e/aluminium.png);
}
.omegon {
  background-image: url(https://atlasdatabase.github.io/img/e/omegon.png);
}
.radnox {
  background-image: url(https://atlasdatabase.github.io/img/e/radnox.png);
}
.murrine {
  background-image: url(https://atlasdatabase.github.io/img/e/murrine.png);
}
.calium {
  background-image: url(https://atlasdatabase.github.io/img/e/calium.png);
}
.candensium {
  background-image: url(https://atlasdatabase.github.io/img/e/candensium.png);
}
.fervidium {
  background-image: url(https://atlasdatabase.github.io/img/e/fervidium.png);
}
.mordite {
  background-image: url(https://atlasdatabase.github.io/img/e/mordite.png);
}
.pugneum {
  background-image: url(https://atlasdatabase.github.io/img/e/pugneum.png);
}
.spadonium {
  background-image: url(https://atlasdatabase.github.io/img/e/spadonium.png);
}
.tropheum {
  background-image: url(https://atlasdatabase.github.io/img/e/tropheum.png);
}
.temerium {
  background-image: url(https://atlasdatabase.github.io/img/e/temerium.png);
}
.coryzagen {
  background-image: url(https://atlasdatabase.github.io/img/e/coryzagen.png);
}
.coprite {
  background-image: url(https://atlasdatabase.github.io/img/e/coprite.png);
}
.rubeum {
  background-image: url(https://atlasdatabase.github.io/img/e/rubeum.png);
}
.viridium {
  background-image: url(https://atlasdatabase.github.io/img/e/viridium.png);
}
.cymatygen {
  background-image: url(https://atlasdatabase.github.io/img/e/cymatygen.png);
}
.antrium {
  background-image: url(https://atlasdatabase.github.io/img/e/antrium.png);
}
.rigogen {
  background-image: url(https://atlasdatabase.github.io/img/e/rigogen.png);
}

.hud-isotopes {
  background-image: url(https://atlasdatabase.github.io/img/icons/hud-isotopes.png);
}
.hud-silicates {
  background-image: url(https://atlasdatabase.github.io/img/icons/hud-silicates.png);
}
.hud-oxides {
  background-image: url(https://atlasdatabase.github.io/img/icons/hud-oxides.png);
}
.hud-neutrals {
  background-image: url(https://atlasdatabase.github.io/img/icons/hud-neutrals.png);
}
.hud-precious {
  background-image: url(https://atlasdatabase.github.io/img/icons/hud-precious.png);
}
.scan-isotopes {
  background-image: url(https://atlasdatabase.github.io/img/icons/scan-isotopes.png);
}
.scan-silicates {
  background-image: url(https://atlasdatabase.github.io/img/icons/scan-silicates.png);
}
.scan-oxides {
  background-image: url(https://atlasdatabase.github.io/img/icons/scan-oxides.png);
}
.scan-neutrals {
  background-image: url(https://atlasdatabase.github.io/img/icons/scan-neutrals.png);
}
.scan-precious {
  background-image: url(https://atlasdatabase.github.io/img/icons/scan-precious.png);
}
.units {
  background-image: url(https://atlasdatabase.github.io/img/icons/units-grey-128.png);
}
.units-grey {
  background-image: url(https://atlasdatabase.github.io/img/icons/units-grey-128.png);
}
.units-light {
  background-image: url(https://atlasdatabase.github.io/img/icons/units-light-128.png);
}

@font-face {
  font-family: 'GeoNMS';
  src: url('https://atlasdatabase.github.io/fonts/geonms.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/*resources-icon*/
i.resources {
  background-image:url(https://atlasdatabase.github.io/img/icons/resources-icon.png);
}
/* Downloaded from https://www.codeseek.co/ */
// language.js
var itemslang = {
  // English
    "en": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Carbon",
          "IsotopeE_Common": "Isotope Element - Common",
          "Carbon_desc": "Important and abundant element used to recharge weaponry, mining equipment and exosuit life support.",
          "Carbon_desc_2": "Found in planetary trees, plants, and other vegetation.",
          // ELEMENTS - Thamium9
          "Thamium9": "Thamium9",
          "IsotopeE_Uncommon": "Isotope Element - Uncommon",
          "Thamium9_desc": "Powerful element used to charge mining equipment, weaponry and life support systems. Also used in the creation of products and experimental tech devices.",
          "Thamium9_desc_2": "Found in red flowering vegetation and planetary flora.",
          // Value
          "Value": "Value",
        }
    },
  // French
    "fr": {
      "translation": {
        // ELEMENTS - Carbon
        "Carbon": "Carbone",
        "IsotopeE_Common": "Élément isotope - commun",
        "Carbon_desc": "Élément important et abondant utilisé pour recharger des armes, équipements d'extraction et systèmes de survie d'exocombinaisons.",
        "Carbon_desc_2": "Présent dans les arbres, plantes et autres végétaux planétaires.",
        // ELEMENTS - Thamium9
          "Thamium9": "Thamium9",
          "IsotopeE_Uncommon": "Élément isotope - peu commun",
          "Thamium9_desc": "Élément puissant utilisé pour recharger des équipements d'extraction, des armes et des systèmes de survie. Utilisé également dans la création de produits et d'appareils technologiques expérimentaux.",
          "Thamium9_desc_2": "Présent dans la végétation fleurie rouge et la flore planétaire.",
        // Value
        "Value": "Valeur",
      }
    },
  // Italian
    "it": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Carbonio",
          "IsotopeE_Common": "Isotopo - Comune",
          "Carbon_desc": "Elemento importante e abbondante, usato per ricaricare armi, equipaggiamento minerario e supporti vitali dell'exotuta.",
          "Carbon_desc_2": "Rivenuto in alberi, piante e altra vegetazione.",
          // ELEMENTS - Thamium9
          "Thamium9": "Thamium9",
          "IsotopeE_Uncommon": "Isotopo - Non comune",
          "Thamium9_desc": "Elemento potente, usato per caricare equipaggiamento minerario, armi e sistemi di supporto vitale. Usato anche per la creazione di prodotti e dispositivi tecnologici sperimentali.",
          "Thamium9_desc_2": "Rinvenuto nella vegetazione floreale rossa e nella flora planetaria.",
          // Value
          "Value": "Valore",
        }
    },
  // German
    "de": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Kohlenstoff",
          "IsotopeE_Common": "Isotop-Element – Gewöhnlich",
          "Carbon_desc": "Wichtiges und ergiebiges Element zum Aufladen von Waffen, Bergbau-Ausrüstung und Exo-Anzug-Lebenserhaltungssystemen.",
          "Carbon_desc_2": "In planetaren Bäumen, Pflanzen und anderer Vegetation zu finden.",
          // ELEMENTS - Thamium9
          "Thamium9": "Thamium-9",
          "IsotopeE_Uncommon": "Isotop-Element – Ungewöhnlich",
          "Thamium9_desc": "Mächtiges Element zum Aufladen von Waffen, Bergbau-Ausrüstung und Exo-Anzug-Lebenserhaltungssystemen. Wird außerdem bei der Herstellung von Produkten und experimentellen technischen Geräten verwendet.",
          "Thamium9_desc_2": "Zu finden in rot blühender Vegetation und planetarer Flora.",
          // Value
          "Value": "Wert",
        }
    },
  // Spanish
    "es": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Carbono",
          "IsotopeE_Common": "Elemento isótopo - Común",
          "Carbon_desc": "Importante y abundante elemento usado para recargar armamento, equipamiento de extracción y soporte vital del exotraje.",
          "Carbon_desc_2": "Se halla en árboles, plantas y demás vegetación planetaria.",
          // ELEMENTS - Thamium9
          "Thamium9": "Tamio9",
          "IsotopeE_Uncommon": "Elemento isótopo - No común",
          "Thamium9_desc": "Potente elemento usado para cargar equipamiento de extracción, armamento y sistemas de soporte vital. También se usa para la creación de productos y dispositivos tecnológicos experimentales.",
          "Thamium9_desc_2": "Se encuentra en la vegetación roja en floración y en la flora planetaria.",
          // Value
          "Value": "Valor",
        }
    },
  // Russian
    "ru": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Углерод",
          "IsotopeE_Common": "Изотоп — обычный",
          "Carbon_desc": "Важный и очень распространенный элемент, используемый для зарядки оружия, ресурсодобывающего оборудования и системы жизнеобеспечения экзокостюма.",
          "Carbon_desc_2": "Встречается в деревьях, растениях и прочей растительности.",
          // ELEMENTS - Thamium9
          "Thamium9": "Тамий-9",
          "IsotopeE_Uncommon": "Изотоп — необычный",
          "Thamium9_desc": "Мощный элемент, используемый для зарядки ресурсодобывающего оборудования, оружия и систем жизнеобеспечения. Также нужен для создания продуктов и экспериментальных устройств.",
          "Thamium9_desc_2": "Встречается в планетарной флоре и красных цветковых растениях.",
          // Value
          "Value": "Стоимость",
        }
    },
  // Polish
    "pl": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Tam9",
          "IsotopeE_Common": "Pierwiastek izotopowy - pospolity",
          "Carbon_desc": "Ważny pierwiastek, używany do ładowania broni, sprzętu wydobywczego i systemów podtrzymania życia w egzokombinezonie.",
          "Carbon_desc_2": "Znaleźć go można w drzewach i roślinach na powierzchniach planet.",
          // ELEMENTS - Thamium9
          "Thamium9": "Thamium9",
          "IsotopeE_Uncommon": "Pierwiastek izotopowy - niepospolity",
          "Thamium9_desc": "Potężny pierwiastek, używany do ładowania sprzętu wydobywczego, broni i systemów podtrzymania życia. Używany też przy wytwarzaniu produktów i eksperymentalnych urządzeń technologicznych.",
          "Thamium9_desc_2": "Znaleźć go można w czerwonych kwiatach i planetarnej florze.",
          // Value
          "Value": "Wartość",
        }
    },
  // Dutch
    "nl": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Koolstof",
          "IsotopeE_Common": "Isotoop-element - Veel voorkomend",
          "Carbon_desc": "Belangrijk en veelvoorkomend element dat wordt gebruikt voor het opladen van wapens, mijnuitrusting en de lifesupport van exopakken.",
          "Carbon_desc_2": "Te vinden in planetaire bomen, planten en andere vegetatie.",
          // ELEMENTS - Thamium9
          "Thamium9": "Thamium9",
          "IsotopeE_Uncommon": "Isotoop-element - Weinig voorkomend",
          "Thamium9_desc": "Krachtig element dat wordt gebruikt voor het opladen van mijnuitrusting, wapens en lifesupport-systemen. Wordt daarnaast gebruikt voor de fabricage van producten en experimentele apparaten.",
          "Thamium9_desc_2": "Te vinden in bloeiende rode vegetatie en planetaire flora.",
          // Value
          "Value": "Waarde",
        }
    },
  // Brazilian
    "br": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "Carbono",
          "IsotopeE_Common": "Elemento isótopo - Comum",
          "Carbon_desc": "Elemento importante e abundante usado para recarregar armamento, equipamentos de mineração e o sistema de sobrevivência do exotraje.",
          "Carbon_desc_2": "É encontrado nas árvores, plantas e outras vegetações de um planeta.",
          // ELEMENTS - Thamium9
          "Thamium9": "Tâmio9",
          "IsotopeE_Uncommon": "Elemento isótopo - Incomum",
          "Thamium9_desc": "Elemento poderoso usado para carregar equipamentos de mineração, armamento e sistemas de sobrevivência. É utilizado também na criação de produtos valiosos e dispositivos com tecnologia experimental.",
          "Thamium9_desc_2": "É encontrado em flores vermelhas e na flora planetária.",
          // Value
          "Value": "Valor",
        }
    },
  // Simplified Chinese
    "cn": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "碳",
          "IsotopeE_Common": "同位素元素 - 常见",
          "Carbon_desc": "这种重要而储量丰富的元素可用来给武器、开采设备和套装的维生系统充能。",
          "Carbon_desc_2": "可在行星上的树木、植物和其他植被中找到。",
          // ELEMENTS - Thamium9
          "Thamium9": "塔缪9",
          "IsotopeE_Uncommon": "同位素元素 - 罕见",
          "Thamium9_desc": "这种强大的元素可用来给开采设备、武器和套装的维生系统充能。也用于制作产品和实验性技术设备。",
          "Thamium9_desc_2": "可在星球上的植物群以及红色开花植物中找到。",
          // Value
          "Value": "值",
        }
    },
  // Korean
    "ko": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "탄소",
          "IsotopeE_Common": "동위원소 - 일반",
          "Carbon_desc": "무기, 채광 장비, 엑소슈트의 생명 유지 장치를 충전하기 위해 사용되는 중요하고 풍부한 원소입니다.",
          "Carbon_desc_2": "행성의 나무, 식물, 또는 다른 식물군 지역에서 발견됩니다.",
          // ELEMENTS - Thamium9
          "Thamium9": "타뮴9",
          "IsotopeE_Uncommon": "동위원소 - 상위",
          "Thamium9_desc": "무기, 채광 장비, 생명 유지 장치 충전을 위해 사용되는 강력한 원소입니다. 또한 제품과 시험용 장치를 제작할 때도 사용합니다.",
          "Thamium9_desc_2": "붉은색 꽃 초목과 행성의 식물군에서 발견됩니다.",
          // Value
          "Value": "값",
        }
    },
  // Japanese
    "ja": {
        "translation": {
          // ELEMENTS - Carbon
          "Carbon": "炭素",
          "IsotopeE_Common": "アイソトープ資源-普通",
          "Carbon_desc": "武器や採掘用装備、エクソスーツの&#xA;リチャージに使われる重要で豊富な資源。",
          "Carbon_desc_2": "惑星の木々や植物から手に入る。",
          // ELEMENTS - Thamium9
          "Thamium9": "タミウム9",
          "IsotopeE_Uncommon": "アイソトープ資源-特殊",
          "Thamium9_desc": "武器や採掘用装備、生命維持装置の&#xA;リチャージに使われる重要で豊富な資源。",
          "Thamium9_desc_2": "アイテムや実験的技術装置の作成にも使われる。&#xA;&#xA;赤い植物から手に入る。",
          // Value
          "Value": "値",
        }
    },
};

This awesome code ( ResourceTemplate ) is write by Roger, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Roger