make periodic table actually look good

This commit is contained in:
end-4
2024-04-16 18:23:16 +07:00
parent 8507600562
commit 705ac2019c
3 changed files with 203 additions and 166 deletions
@@ -1,185 +1,185 @@
export const periodicTable = [
[
{ name: 'Hydrogen', symbol: 'H', number: 1, weight: 1.008 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: 'Helium', symbol: 'He', number: 2, weight: 4.0026 },
{ name: 'Hydrogen', symbol: 'H', number: 1, weight: 1.008, type: 'nonmetal' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: 'Helium', symbol: 'He', number: 2, weight: 4.0026, type: 'noblegas' },
],
[
{ name: 'Lithium', symbol: 'Li', number: 3, weight: 6.941 },
{ name: 'Beryllium', symbol: 'Be', number: 4, weight: 9.012 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: 'Boron', symbol: 'B', number: 5, weight: 10.811 },
{ name: 'Carbon', symbol: 'C', number: 6, weight: 12.011 },
{ name: 'Nitrogen', symbol: 'N', number: 7, weight: 14.007 },
{ name: 'Oxygen', symbol: 'O', number: 8, weight: 15.999 },
{ name: 'Fluorine', symbol: 'F', number: 9, weight: 18.998 },
{ name: 'Neon', symbol: 'Ne', number: 10, weight: 20.18 },
{ name: 'Lithium', symbol: 'Li', number: 3, weight: 6.941, type: 'metal' },
{ name: 'Beryllium', symbol: 'Be', number: 4, weight: 9.012, type: 'metal' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: 'Boron', symbol: 'B', number: 5, weight: 10.811, type: 'nonmetal' },
{ name: 'Carbon', symbol: 'C', number: 6, weight: 12.011, type: 'nonmetal' },
{ name: 'Nitrogen', symbol: 'N', number: 7, weight: 14.007, type: 'nonmetal' },
{ name: 'Oxygen', symbol: 'O', number: 8, weight: 15.999, type: 'nonmetal' },
{ name: 'Fluorine', symbol: 'F', number: 9, weight: 18.998, type: 'nonmetal' },
{ name: 'Neon', symbol: 'Ne', number: 10, weight: 20.18, type: 'noblegas' },
],
[
{ name: 'Sodium', symbol: 'Na', number: 11, weight: 22.9898 },
{ name: 'Magnesium', symbol: 'Mg', number: 12, weight: 24.305 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: 'Aluminum', symbol: 'Al', number: 13, weight: 26.982 },
{ name: 'Silicon', symbol: 'Si', number: 14, weight: 28.086 },
{ name: 'Phosphorus', symbol: 'P', number: 15, weight: 30.974 },
{ name: 'Sulfur', symbol: 'S', number: 16, weight: 32.065 },
{ name: 'Chlorine', symbol: 'Cl', number: 17, weight: 35.453 },
{ name: 'Argon', symbol: 'Ar', number: 18, weight: 39.948 },
{ name: 'Sodium', symbol: 'Na', number: 11, weight: 22.9898, type: 'metal' },
{ name: 'Magnesium', symbol: 'Mg', number: 12, weight: 24.305, type: 'metal' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: 'Aluminum', symbol: 'Al', number: 13, weight: 26.982, type: 'metal' },
{ name: 'Silicon', symbol: 'Si', number: 14, weight: 28.086, type: 'nonmetal' },
{ name: 'Phosphorus', symbol: 'P', number: 15, weight: 30.974, type: 'nonmetal' },
{ name: 'Sulfur', symbol: 'S', number: 16, weight: 32.065, type: 'nonmetal' },
{ name: 'Chlorine', symbol: 'Cl', number: 17, weight: 35.453, type: 'nonmetal' },
{ name: 'Argon', symbol: 'Ar', number: 18, weight: 39.948, type: 'noblegas' },
],
[
{ name: 'Potassium', symbol: 'K', number: 19, weight: 39.098 },
{ name: 'Calcium', symbol: 'Ca', number: 20, weight: 40.078 },
{ name: 'Scandium', symbol: 'Sc', number: 21, weight: 44.956 },
{ name: 'Titanium', symbol: 'Ti', number: 22, weight: 47.867 },
{ name: 'Vanadium', symbol: 'V', number: 23, weight: 50.942 },
{ name: 'Chromium', symbol: 'Cr', number: 24, weight: 51.996, icon: 'chromium-browser' },
{ name: 'Manganese', symbol: 'Mn', number: 25, weight: 54.938 },
{ name: 'Iron', symbol: 'Fe', number: 26, weight: 55.845 },
{ name: 'Cobalt', symbol: 'Co', number: 27, weight: 58.933 },
{ name: 'Nickel', symbol: 'Ni', number: 28, weight: 58.693 },
{ name: 'Copper', symbol: 'Cu', number: 29, weight: 63.546 },
{ name: 'Zinc', symbol: 'Zn', number: 30, weight: 65.38 },
{ name: 'Gallium', symbol: 'Ga', number: 31, weight: 69.723 },
{ name: 'Germanium', symbol: 'Ge', number: 32, weight: 72.630 },
{ name: 'Arsenic', symbol: 'As', number: 33, weight: 74.9216 },
{ name: 'Selenium', symbol: 'Se', number: 34, weight: 78.96 },
{ name: 'Bromine', symbol: 'Br', number: 35, weight: 79.904 },
{ name: 'Krypton', symbol: 'Kr', number: 36, weight: 83.798 },
{ name: 'Potassium', symbol: 'K', number: 19, weight: 39.098, type: 'metal' },
{ name: 'Calcium', symbol: 'Ca', number: 20, weight: 40.078, type: 'metal' },
{ name: 'Scandium', symbol: 'Sc', number: 21, weight: 44.956, type: 'metal' },
{ name: 'Titanium', symbol: 'Ti', number: 22, weight: 47.867, type: 'metal' },
{ name: 'Vanadium', symbol: 'V', number: 23, weight: 50.942, type: 'metal' },
{ name: 'Chromium', symbol: 'Cr', number: 24, weight: 51.996, type: 'metal', icon: 'chromium-browser' },
{ name: 'Manganese', symbol: 'Mn', number: 25, weight: 54.938, type: 'metal' },
{ name: 'Iron', symbol: 'Fe', number: 26, weight: 55.845, type: 'metal' },
{ name: 'Cobalt', symbol: 'Co', number: 27, weight: 58.933, type: 'metal' },
{ name: 'Nickel', symbol: 'Ni', number: 28, weight: 58.693, type: 'metal' },
{ name: 'Copper', symbol: 'Cu', number: 29, weight: 63.546, type: 'metal' },
{ name: 'Zinc', symbol: 'Zn', number: 30, weight: 65.38, type: 'metal' },
{ name: 'Gallium', symbol: 'Ga', number: 31, weight: 69.723, type: 'metal' },
{ name: 'Germanium', symbol: 'Ge', number: 32, weight: 72.630, type: 'metal' },
{ name: 'Arsenic', symbol: 'As', number: 33, weight: 74.9216, type: 'nonmetal' },
{ name: 'Selenium', symbol: 'Se', number: 34, weight: 78.96, type: 'nonmetal' },
{ name: 'Bromine', symbol: 'Br', number: 35, weight: 79.904, type: 'nonmetal' },
{ name: 'Krypton', symbol: 'Kr', number: 36, weight: 83.798, type: 'noblegas' },
],
[
{ name: 'Rubidium', symbol: 'Rb', number: 37, weight: 85.4678 },
{ name: 'Strontium', symbol: 'Sr', number: 38, weight: 87.62 },
{ name: 'Yttrium', symbol: 'Y', number: 39, weight: 88.9059 },
{ name: 'Zirconium', symbol: 'Zr', number: 40, weight: 91.224 },
{ name: 'Niobium', symbol: 'Nb', number: 41, weight: 92.906 },
{ name: 'Molybdenum', symbol: 'Mo', number: 42, weight: 95.94 },
{ name: 'Technetium', symbol: 'Tc', number: 43, weight: 98 },
{ name: 'Ruthenium', symbol: 'Ru', number: 44, weight: 101.07 },
{ name: 'Rhodium', symbol: 'Rh', number: 45, weight: 102.91 },
{ name: 'Palladium', symbol: 'Pd', number: 46, weight: 106.42 },
{ name: 'Silver', symbol: 'Ag', number: 47, weight: 107.868 },
{ name: 'Cadmium', symbol: 'Cd', number: 48, weight: 112.411 },
{ name: 'Indium', symbol: 'In', number: 49, weight: 114.818 },
{ name: 'Tin', symbol: 'Sn', number: 50, weight: 118.71 },
{ name: 'Antimony', symbol: 'Sb', number: 51, weight: 121.76 },
{ name: 'Tellurium', symbol: 'Te', number: 52, weight: 127.6 },
{ name: 'Iodine', symbol: 'I', number: 53, weight: 126.9 },
{ name: 'Xenon', symbol: 'Xe', number: 54, weight: 131.29 },
{ name: 'Rubidium', symbol: 'Rb', number: 37, weight: 85.4678, type: 'metal' },
{ name: 'Strontium', symbol: 'Sr', number: 38, weight: 87.62, type: 'metal' },
{ name: 'Yttrium', symbol: 'Y', number: 39, weight: 88.9059, type: 'metal' },
{ name: 'Zirconium', symbol: 'Zr', number: 40, weight: 91.224, type: 'metal' },
{ name: 'Niobium', symbol: 'Nb', number: 41, weight: 92.906, type: 'metal' },
{ name: 'Molybdenum', symbol: 'Mo', number: 42, weight: 95.94, type: 'metal' },
{ name: 'Technetium', symbol: 'Tc', number: 43, weight: 98, type: 'metal' },
{ name: 'Ruthenium', symbol: 'Ru', number: 44, weight: 101.07, type: 'metal' },
{ name: 'Rhodium', symbol: 'Rh', number: 45, weight: 102.91, type: 'metal' },
{ name: 'Palladium', symbol: 'Pd', number: 46, weight: 106.42, type: 'metal' },
{ name: 'Silver', symbol: 'Ag', number: 47, weight: 107.868, type: 'metal' },
{ name: 'Cadmium', symbol: 'Cd', number: 48, weight: 112.411, type: 'metal' },
{ name: 'Indium', symbol: 'In', number: 49, weight: 114.818, type: 'metal' },
{ name: 'Tin', symbol: 'Sn', number: 50, weight: 118.71, type: 'metal' },
{ name: 'Antimony', symbol: 'Sb', number: 51, weight: 121.76, type: 'metal' },
{ name: 'Tellurium', symbol: 'Te', number: 52, weight: 127.6, type: 'nonmetal' },
{ name: 'Iodine', symbol: 'I', number: 53, weight: 126.9, type: 'nonmetal' },
{ name: 'Xenon', symbol: 'Xe', number: 54, weight: 131.29, type: 'noblegas' },
],
[
{ name: 'Cesium', symbol: 'Cs', number: 55, weight: 132.905 },
{ name: 'Barium', symbol: 'Ba', number: 56, weight: 137.327 },
{ name: 'Lanthanum', symbol: 'La', number: 57, weight: 138.906 },
{ name: 'Hafnium', symbol: 'Hf', number: 72, weight: 178.49 },
{ name: 'Tantalum', symbol: 'Ta', number: 73, weight: 180.948 },
{ name: 'Tungsten', symbol: 'W', number: 74, weight: 183.84 },
{ name: 'Rhenium', symbol: 'Re', number: 75, weight: 186.207 },
{ name: 'Osmium', symbol: 'Os', number: 76, weight: 190.23 },
{ name: 'Iridium', symbol: 'Ir', number: 77, weight: 192.217 },
{ name: 'Platinum', symbol: 'Pt', number: 78, weight: 195.085 },
{ name: 'Gold', symbol: 'Au', number: 79, weight: 196.967 },
{ name: 'Mercury', symbol: 'Hg', number: 80, weight: 200.59 },
{ name: 'Thallium', symbol: 'Tl', number: 81, weight: 204.383 },
{ name: 'Lead', symbol: 'Pb', number: 82, weight: 207.2 },
{ name: 'Bismuth', symbol: 'Bi', number: 83, weight: 208.980 },
{ name: 'Polonium', symbol: 'Po', number: 84, weight: 209 },
{ name: 'Astatine', symbol: 'At', number: 85, weight: 210 },
{ name: 'Radon', symbol: 'Rn', number: 86, weight: 222 },
{ name: 'Cesium', symbol: 'Cs', number: 55, weight: 132.905, type: 'metal' },
{ name: 'Barium', symbol: 'Ba', number: 56, weight: 137.327, type: 'metal' },
{ name: 'Lanthanum', symbol: 'La', number: 57, weight: 138.906, type: 'lanthanum' },
{ name: 'Hafnium', symbol: 'Hf', number: 72, weight: 178.49, type: 'metal' },
{ name: 'Tantalum', symbol: 'Ta', number: 73, weight: 180.948, type: 'metal' },
{ name: 'Tungsten', symbol: 'W', number: 74, weight: 183.84, type: 'metal' },
{ name: 'Rhenium', symbol: 'Re', number: 75, weight: 186.207, type: 'metal' },
{ name: 'Osmium', symbol: 'Os', number: 76, weight: 190.23, type: 'metal' },
{ name: 'Iridium', symbol: 'Ir', number: 77, weight: 192.217, type: 'metal' },
{ name: 'Platinum', symbol: 'Pt', number: 78, weight: 195.085, type: 'metal' },
{ name: 'Gold', symbol: 'Au', number: 79, weight: 196.967, type: 'metal' },
{ name: 'Mercury', symbol: 'Hg', number: 80, weight: 200.59, type: 'metal' },
{ name: 'Thallium', symbol: 'Tl', number: 81, weight: 204.383, type: 'metal' },
{ name: 'Lead', symbol: 'Pb', number: 82, weight: 207.2, type: 'metal' },
{ name: 'Bismuth', symbol: 'Bi', number: 83, weight: 208.980, type: 'metal' },
{ name: 'Polonium', symbol: 'Po', number: 84, weight: 209, type: 'metal' },
{ name: 'Astatine', symbol: 'At', number: 85, weight: 210, type: 'nonmetal' },
{ name: 'Radon', symbol: 'Rn', number: 86, weight: 222, type: 'noblegas' },
],
[
{ name: 'Francium', symbol: 'Fr', number: 87, weight: 223 },
{ name: 'Radium', symbol: 'Ra', number: 88, weight: 226 },
{ name: 'Actinium', symbol: 'Ac', number: 89, weight: 227 },
{ name: 'Rutherfordium', symbol: 'Rf', number: 104, weight: 267 },
{ name: 'Dubnium', symbol: 'Db', number: 105, weight: 268 },
{ name: 'Seaborgium', symbol: 'Sg', number: 106, weight: 271 },
{ name: 'Bohrium', symbol: 'Bh', number: 107, weight: 272 },
{ name: 'Hassium', symbol: 'Hs', number: 108, weight: 277 },
{ name: 'Meitnerium', symbol: 'Mt', number: 109, weight: 278 },
{ name: 'Darmstadtium', symbol: 'Ds', number: 110, weight: 281 },
{ name: 'Roentgenium', symbol: 'Rg', number: 111, weight: 280 },
{ name: 'Copernicium', symbol: 'Cn', number: 112, weight: 285 },
{ name: 'Nihonium', symbol: 'Nh', number: 113, weight: 286 },
{ name: 'Flerovium', symbol: 'Fl', number: 114, weight: 289 },
{ name: 'Moscovium', symbol: 'Mc', number: 115, weight: 290 },
{ name: 'Livermorium', symbol: 'Lv', number: 116, weight: 293 },
{ name: 'Tennessine', symbol: 'Ts', number: 117, weight: 294 },
{ name: 'Oganesson', symbol: 'Og', number: 118, weight: 294 },
{ name: 'Francium', symbol: 'Fr', number: 87, weight: 223, type: 'metal' },
{ name: 'Radium', symbol: 'Ra', number: 88, weight: 226, type: 'metal' },
{ name: 'Actinium', symbol: 'Ac', number: 89, weight: 227, type: 'actinium' },
{ name: 'Rutherfordium', symbol: 'Rf', number: 104, weight: 267, type: 'metal' },
{ name: 'Dubnium', symbol: 'Db', number: 105, weight: 268, type: 'metal' },
{ name: 'Seaborgium', symbol: 'Sg', number: 106, weight: 271, type: 'metal' },
{ name: 'Bohrium', symbol: 'Bh', number: 107, weight: 272, type: 'metal' },
{ name: 'Hassium', symbol: 'Hs', number: 108, weight: 277, type: 'metal' },
{ name: 'Meitnerium', symbol: 'Mt', number: 109, weight: 278, type: 'metal' },
{ name: 'Darmstadtium', symbol: 'Ds', number: 110, weight: 281, type: 'metal' },
{ name: 'Roentgenium', symbol: 'Rg', number: 111, weight: 280, type: 'metal' },
{ name: 'Copernicium', symbol: 'Cn', number: 112, weight: 285, type: 'metal' },
{ name: 'Nihonium', symbol: 'Nh', number: 113, weight: 286, type: 'metal' },
{ name: 'Flerovium', symbol: 'Fl', number: 114, weight: 289, type: 'metal' },
{ name: 'Moscovium', symbol: 'Mc', number: 115, weight: 290, type: 'metal' },
{ name: 'Livermorium', symbol: 'Lv', number: 116, weight: 293, type: 'metal' },
{ name: 'Tennessine', symbol: 'Ts', number: 117, weight: 294, type: 'metal' },
{ name: 'Oganesson', symbol: 'Og', number: 118, weight: 294, type: 'noblegas' },
],
]
export const series = [
[
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: 'Cerium', symbol: 'Ce', number: 58, weight: 140.12 },
{ name: 'Praseodymium', symbol: 'Pr', number: 59, weight: 140.91 },
{ name: 'Neodymium', symbol: 'Nd', number: 60, weight: 144.24 },
{ name: 'Promethium', symbol: 'Pm', number: 61, weight: 145 },
{ name: 'Samarium', symbol: 'Sm', number: 62, weight: 150.36 },
{ name: 'Europium', symbol: 'Eu', number: 63, weight: 151.96 },
{ name: 'Gadolinium', symbol: 'Gd', number: 64, weight: 157.25 },
{ name: 'Terbium', symbol: 'Tb', number: 65, weight: 158.93 },
{ name: 'Dysprosium', symbol: 'Dy', number: 66, weight: 162.5 },
{ name: 'Holmium', symbol: 'Ho', number: 67, weight: 164.93 },
{ name: 'Erbium', symbol: 'Er', number: 68, weight: 167.26 },
{ name: 'Thulium', symbol: 'Tm', number: 69, weight: 168.93 },
{ name: 'Ytterbium', symbol: 'Yb', number: 70, weight: 173.04 },
{ name: 'Lutetium', symbol: 'Lu', number: 71, weight: 174.97 },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: 'Cerium', symbol: 'Ce', number: 58, weight: 140.12, type: 'lanthanum' },
{ name: 'Praseodymium', symbol: 'Pr', number: 59, weight: 140.91, type: 'lanthanum' },
{ name: 'Neodymium', symbol: 'Nd', number: 60, weight: 144.24, type: 'lanthanum' },
{ name: 'Promethium', symbol: 'Pm', number: 61, weight: 145, type: 'lanthanum' },
{ name: 'Samarium', symbol: 'Sm', number: 62, weight: 150.36, type: 'lanthanum' },
{ name: 'Europium', symbol: 'Eu', number: 63, weight: 151.96, type: 'lanthanum' },
{ name: 'Gadolinium', symbol: 'Gd', number: 64, weight: 157.25, type: 'lanthanum' },
{ name: 'Terbium', symbol: 'Tb', number: 65, weight: 158.93, type: 'lanthanum' },
{ name: 'Dysprosium', symbol: 'Dy', number: 66, weight: 162.5, type: 'lanthanum' },
{ name: 'Holmium', symbol: 'Ho', number: 67, weight: 164.93, type: 'lanthanum' },
{ name: 'Erbium', symbol: 'Er', number: 68, weight: 167.26, type: 'lanthanum' },
{ name: 'Thulium', symbol: 'Tm', number: 69, weight: 168.93, type: 'lanthanum' },
{ name: 'Ytterbium', symbol: 'Yb', number: 70, weight: 173.04, type: 'lanthanum' },
{ name: 'Lutetium', symbol: 'Lu', number: 71, weight: 174.97, type: 'lanthanum' },
],
[
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: '', symbol: '', number: -1, weight: 0 },
{ name: 'Thorium', symbol: 'Th', number: 90, weight: 232.04 },
{ name: 'Protactinium', symbol: 'Pa', number: 91, weight: 231.04 },
{ name: 'Uranium', symbol: 'U', number: 92, weight: 238.03 },
{ name: 'Neptunium', symbol: 'Np', number: 93, weight: 237 },
{ name: 'Plutonium', symbol: 'Pu', number: 94, weight: 244 },
{ name: 'Americium', symbol: 'Am', number: 95, weight: 243 },
{ name: 'Curium', symbol: 'Cm', number: 96, weight: 247 },
{ name: 'Berkelium', symbol: 'Bk', number: 97, weight: 247 },
{ name: 'Californium', symbol: 'Cf', number: 98, weight: 251 },
{ name: 'Einsteinium', symbol: 'Es', number: 99, weight: 252 },
{ name: 'Fermium', symbol: 'Fm', number: 100, weight: 257 },
{ name: 'Mendelevium', symbol: 'Md', number: 101, weight: 258 },
{ name: 'Nobelium', symbol: 'No', number: 102, weight: 259 },
{ name: 'Lawrencium', symbol: 'Lr', number: 103, weight: 262 },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: '', symbol: '', number: -1, weight: 0, type: 'empty' },
{ name: 'Thorium', symbol: 'Th', number: 90, weight: 232.04, type: 'actinium' },
{ name: 'Protactinium', symbol: 'Pa', number: 91, weight: 231.04, type: 'actinium' },
{ name: 'Uranium', symbol: 'U', number: 92, weight: 238.03, type: 'actinium' },
{ name: 'Neptunium', symbol: 'Np', number: 93, weight: 237, type: 'actinium' },
{ name: 'Plutonium', symbol: 'Pu', number: 94, weight: 244, type: 'actinium' },
{ name: 'Americium', symbol: 'Am', number: 95, weight: 243, type: 'actinium' },
{ name: 'Curium', symbol: 'Cm', number: 96, weight: 247, type: 'actinium' },
{ name: 'Berkelium', symbol: 'Bk', number: 97, weight: 247, type: 'actinium' },
{ name: 'Californium', symbol: 'Cf', number: 98, weight: 251, type: 'actinium' },
{ name: 'Einsteinium', symbol: 'Es', number: 99, weight: 252, type: 'actinium' },
{ name: 'Fermium', symbol: 'Fm', number: 100, weight: 257, type: 'actinium' },
{ name: 'Mendelevium', symbol: 'Md', number: 101, weight: 258, type: 'actinium' },
{ name: 'Nobelium', symbol: 'No', number: 102, weight: 259, type: 'actinium' },
{ name: 'Lawrencium', symbol: 'Lr', number: 103, weight: 262, type: 'actinium' },
],
]
@@ -6,25 +6,29 @@ export default () => {
const ElementTile = (element) => {
return Box({
vertical: true,
className: (element.name == '' ? 'cheatsheet-periodictable-empty' : 'cheatsheet-periodictable-element'),
className: `cheatsheet-periodictable-${element.type}`,
children: element.name == '' ? null : [
Box({
className: 'padding-8',
children: [
Label({
label: `${element.number}`,
className: "txt txt-tiny",
className: "txt-tiny",
}),
Box({ hexpand: true }),
Label({
label: `${element.weight}`,
className: "txt txt-smaller",
className: "txt-smaller",
})
]
}),
Label({
label: `${element.symbol}`,
className: "txt txt-large txt-bold",
className: "txt-hugeass txt-bold",
}),
Label({
label: `${element.name}`,
className: "txt-tiny",
})
]
})
+35 -2
View File
@@ -62,7 +62,7 @@
font-size: 1.705rem;
}
.cheatsheet-periodictable-element {
@mixin cheatsheet-periodictable-element {
min-width: 5.455rem;
min-height: 5.455rem;
@include small-rounding;
@@ -70,8 +70,41 @@
color: $onLayer1;
}
.cheatsheet-periodictable-element {
@include cheatsheet-periodictable-element;
}
.cheatsheet-periodictable-empty {
@include small-rounding;
min-width: 5.455rem;
min-height: 5.455rem;
@include small-rounding;
}
.cheatsheet-periodictable-metal {
@include cheatsheet-periodictable-element;
background-color: $term2;
color: $term0;
}
.cheatsheet-periodictable-nonmetal {
@include cheatsheet-periodictable-element;
background-color: $term4;
color: $term0;
}
.cheatsheet-periodictable-noblegas {
@include cheatsheet-periodictable-element;
background-color: $term5;
color: $term0;
}
.cheatsheet-periodictable-lanthanum {
@include cheatsheet-periodictable-element;
background-color: $term3;
color: $term0;
}
.cheatsheet-periodictable-actinium {
@include cheatsheet-periodictable-element;
background-color: $term7;
color: $term0;
}