lnls-ids.github.io/agu.html at main · lnls-ids/lnls-ids.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="author" content="Jefferson Barros Vieira">
	<meta name="dcterms.created" content="08-14-2025">
	<meta name="email" content="jefferson.vieira@lnls.br">
    <link rel="author" href="https://github.com/JeffersonBarrosVieira">
	<meta name="organization" content="LNLS Insertion Devices and Photon Diagnostic Group">
    <meta name="copyright" content="2025">
	<title>Undulator Simulation</title>
	<script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.132.2/examples/js/controls/OrbitControls.js"></script>
	<link rel="stylesheet" href="./src/css/agu.css">
</head>

<body>
	<div id="slider-container">
		<header>
			<a href="index.html">← Home</a>
		</header>
		<label for="gap">Gap:</label>
		<input type="range" id="gap" min="4" max="40" step="0.1" value="10" ,
			oninput="this.nextElementSibling.nextElementSibling.value = this.value">
		<br>
		<output>10</output> mm
		<br>

		<label for="period">Period:</label>
		<input type="range" id="period" min="10" max="60" step="0.1" value="18" ,
			oninput="this.nextElementSibling.nextElementSibling.value = this.value">
		<br>
		<output>18</output> mm
		<br>
	</div>
	<script type="module" src="./src/js/agu.js"></script>
</body>

</html>