2016-04-05 21:07:00 -04:00
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >
< title > Atoms< / title >
< link rel = "icon" href = "./resources/static/favicon.ico" >
< link rel = "stylesheet" href = "./index.css" >
2016-04-07 02:23:42 -04:00
< link rel = "stylesheet" href = "http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" >
2016-04-05 21:07:00 -04:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=no" >
< / head >
< body >
2016-04-07 02:23:42 -04:00
< div class = "pulltab first" > < p class = "tDesc" > Elements< / p > < / div >
2016-04-10 04:05:46 -04:00
< div class = "sidebar elements" >
2016-04-15 19:05:12 -04:00
< i class = "fa fa-close" > < / i >
2016-04-15 21:42:45 -04:00
< div class = "legendholder" > < / div >
2016-04-07 02:23:42 -04:00
< / div >
< div class = "pulltab second" > < p class = "tDesc" > Settings< / p > < / div >
2016-04-10 04:05:46 -04:00
< div class = "sidebar settings" >
2016-04-07 02:23:42 -04:00
< i class = "fa fa-close" > < / i >
2016-04-13 23:43:24 -04:00
< div > < p class = "desc" title = "Change the Color Scheme of the site" > Background Theme< / p > < div class = option id = "theme" > < / div > < / div >
< div > < p class = "desc" title = "Change what color represents in the Periodic Table and the atoms" > Display Theme< / p > < div class = option id = "displayTheme" > < / div > < / div >
< div > < p class = "desc" title = "Style of Electron Configuration" > Electron Configuration< / p > < div class = option id = "elecConf" > < / div > < / div >
< div > < p class = "desc" title = "Units to display Temperatures" > Units< / p > < div class = option id = "unit" > < / div > < / div >
2016-04-10 20:42:15 -04:00
< div class = 'about' >
2016-04-15 21:51:14 -04:00
< p > Developed by Kenneth Jao and Yaman Qalieh< / p >
2016-04-10 20:42:15 -04:00
< a class = "github" target = "_blank" href = "https://github.com/ksjdragon/atoms" > Github< / a >
< / div >
2016-04-07 02:23:42 -04:00
< / div >
2016-04-05 21:07:00 -04:00
< div class = "workspace" > < / div >
< / body >
2016-04-15 21:42:45 -04:00
< script type = 'text/javascript' >
var settings = {};
var info;
var options = ["theme","displayTheme","elecConf","unit"];
var choices = [
["light","dark"],
["category", "atomRadi", "moleWeig", "ioniEner", "elecAffi", "elecNega", "density", "melting","boiling"],
["abr","norm"],
["K","C","F"]
];
2016-04-15 22:13:08 -04:00
2016-04-15 21:42:45 -04:00
var choicesDisplay = [
["Light","Dark"],
["Region", "Atomic Radius", "Molecular Mass", "Ionization Energy", "Electron Affinity", "Electronegativity", "Density", "Melting Point", "Boiling Point"],
["Abbreviated","Full"],
["Kelvin","Celsius","Fahrenheit"]
];
var colorChart = {
2016-04-15 22:13:08 -04:00
"category": {"al":'#8EF02B',"ae":"#D77A1D","md":"#387290","nm":"#52BFF6","ha":"#4842E9","ng":"#7B1AE9","tm":"#E5D439","bm":"#2ADEA8","lh":"#F02BBC","ac":"#D78A8A"},
2016-04-15 21:42:45 -04:00
"atomRadi": ["#151618", "#2C7BF2"],
"moleWeig": ["#151618", "#2C7BF2"],
2016-04-15 22:13:08 -04:00
"ioniEner": ["#E2DC27", "#5535D4"],
2016-04-15 21:42:45 -04:00
"elecAffi": ["#E2DC27", "#5535D4"],
"elecNega": ["#E2DC27","#5535D4"],
"density": ["#151618", "#2C7BF2"],
"melting": ["#D7301E", "#69F2F2"],
"boiling": ["#D7301E", "#69F2F2"]
};
< / script >
2016-04-15 22:13:08 -04:00
2016-04-15 21:42:45 -04:00
< script src = "./js/main.js" > < / script >
< script src = "./js/backend.js" > < / script >
< script src = "./js/buttons.js" > < / script >
< script src = "./js/reactive.js" > < / script >
< script src = "./js/settings.js" > < / script >
2016-04-05 21:07:00 -04:00
<!-- <script src="https://code.jquery.com/jquery - 2.1.4.min.js"></script>
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.1/jquery.scrollTo.js" > < / script >
-->
< / html >
