From 705ac2019cc418d982ddfaad0ed2cd93f5a9b0de Mon Sep 17 00:00:00 2001 From: end-4 <97237370+end-4@users.noreply.github.com> Date: Tue, 16 Apr 2024 18:23:16 +0700 Subject: [PATCH] make periodic table actually look good --- .../modules/cheatsheet/data_periodictable.js | 320 +++++++++--------- .../ags/modules/cheatsheet/periodictable.js | 12 +- .config/ags/scss/_cheatsheet.scss | 37 +- 3 files changed, 203 insertions(+), 166 deletions(-) diff --git a/.config/ags/modules/cheatsheet/data_periodictable.js b/.config/ags/modules/cheatsheet/data_periodictable.js index 3fb3f88b7..97c5cc6c8 100644 --- a/.config/ags/modules/cheatsheet/data_periodictable.js +++ b/.config/ags/modules/cheatsheet/data_periodictable.js @@ -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' }, ], ] \ No newline at end of file diff --git a/.config/ags/modules/cheatsheet/periodictable.js b/.config/ags/modules/cheatsheet/periodictable.js index b60d465f6..feb30a176 100644 --- a/.config/ags/modules/cheatsheet/periodictable.js +++ b/.config/ags/modules/cheatsheet/periodictable.js @@ -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", }) ] }) diff --git a/.config/ags/scss/_cheatsheet.scss b/.config/ags/scss/_cheatsheet.scss index 8e38257ea..8dfb57288 100644 --- a/.config/ags/scss/_cheatsheet.scss +++ b/.config/ags/scss/_cheatsheet.scss @@ -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; +} \ No newline at end of file