inperiod 0.1.5

Modern fancy interactive online periodic table of chemistry elements
Documentation 
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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <!--meta content="text/html; charset=utf-8" http-equiv="Content-Type" /-->
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>{app_title}</title> <base href="/{base_path}/"/>
</head>

<body id="main"> <!--div id="main"></div-->
  <script>
const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
if (isChrome) { document.body.style = "zoom: 0.5; width: fit-content"; } else {
//if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent))
  document.body.style = //document.documentElement.style = // <html>
    "transform: scale(0.5); transform-origin: 0px 0px; width: 0px; height: 0px;";

  const style = document.createElement('style');
  style.innerHTML = `
select { appearance: none; }
select:not([size]) { /* https://flowbite.com/docs/forms/select/ */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: .75em .75em;
  padding-right: 2.25rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
`;
  document.head.appendChild(style);
}
  </script>
</body>
</html>