-
Notifications
You must be signed in to change notification settings - Fork 6
/
1916Mermaids.html
103 lines (75 loc) · 2.85 KB
/
1916Mermaids.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="images/favicon.ico">
<title>1916 MERMAINDS</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/vizcaya.css" rel="stylesheet">
<style>
h1, p, hr {
color: white;
border-color: dimgrey;
}
.bg-light {
background-color: black !important;
}
body {
background-color: black !important;
}
.footer {
background-color: black !important;
}
.footer a {
color: white;
}
.col-md-2{
max-width: 25% !important;
}
</style>
</head>
<body style="touch-action:none;">
<script src="models/build/three.js"></script>
<script src="libs/other/OrbitControls.js"></script>
<script src="libs/loaders/GLTFLoader.js"></script>
<script src="libs/inflate.min.js"></script>
<div class="container-fluid">
<div id="container">
<div id="split-container" class="mini-container1">
<div class="row">
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
<div id="popups_sidebar-sticky" class="sidebar-sticky">
<h1>1916 Sculptures</h1><hr />
<p>
This digital recreation of one of the statues is based on historical photographs in Vizcaya’s archives. When compared with the 3D documentation from 2017, it reveals the extreme erosion that has occurred over the decades.
</p>
</div>
<!--sticky footer
<footer class="footer">
<div>
<p align="center">
<a href="mermaids.html"><u>View 2017 Sculptures</u></a><br>
</p>
</div>
</footer>-->
</nav>
</div>
</div>
<div id="split-container" class="mini-container2">
<iframe src="models/1916mermaids.html" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
</body>
</html>