-
Notifications
You must be signed in to change notification settings - Fork 32
/
phonon_standalone.html
129 lines (116 loc) · 5.45 KB
/
phonon_standalone.html
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<title>TSS Physics - Visualization of phonons</title>
<!-- META TAGS about the Website-->
<meta name="author" content="Henrique Miranda, Raoul Weber">
<meta name="copyright" content="2014 Theoretical Solid-State Physics Group of University of Luxembourg">
<meta http-equiv="content-language" content="text/html; charset=utf-8; en">
<meta name="title" content="Theoretical Solid-State Physics: Phonon visualizations">
<meta name="description" content="Interactive website for the visualization of phonons (lattice vibrations).">
<meta name="keywords" content="University of Luxembourg, theoretical
solid-state physics, phonons, lattice vibrations, visualization of phonons, phonon dispersion">
<!-- META TAGS start Jmol animation -->
<meta name="Title" content="Phonon animation">
<meta name="Format" content="text/html">
<meta name="Language" content="en">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script data-main="build/main.js" src="libs/require.min.js"></script>
</head>
<body>
<div class="container">
<div class="material-name"><h1 id="name" hidden=true>Material</h1></div>
<div class="flex-container">
<div class="flex-menu">
<div id="menu">
<div id="material-list" hidden=true>
<h3>Materials:</h3>
<ul id="mat"></ul>
<ul id="ref"></ul>
</div>
<div id="options-list">
<div hidden=true>
<h3>Custom file:</h3>
<input type="file" id="file-input" name="customfile"/>
</div>
<div>
<h3>Lattice parameters (Ångström):</h3>
<table id="lattice">
</table>
</div>
<div>
<h3>Atomic positions (reduced):</h3>
<div>
<table id="atompos">
</table>
</div>
</div>
<div>
<h3>Repetitions:</h3>
<form>
<input id="nx" value="3" type="number" name="quantity">
<input id="ny" value="3" type="number" name="quantity">
<input id="nz" value="3" type="number" name="quantity">
<button id="update" type="button">update</button>
</form>
</div>
<div style="display: table;">
<div style="display: table-cell; padding-right: 5px;">
<h3>Camera:</h3>
<button id="camerax" type="button">x</button>
<button id="cameray" type="button">y</button>
<button id="cameraz" type="button">z</button>
</div>
<div style="display: table-cell; padding-right: 5px;">
<h3>Cell:</h3>
<input id="drawcell" type="checkbox">on</input>
</div>
<div style="display: table-cell; padding-right: 5px;">
<h3>Display:</h3>
<select id='displaystyle'>
<option value="jmol">Jmol</option>
<option value="vesta">Vesta</option>
</select>
</div>
<div style="display: table-cell;">
<h3>Export movie:</h3>
<button id="gifbutton" type="button">gif</button>
<button id="webmbutton" type="button">webm</button>
<div id="progress"></div>
</div>
</div>
<div>
<h3>Amplitude:</h3>
<form>
<input id="amplitude_range" type="range">
<input id="amplitude_box" type="number">
</form>
</div>
<div>
<h3>Vectors:</h3>
<input id="vectors_amplitude_range" type="range">
<input id="drawvectors" type="checkbox">on</input>
</div>
<div>
<h3>Speed:</h3>
<input id="speed_range" type="range">
<button id="playpause" type="button">pause</button>
</div>
<!--
<div>
<h3>Export displacement:</h3>
Phase (°):
<input id="phase" type="number" value="0.0" min="0.0" max="360.0" step ="45">
<button id="xsf" type="button">xsf</button>
<button id="poscar" type="button">POSCAR</button>
</div>-->
</div>
</div>
</div>
<div class="flex-vibcrystal"><div id="vibcrystal"></div></div>
<div class="flex-highcharts"><div id="highcharts"></div></div>
</div>
</div>
</body>
</html>