1<!DOCTYPE html>
2<html lang="en">
3<!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2022 Louis Dalibard
11 -->
12
13<head>
14 <!-- Stylesheet-->
15 <link rel="stylesheet" type="text/css" href="style.css">
16 <!-- Title Element-->
17 <title>OnTake's Website</title>
18 <!-- Icon-->
19 <link rel="icon" type="image/webp" href="assets/icons/icon.webp">
20 </link>
21 <!-- Main Script Handling All Effects-->
22 <!-- Script for all pages-->
23 <!-- Metadata-->
24 <meta property="og:type" content="website">
25 <meta property="og:url" content="https://ontake.dev/">
26 <meta property="og:title" content="Periodic Table">
27 <meta name="viewport" content="width=device-width, initial-scale=0.1">
28</head>
29
30<body>
31 <div id="info-container">
32 <div id="info-element-symbol" class="info-element">Symbol: H</div>
33 <div id="info-element-name" class="info-element">Name: Hydrogen</div>
34 <div id="info-element-Z" class="info-element">Z: 1</div>
35 <div id="info-element-A" class="info-element">Mass: 1.00794(4)</div>
36 <div id="info-element-electronic-configuration" class="info-element">Electronic Configuration: 1s1</div>
37 <div id="info-element-block" class="info-element">Block: s</div>
38 <div id="info-element-group-block" class="info-element">Group Block: nonmetal</div>
39 <div id="info-element-standard-state" class="info-element">Standard State: solid</div>
40 <div id="info-element-ionization-energy" class="info-element">Ionization Energy: 1312kJ⋅mol−1</div>
41 </div>
42 <div id="container"></div>
43 <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" src="assets/icons/home.webp"></img></a></div>
44 <script src="main.js"></script>
45</body>
46
47</html>