Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

public/datas/elements-chimiques.csv

@@ -1,96 +1,96 @@
-Z (numéro atomique),Élément,Symbole,Famille,Abondance des éléments dans la croûte terrestre (μg/k)
-1,Hydrogène,H,Non-métal,> 100000
-2,Hélium,He,Gaz noble,> 1 et < 100 000
-3,Lithium,Li,Métal alcalin,> 1 et < 100 000
-4,Béryllium,Be,Métal alcalino-terreux,> 1 et < 100 000
-5,Bore,B,Métalloïde,> 1 et < 100 000
-6,Carbone,C,Non-métal,> 100000
-7,Azote,N,Non-métal,> 1 et < 100 000
-8,Oxygène,O,Non-métal,> 100000
-9,Fluor,F,Halogène,> 100000
-10,Néon,Ne,Gaz noble,> 1 et < 100 000
-11,Sodium,Na,Métal alcalin,> 100000
-12,Magnésium,Mg,Métal alcalino-terreux,> 100000
-13,Aluminium,Al,Métal pauvre,> 100000
-14,Silicium,Si,Métalloïde,> 100000
-15,Phosphore,P,Non-métal,> 100000
-16,Soufre,S,Non-métal,> 100000
-17,Chlore,Cl,Halogène,> 100000
-18,Argon,Ar,Gaz noble,> 1 et < 100 000
-19,Potassium,K,Métal alcalin,> 100000
-20,Calcium,Ca,Métal alcalino-terreux,> 100000
-21,Scandium,Sc,Métal de transition,> 1 et < 100 000
-22,Titane,Ti,Métal de transition,> 100000
-23,Vanadium,V,Métal de transition,> 100000
-24,Chrome,Cr,Métal de transition,> 100000
-25,Manganèse,Mn,Métal de transition,> 100000
-26,Fer,Fe,Métal de transition,> 100000
-27,Cobalt,Co,Métal de transition,> 1 et < 100 000
-28,Nickel,Ni,Métal de transition,> 1 et < 100 000
-29,Cuivre,Cu,Métal de transition,> 1 et < 100 000
-30,Zinc,Zn,Métal pauvre,> 1 et < 100 000
-31,Gallium,Ga,Métal pauvre,> 1 et < 100 000
-32,Germanium,Ge,Métalloïde,> 1 et < 100 000
-33,Arsenic,As,Métalloïde,> 1 et < 100 000
-34,Sélénium,Se,Non-métal,> 1 et < 100 000
-35,Brome,Br,Halogène,> 1 et < 100 000
-36,Krypton,Kr,gaz rare,≤ 1
-37,Rubidium,Rb,Métal alcalin,> 1 et < 100 000
-38,Strontium,Sr,Métal alcalino-terreux,> 100000
-39,Yttrium,Y,Métal de transition,> 1 et < 100 000
-40,Zirconium,Zr,Métal de transition,> 100000
-41,Niobium,Nb,Métal de transition,> 1 et < 100 000
-42,Molybdène,Mo,Métal de transition,> 1 et < 100 000
+Z (numéro atomique),Élément,Symbole,Famille,Abondance dans la croûte terrestre
+1,Hydrogène,H,Non-métal,Importante
+2,Hélium,He,Gaz noble,Significative
+3,Lithium,Li,Métal alcalin,Significative
+4,Béryllium,Be,Métal alcalino-terreux,Significative
+5,Bore,B,Métalloïde,Significative
+6,Carbone,C,Non-métal,Importante
+7,Azote,N,Non-métal,Significative
+8,Oxygène,O,Non-métal,Importante
+9,Fluor,F,Halogène,Importante
+10,Néon,Ne,Gaz noble,Significative
+11,Sodium,Na,Métal alcalin,Importante
+12,Magnésium,Mg,Métal alcalino-terreux,Importante
+13,Aluminium,Al,Métal pauvre,Importante
+14,Silicium,Si,Métalloïde,Importante
+15,Phosphore,P,Non-métal,Importante
+16,Soufre,S,Non-métal,Importante
+17,Chlore,Cl,Halogène,Importante
+18,Argon,Ar,Gaz noble,Significative
+19,Potassium,K,Métal alcalin,Importante
+20,Calcium,Ca,Métal alcalino-terreux,Importante
+21,Scandium,Sc,Métal de transition,Significative
+22,Titane,Ti,Métal de transition,Importante
+23,Vanadium,V,Métal de transition,Importante
+24,Chrome,Cr,Métal de transition,Importante
+25,Manganèse,Mn,Métal de transition,Importante
+26,Fer,Fe,Métal de transition,Importante
+27,Cobalt,Co,Métal de transition,Significative
+28,Nickel,Ni,Métal de transition,Significative
+29,Cuivre,Cu,Métal de transition,Significative
+30,Zinc,Zn,Métal pauvre,Significative
+31,Gallium,Ga,Métal pauvre,Significative
+32,Germanium,Ge,Métalloïde,Significative
+33,Arsenic,As,Métalloïde,Significative
+34,Sélénium,Se,Non-métal,Significative
+35,Brome,Br,Halogène,Significative
+36,Krypton,Kr,gaz rare,Faible
+37,Rubidium,Rb,Métal alcalin,Significative
+38,Strontium,Sr,Métal alcalino-terreux,Importante
+39,Yttrium,Y,Métal de transition,Significative
+40,Zirconium,Zr,Métal de transition,Importante
+41,Niobium,Nb,Métal de transition,Significative
+42,Molybdène,Mo,Métal de transition,Significative
 43,Technétium,Tc,Métal de transition,Traces 
-44,Ruthénium,Ru,Métal de transition,≤ 1
-45,Rhodium,Rh,Métal de transition,≤ 1
-46,Palladium,Pd,Métal de transition,> 1 et < 100 000
-47,Argent,Ag,Métal de transition,> 1 et < 100 000
-48,Cadmium,Cd,Métal pauvre,> 1 et < 100 000
-49,Indium,In,Métal pauvre,> 1 et < 100 000
-50,Étain,Sn,Métal pauvre,> 1 et < 100 000
-51,Antimoine,Sb,Métalloïde,> 1 et < 100 000
-52,Tellure,Te,Métalloïde,≤ 1
-53,Iode,I,Halogène,> 1 et < 100 000
-54,Xénon,Xe,gaz rare,≤ 1
-55,Césium,Cs,Métal alcalin,> 1 et < 100 000
-56,Baryum,Ba,Métal alcalino-terreux,> 100000
-57,Lanthane,La,Lanthanide,> 1 et < 100 000
-58,Cérium,Ce,Lanthanide,> 1 et < 100 000
-59,Praséodyme,Pr,Lanthanide,> 1 et < 100 000
-60,Néodyme,Nd,Lanthanide,> 1 et < 100 000
+44,Ruthénium,Ru,Métal de transition,Faible
+45,Rhodium,Rh,Métal de transition,Faible
+46,Palladium,Pd,Métal de transition,Significative
+47,Argent,Ag,Métal de transition,Significative
+48,Cadmium,Cd,Métal pauvre,Significative
+49,Indium,In,Métal pauvre,Significative
+50,Étain,Sn,Métal pauvre,Significative
+51,Antimoine,Sb,Métalloïde,Significative
+52,Tellure,Te,Métalloïde,Faible
+53,Iode,I,Halogène,Significative
+54,Xénon,Xe,gaz rare,Faible
+55,Césium,Cs,Métal alcalin,Significative
+56,Baryum,Ba,Métal alcalino-terreux,Importante
+57,Lanthane,La,Lanthanide,Significative
+58,Cérium,Ce,Lanthanide,Significative
+59,Praséodyme,Pr,Lanthanide,Significative
+60,Néodyme,Nd,Lanthanide,Significative
 61,Prométhium,Pm,Lanthanide,Traces 
-62,Samarium,Sm,Lanthanide,> 1 et < 100 000
-63,Europium,Eu,Lanthanide,> 1 et < 100 000
-64,Gadolinium,Gd,Lanthanide,> 1 et < 100 000
-65,Terbium,Tb,Lanthanide,> 1 et < 100 000
-66,Dysprosium,Dy,Lanthanide,> 1 et < 100 000
-67,Holmium,Ho,Lanthanide,> 1 et < 100 000
-68,Erbium,Er,Lanthanide,> 1 et < 100 000
-69,Thulium,Tm,Lanthanide,> 1 et < 100 000
-70,Ytterbium,Yb,Lanthanide,> 1 et < 100 000
-71,Lutécium,Lu,Lanthanide,> 1 et < 100 000
-72,Hafnium,Hf,Métal de transition,> 1 et < 100 000
-73,Tantale,Ta,Métal de transition,> 1 et < 100 000
-74,Tungstène,W,Métal de transition,> 1 et < 100 000
-75,Rhénium,Re,Métal de transition,≤ 1
-76,Osmium,Os,Métal de transition,> 1 et < 100 000
-77,Iridium,Ir,Métal de transition,≤ 1
-78,Platine,Pt,Métal de transition,> 1 et < 100 000
-79,Or,Au,Métal de transition,> 1 et < 100 000
-80,Mercure,Hg,Métal pauvre,> 1 et < 100 000
-81,Thallium,Tl,Métal pauvre,> 1 et < 100 000
-82,Plomb,Pb,Métal pauvre,> 1 et < 100 000
-83,Bismuth,Bi,Métal pauvre,> 1 et < 100 000
-84,Polonium,Po,Métal pauvre,≤ 1
+62,Samarium,Sm,Lanthanide,Significative
+63,Europium,Eu,Lanthanide,Significative
+64,Gadolinium,Gd,Lanthanide,Significative
+65,Terbium,Tb,Lanthanide,Significative
+66,Dysprosium,Dy,Lanthanide,Significative
+67,Holmium,Ho,Lanthanide,Significative
+68,Erbium,Er,Lanthanide,Significative
+69,Thulium,Tm,Lanthanide,Significative
+70,Ytterbium,Yb,Lanthanide,Significative
+71,Lutécium,Lu,Lanthanide,Significative
+72,Hafnium,Hf,Métal de transition,Significative
+73,Tantale,Ta,Métal de transition,Significative
+74,Tungstène,W,Métal de transition,Significative
+75,Rhénium,Re,Métal de transition,Faible
+76,Osmium,Os,Métal de transition,Significative
+77,Iridium,Ir,Métal de transition,Faible
+78,Platine,Pt,Métal de transition,Significative
+79,Or,Au,Métal de transition,Significative
+80,Mercure,Hg,Métal pauvre,Significative
+81,Thallium,Tl,Métal pauvre,Significative
+82,Plomb,Pb,Métal pauvre,Significative
+83,Bismuth,Bi,Métal pauvre,Significative
+84,Polonium,Po,Métal pauvre,Faible
 85,Astate,At,Métalloïde,Traces 
-86,Radon,Rn,Gaz noble,≤ 1
+86,Radon,Rn,Gaz noble,Faible
 87,Francium,Fr,Métal alcalin,Traces 
-88,Radium,Ra,Métal alcalino-terreux,≤ 1
-89,Actinium,Ac,Actinide,≤ 1
-90,Thorium,Th,Actinide,> 1 et < 100 000
-91,Protactinium,Pa,Actinide,≤ 1
-92,Uranium,U,Actinide,> 1 et < 100 000
+88,Radium,Ra,Métal alcalino-terreux,Faible
+89,Actinium,Ac,Actinide,Faible
+90,Thorium,Th,Actinide,Significative
+91,Protactinium,Pa,Actinide,Faible
+92,Uranium,U,Actinide,Significative
 93,Neptunium,Np,Actinide,Traces 
 94,Plutonium,Pu,Actinide,Traces 
 95,Américium,Am,Actinide,Inexistant

public/index.html

@@ -3,18 +3,19 @@
 <head>
 	<meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">        
-    <meta name="description" content="Page d'exemple simple d'utilisaion du script freeCSV2HTML.">
+    <meta name="description" content="Page d'exemple d'utilisation du script freeDatas2HTML pour visualiser des informations venant d'un fichier CSV.">
     <meta name="robots" content="noindex">
+    <link rel="stylesheet" href="CSS/paper.min.css">
     <script src="JS/firstExample.app.js" defer></script>
-    <title>freeCSV2HTML (démo utilisation simple)</title>
+    <title>freeDatas2HTML : démo affichage données venant d'un fichier CSV.</title>
 </head>
-<body>
-    <h1>freeCSV2HTML</h1>
+<body class="paper container">
+    <h1>freeDatas2HTML</h1>
     <p id="filtre1"></p>
     <p id="filtre2"></p>
     <article id="datas">
         <p>Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.</p>
     </article>
-    <aside><p>Les données affichées viennent d'un fichier csv reprennant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments">sur Wikipédia</a>.</p></aside>
+    <aside><p>Les données affichées viennent d'<a href="datas/elements-chimiques.csv">un fichier CSV</a> reprennant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments" target="_blank">sur Wikipédia</a>.<br>Design basé sur <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a></p></aside>
 </body>
 </html>

src/firstExample.ts

@@ -13,6 +13,8 @@ const initialise = async () =>
     catch(e)
     {
         console.error(e);
+        if(document.getElementById("datas")!==null)
+            document.getElementById("datas")!.innerHTML="<strong>Désolé, mais un problème technique empêche l'affichage des données.</strong>";
     }
 }
 initialise();