@caspingus/lt
Version:
A utility library of helpers and extensions useful when working with Learnosity APIs.
1,038 lines (1,031 loc) • 69.8 kB
JavaScript
import { c as a, L as l } from "../../../extensionsFactory-BHOEyOSK.js";
const i = {
message: {
header: "Periodic Table of Elements",
body: s()
}
};
function e(d = {}) {
d && d?.message && i.message?.header.length && (i.message.header = d.message.header);
}
function s() {
return `<div class="lt__resource-periodic-table">
<p class="sr-only">This is a periodic table of elements, with each element's atomic number, symbol, name, and atomic weight.</p>
<p class="sr-only">Use the table to explore the properties of different chemical elements.</p>
<table>
<caption class="sr-only">Periodic Table of Elements</caption>
<colgroup>
<col class="period-col" />
<col span="18" />
</colgroup>
<thead>
<tr>
<th scope="col" id="period"><span class="sr-only">Period</span></th>
<th scope="col" id="group1">1</th>
<th scope="col" id="group2">2</th>
<th scope="col" id="group3">3</th>
<th scope="col" id="group4">4</th>
<th scope="col" id="group5">5</th>
<th scope="col" id="group6">6</th>
<th scope="col" id="group7">7</th>
<th scope="col" id="group8">8</th>
<th scope="col" id="group9">9</th>
<th scope="col" id="group10">10</th>
<th scope="col" id="group11">11</th>
<th scope="col" id="group12">12</th>
<th scope="col" id="group13">13</th>
<th scope="col" id="group14">14</th>
<th scope="col" id="group15">15</th>
<th scope="col" id="group16">16</th>
<th scope="col" id="group17">17</th>
<th scope="col" id="group18">18</th>
</tr>
</thead>
<tbody>
<!-- Period 1 -->
<tr class="row-spacer">
<th scope="row" id="period1"><span class="sr-only">1</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">1</div>
<div class="lt__symbol">H</div>
<div class="lt__name">Hydrogen</div>
<div class="lt__atomic-weight">1.008</div>
</div>
</div>
</td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td role="presentation"></td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">2</div>
<div class="lt__symbol">He</div>
<div class="lt__name">Helium</div>
<div class="lt__atomic-weight">4.002602</div>
</div>
</div>
</td>
</tr>
<!-- Period 2 -->
<tr>
<th scope="row" id="period2"><span class="sr-only">2</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">3</div>
<div class="lt__symbol">Li</div>
<div class="lt__name">Lithium</div>
<div class="lt__atomic-weight">6.94</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">4</div>
<div class="lt__symbol">Be</div>
<div class="lt__name">Beryllium</div>
<div class="lt__atomic-weight">9.0122</div>
</div>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">5</div>
<div class="lt__symbol">B</div>
<div class="lt__name">Boron</div>
<div class="lt__atomic-weight">10.81</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">6</div>
<div class="lt__symbol">C</div>
<div class="lt__name">Carbon</div>
<div class="lt__atomic-weight">12.011</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">7</div>
<div class="lt__symbol">N</div>
<div class="lt__name">Nitrogen</div>
<div class="lt__atomic-weight">14.007</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">8</div>
<div class="lt__symbol">O</div>
<div class="lt__name">Oxygen</div>
<div class="lt__atomic-weight">15.999</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">9</div>
<div class="lt__symbol">F</div>
<div class="lt__name">Fluorine</div>
<div class="lt__atomic-weight">18.998</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">10</div>
<div class="lt__symbol">Ne</div>
<div class="lt__name">Neon</div>
<div class="lt__atomic-weight">20.1797</div>
</div>
</div>
</td>
</tr>
<!-- Period 3 -->
<tr>
<th scope="row" id="period3"><span class="sr-only">3</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">11</div>
<div class="lt__symbol">Na</div>
<div class="lt__name">Sodium</div>
<div class="lt__atomic-weight">22.98976928</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">12</div>
<div class="lt__symbol">Mg</div>
<div class="lt__name">Magnesium</div>
<div class="lt__atomic-weight">24.305</div>
</div>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">13</div>
<div class="lt__symbol">Al</div>
<div class="lt__name">Aluminium</div>
<div class="lt__atomic-weight">26.9815385</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">14</div>
<div class="lt__symbol">Si</div>
<div class="lt__name">Silicon</div>
<div class="lt__atomic-weight">28.0855</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">15</div>
<div class="lt__symbol">P</div>
<div class="lt__name">Phosphorus</div>
<div class="lt__atomic-weight">30.973761998</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">16</div>
<div class="lt__symbol">S</div>
<div class="lt__name">Sulfur</div>
<div class="lt__atomic-weight">32.06</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">17</div>
<div class="lt__symbol">Cl</div>
<div class="lt__name">Chlorine</div>
<div class="lt__atomic-weight">35.45</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">18</div>
<div class="lt__symbol">Ar</div>
<div class="lt__name">Argon</div>
<div class="lt__atomic-weight">39.948</div>
</div>
</div>
</td>
</tr>
<!-- Period 4 -->
<tr>
<th scope="row" id="period4"><span class="sr-only">4</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">19</div>
<div class="lt__symbol">K</div>
<div class="lt__name">Potassium</div>
<div class="lt__atomic-weight">39.0983</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">20</div>
<div class="lt__symbol">Ca</div>
<div class="lt__name">Calcium</div>
<div class="lt__atomic-weight">40.078</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">21</div>
<div class="lt__symbol">Sc</div>
<div class="lt__name">Scandium</div>
<div class="lt__atomic-weight">44.955908</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">22</div>
<div class="lt__symbol">Ti</div>
<div class="lt__name">Titanium</div>
<div class="lt__atomic-weight">47.867</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">23</div>
<div class="lt__symbol">V</div>
<div class="lt__name">Vanadium</div>
<div class="lt__atomic-weight">50.9415</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">24</div>
<div class="lt__symbol">Cr</div>
<div class="lt__name">Chromium</div>
<div class="lt__atomic-weight">51.9961</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">25</div>
<div class="lt__symbol">Mn</div>
<div class="lt__name">Manganese</div>
<div class="lt__atomic-weight">54.938044</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">26</div>
<div class="lt__symbol">Fe</div>
<div class="lt__name">Iron</div>
<div class="lt__atomic-weight">55.845</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">27</div>
<div class="lt__symbol">Co</div>
<div class="lt__name">Cobalt</div>
<div class="lt__atomic-weight">58.933194</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">28</div>
<div class="lt__symbol">Ni</div>
<div class="lt__name">Nickel</div>
<div class="lt__atomic-weight">58.6934</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">29</div>
<div class="lt__symbol">Cu</div>
<div class="lt__name">Copper</div>
<div class="lt__atomic-weight">63.546</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">30</div>
<div class="lt__symbol">Zn</div>
<div class="lt__name">Zinc</div>
<div class="lt__atomic-weight">65.38</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">31</div>
<div class="lt__symbol">Ga</div>
<div class="lt__name">Gallium</div>
<div class="lt__atomic-weight">69.723</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">32</div>
<div class="lt__symbol">Ge</div>
<div class="lt__name">Germanium</div>
<div class="lt__atomic-weight">72.630</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">33</div>
<div class="lt__symbol">As</div>
<div class="lt__name">Arsenic</div>
<div class="lt__atomic-weight">74.921595</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">34</div>
<div class="lt__symbol">Se</div>
<div class="lt__name">Selenium</div>
<div class="lt__atomic-weight">78.971</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">35</div>
<div class="lt__symbol">Br</div>
<div class="lt__name">Bromine</div>
<div class="lt__atomic-weight">79.904</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">36</div>
<div class="lt__symbol">Kr</div>
<div class="lt__name">Krypton</div>
<div class="lt__atomic-weight">83.798</div>
</div>
</div>
</td>
</tr>
<!-- Period 5 -->
<tr>
<th scope="row" id="period5"><span class="sr-only">5</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">37</div>
<div class="lt__symbol">Rb</div>
<div class="lt__name">Rubidium</div>
<div class="lt__atomic-weight">85.4678</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">38</div>
<div class="lt__symbol">Sr</div>
<div class="lt__name">Strontium</div>
<div class="lt__atomic-weight">87.62</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">39</div>
<div class="lt__symbol">Y</div>
<div class="lt__name">Yttrium</div>
<div class="lt__atomic-weight">88.90584</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">40</div>
<div class="lt__symbol">Zr</div>
<div class="lt__name">Zirconium</div>
<div class="lt__atomic-weight">91.224</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">41</div>
<div class="lt__symbol">Nb</div>
<div class="lt__name">Niobium</div>
<div class="lt__atomic-weight">92.90637</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">42</div>
<div class="lt__symbol">Mo</div>
<div class="lt__name">Molybdenum</div>
<div class="lt__atomic-weight">95.95</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">43</div>
<div class="lt__symbol">Tc</div>
<div class="lt__name">Technetium</div>
<div class="lt__atomic-weight">[98]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">44</div>
<div class="lt__symbol">Ru</div>
<div class="lt__name">Ruthenium</div>
<div class="lt__atomic-weight">101.07</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">45</div>
<div class="lt__symbol">Rh</div>
<div class="lt__name">Rhodium</div>
<div class="lt__atomic-weight">102.90550</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">46</div>
<div class="lt__symbol">Pd</div>
<div class="lt__name">Palladium</div>
<div class="lt__atomic-weight">106.42</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">47</div>
<div class="lt__symbol">Ag</div>
<div class="lt__name">Silver</div>
<div class="lt__atomic-weight">107.8682</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">48</div>
<div class="lt__symbol">Cd</div>
<div class="lt__name">Cadmium</div>
<div class="lt__atomic-weight">112.414</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">49</div>
<div class="lt__symbol">In</div>
<div class="lt__name">Indium</div>
<div class="lt__atomic-weight">114.818</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">50</div>
<div class="lt__symbol">Sn</div>
<div class="lt__name">Tin</div>
<div class="lt__atomic-weight">118.710</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">51</div>
<div class="lt__symbol">Sb</div>
<div class="lt__name">Antimony</div>
<div class="lt__atomic-weight">121.760</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">52</div>
<div class="lt__symbol">Te</div>
<div class="lt__name">Tellurium</div>
<div class="lt__atomic-weight">127.60</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">53</div>
<div class="lt__symbol">I</div>
<div class="lt__name">Iodine</div>
<div class="lt__atomic-weight">126.90447</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">54</div>
<div class="lt__symbol">Xe</div>
<div class="lt__name">Xenon</div>
<div class="lt__atomic-weight">131.293</div>
</div>
</div>
</td>
</tr>
<!-- Elements 55 to 86 -->
<tr>
<th scope="row" id="period6"><span class="sr-only">6</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">55</div>
<div class="lt__symbol">Cs</div>
<div class="lt__name">Caesium</div>
<div class="lt__atomic-weight">132.90545196</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">56</div>
<div class="lt__symbol">Ba</div>
<div class="lt__name">Barium</div>
<div class="lt__atomic-weight">137.327</div>
</div>
</div>
</td>
<td> </td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">72</div>
<div class="lt__symbol">Hf</div>
<div class="lt__name">Hafnium</div>
<div class="lt__atomic-weight">178.49</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">73</div>
<div class="lt__symbol">Ta</div>
<div class="lt__name">Tantalum</div>
<div class="lt__atomic-weight">180.94788</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">74</div>
<div class="lt__symbol">W</div>
<div class="lt__name">Tungsten</div>
<div class="lt__atomic-weight">183.84</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">75</div>
<div class="lt__symbol">Re</div>
<div class="lt__name">Rhenium</div>
<div class="lt__atomic-weight">186.207</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">76</div>
<div class="lt__symbol">Os</div>
<div class="lt__name">Osmium</div>
<div class="lt__atomic-weight">190.23</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">77</div>
<div class="lt__symbol">Ir</div>
<div class="lt__name">Iridium</div>
<div class="lt__atomic-weight">192.217</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">78</div>
<div class="lt__symbol">Pt</div>
<div class="lt__name">Platinum</div>
<div class="lt__atomic-weight">195.084</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">79</div>
<div class="lt__symbol">Au</div>
<div class="lt__name">Gold</div>
<div class="lt__atomic-weight">196.966569</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">80</div>
<div class="lt__symbol">Hg</div>
<div class="lt__name">Mercury</div>
<div class="lt__atomic-weight">200.592</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">81</div>
<div class="lt__symbol">Tl</div>
<div class="lt__name">Thallium</div>
<div class="lt__atomic-weight">204.38</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">82</div>
<div class="lt__symbol">Pb</div>
<div class="lt__name">Lead</div>
<div class="lt__atomic-weight">207.2</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">83</div>
<div class="lt__symbol">Bi</div>
<div class="lt__name">Bismuth</div>
<div class="lt__atomic-weight">208.98040</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">84</div>
<div class="lt__symbol">Po</div>
<div class="lt__name">Polonium</div>
<div class="lt__atomic-weight">[209]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">85</div>
<div class="lt__symbol">At</div>
<div class="lt__name">Astatine</div>
<div class="lt__atomic-weight">[210]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">86</div>
<div class="lt__symbol">Rn</div>
<div class="lt__name">Radon</div>
<div class="lt__atomic-weight">[222]</div>
</div>
</div>
</td>
</tr>
<!-- Period 7 -->
<tr>
<th scope="row" id="period7"><span class="sr-only">7</span></th>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">87</div>
<div class="lt__symbol">Fr</div>
<div class="lt__name">Francium</div>
<div class="lt__atomic-weight">[223]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">88</div>
<div class="lt__symbol">Ra</div>
<div class="lt__name">Radium</div>
<div class="lt__atomic-weight">[226]</div>
</div>
</div>
</td>
<td> </td>
<!-- Transactinides -->
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">104</div>
<div class="lt__symbol">Rf</div>
<div class="lt__name">Rutherfordium</div>
<div class="lt__atomic-weight">[267]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">105</div>
<div class="lt__symbol">Db</div>
<div class="lt__name">Dubnium</div>
<div class="lt__atomic-weight">[268]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">106</div>
<div class="lt__symbol">Sg</div>
<div class="lt__name">Seaborgium</div>
<div class="lt__atomic-weight">[269]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">107</div>
<div class="lt__symbol">Bh</div>
<div class="lt__name">Bohrium</div>
<div class="lt__atomic-weight">[270]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">108</div>
<div class="lt__symbol">Hs</div>
<div class="lt__name">Hassium</div>
<div class="lt__atomic-weight">[277]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">109</div>
<div class="lt__symbol">Mt</div>
<div class="lt__name">Meitnerium</div>
<div class="lt__atomic-weight">[278]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">110</div>
<div class="lt__symbol">Ds</div>
<div class="lt__name">Darmstadtium</div>
<div class="lt__atomic-weight">[281]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">111</div>
<div class="lt__symbol">Rg</div>
<div class="lt__name">Roentgenium</div>
<div class="lt__atomic-weight">[282]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">112</div>
<div class="lt__symbol">Cn</div>
<div class="lt__name">Copernicium</div>
<div class="lt__atomic-weight">[285]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">113</div>
<div class="lt__symbol">Nh</div>
<div class="lt__name">Nihonium</div>
<div class="lt__atomic-weight">[286]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">114</div>
<div class="lt__symbol">Fl</div>
<div class="lt__name">Flerovium</div>
<div class="lt__atomic-weight">[289]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">115</div>
<div class="lt__symbol">Mc</div>
<div class="lt__name">Moscovium</div>
<div class="lt__atomic-weight">[290]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">116</div>
<div class="lt__symbol">Lv</div>
<div class="lt__name">Livermorium</div>
<div class="lt__atomic-weight">[293]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">117</div>
<div class="lt__symbol">Ts</div>
<div class="lt__name">Tennessine</div>
<div class="lt__atomic-weight">[294]</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">118</div>
<div class="lt__symbol">Og</div>
<div class="lt__name">Oganesson</div>
<div class="lt__atomic-weight">[294]</div>
</div>
</div>
</td>
</tr>
<!-- Lanthanides -->
<tr class="ides">
<th scope="row" id="period8"><span class="sr-only">Lanthanides</span></th>
<td></td>
<td></td>
<td></td>
<!-- Assuming the Lanthanides start after the first two cells -->
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">57</div>
<div class="lt__symbol">La</div>
<div class="lt__name">Lanthanum</div>
<div class="lt__atomic-weight">138.90547</div>
</div>
</div>
</td>
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">58</div>
<div class="lt__symbol">Ce</div>
<div class="lt__name">Cerium</div>
<div class="lt__atomic-weight">140.116</div>
</div>
</div>
</td>
<!-- ... -->
<td>
<div class="lt__card">
<div class="lt__element">
<div class="lt__number">59</div>
<div class="lt__symbol">Pr</div>
<div class="lt__name">Praseodymium</div>
<div class="lt__atomic-weight">140.90766</div>
</div>
</div>
</td>
<td>
<div class="lt__card">