-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdetails.html
More file actions
92 lines (92 loc) · 5.38 KB
/
Copy pathdetails.html
File metadata and controls
92 lines (92 loc) · 5.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="logo.ico" />
<link rel="stylesheet" href="./styles/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@400&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400&display=swap"
rel="stylesheet"
/>
<title></title>
<style>
.description a:link, .resources a:link {
text-decoration: underline;
text-align: left
}
</style>
<script src="./js/toggle.js" defer></script>
<script src="./js/details.js" type="module" defer></script>
</head>
<body>
<button id="mode" aria-label="toggle to dark-mode">
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="path" d="M25.6288 23.6435C19.6476 29.3755 10.1523 29.1734 4.42036 23.1923C-1.31157 17.2111 -1.10953 7.71579 4.87162 1.98386C10.8528 -3.74806 4.73747 5.35647 13.5 14.5C22.2625 23.6435 31.6099 17.9116 25.6288 23.6435Z" fill="black"/>
</svg>
</button>
<button id="back">
<a href="./index.html">Back to Table</a>
</button>
<div class="description" >
<div class="card name">Click an element to view its details here !</div>
<div class="card particles"></div>
<div class="card placement"></div>
<div class="card discovery"></div>
<div class="card p-properties"></div>
<div class="card c-properties"></div>
<div class="card summary"></div>
<div class="card history"></div>
<div class="card uses"></div>
<div class="card structure-3d"></div>
<div class="card structure-2d"></div>
<div class="card source"></div><br/>
</div>
<div class="resources" style="margin-right: auto; margin-left: 2em; font-family: sans-serif;">
<h2>Resources:</h2><br>
<ul>
<li><a href="https://geology.com/" target="_blank">https://geology.com/</a></li>
<li><a href="https://education.jlab.org/itselemental/" target="_blank">https://education.jlab.org/itselemental/</a></li>
<li><a href="https://www.angloamerican.com/" target="_blank">https://www.angloamerican.com/</a></li>
<li><a href="https://sciencing.com/" target="_blank">https://sciencing.com/</a></li>
<li><a href="https://www.tanb.org/index" target="_blank">https://www.tanb.org/index</li>
<li><a href="https://pubchem.ncbi.nlm.nih.gov/" target="_blank">https://pubchem.ncbi.nlm.nih.gov/</a></li>
<li><a href="https://www.lenntech.com/periodic/elements/" target="_blank">https://www.lenntech.com/periodic/elements/</a></li>
<li><a href="https://www.livescience.com/" target="_blank">https://www.livescience.com/</a></li>
<li><a href="https://www.cobaltinstitute.org/" target="_blank">https://www.cobaltinstitute.org/</a></li>
<li><a href="https://www.bbc.co.uk/bitesize/guides/zpcdsg8/revision/1" target="_blank">https://www.bbc.co.uk/bitesize/guides/zpcdsg8/revision/1</a></li>
<li><a href="https://www.morecambemetals.co.uk/" target="_blank">https://www.morecambemetals.co.uk/</a></li>
<li><a href="https://www.refractorymetal.org/" target="_blank">https://www.refractorymetal.org/</a></li>
<li><a href="https://www.chemicool.com/elements/" target="_blank">https://www.chemicool.com/elements/</a></li>
<li><a href="https://www.news-medical.net/health/Uses-of-Calcium.aspx" target="_blank">https://www.news-medical.net/health/Uses-of-Calcium.aspx</a></li>
<li><a href="https://www.ducksters.com/science/chemistry/" target="_blank">https://www.ducksters.com/science/chemistry/</a></li>
<li><a href="https://www.chemicalsafetyfacts.org/" target="_blank">https://www.chemicalsafetyfacts.org/</a></li><br>
</ul>
</div>
<footer>
<a href="https://github.com/Rithish288/Periodic-Table" title="GitHub">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
class="gitHub"
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
/>
</svg>
</a>
</footer>
<!-- <script src="/__/firebase/8.9.0/firebase-app.js"></script>
<script src="/__/firebase/8.9.0/firebase-analytics.js"></script>
<script src="/__/firebase/init.js"></script> -->
</body>
</html>