-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (68 loc) · 3.44 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Interactive 3DGS</title>
<link href="./images/logo_square.png" rel="icon" type="image/x-icon">
<link href="./stylesheets/tweakpane_examples.css" rel="stylesheet" type="text/css">
<link href="./stylesheets/home.css" rel="stylesheet" type="text/css"
<script crossorigin="anonymous" src="https://kit.fontawesome.com/403ca9559d.js"></script>
</head>
<body>
<div id="section1"></div>
<div id="navbar">
<a href="#section1">about</a>
<a href="#section2">examples</a>
<a href="#team">team</a>
</div>
<div id="about">
<div id="title">
<span class="acronym">Interactive</span><br>
<span class="acronym">3D</span><br>
<span class="acronym">Graphic</span><br>
<span class="acronym">Statics</span>
</div>
<div id="description">
i3DGS is an interactive platform for the methods of 3D/Polyhedral Graphic Statics. This platform is
designed to educate the principles of equilibrium using reciprocal polyhedral diagrams by providing a variety of
different examples. The methods of 3D/Polyhedral Graphic statics are developed based on the “principle of the
equilibrium of polyhedral frames.” the objective of this platform is to encourage students, researchers, and
practitioners to use the geometry-based methods of equilibrium in design and engineering problems.
<div id="section2"></div>
</div>
<div id="examples"></div>
<div id="item">
<b>Team</b><br>
<a href="https://psl.design.upenn.edu/hua-chai/">Hua Chai</a><br>
<a href="https://psl.design.upenn.edu/wenxi-chen/">Wenxi Chen</a><br>
Prof. Dr. <a href="https://psl.design.upenn.edu/masoud-akbarzadeh/">Masoud Akbarzadeh</a>
<p></p>
<div id="team"><b>Funding</b><br>
<a href="https://www.nsf.gov/awardsearch/showAward?AWD_ID=1944691&HistoricalAwards=false">National Science
Foundation CAREER Award (NSF CAREER-1944691)</a></div>
</div>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r124/three.js" type="text/javascript"></script>
<script src="../libs/three/utils/SceneUtils.js" type="text/javascript"></script>
<script src="../libs/three/controls/TransformControls.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/controls/OrbitControls.js"
type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/17.2.0/Tween.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tweakpane.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tweakpane.min.js"></script>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</html>