forked from amnh-sciviz/collectionscope
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (118 loc) · 7.72 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Collectionscope</title>
<meta name="description" content="A tool to view museum collections">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://amnh-sciviz.github.io/collectionscope/img/amnh_collectionscope.jpg" />
<meta name="image_src" content="https://amnh-sciviz.github.io/collectionscope/img/amnh_collectionscope.jpg" />
<!-- styles -->
<link rel="stylesheet" href="css/vars.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="header">
<h1>Collection<strong>scope</strong></h1>
<h2>Explore the Museum’s collections across time and space.</h2>
</div>
<div class="content">
<div class="description">
<h2><span>Collection<strong>scope</strong></span> is an open source software engine for visualizing museum collections across time and space.</h2>
<span class="br"></span>
<p><span>Collection<strong>scope</strong></span> collects, processes, and transforms collections metadata into digital information that can be visualized and explored on multiple platforms, including immersive 3D environments.</p>
<span class="br"></span>
<p>Plotting this data across time and space provides engaging access to entire collections and the objects within, as well as the opportunity to dive into rich and complex institutional histories.</p>
<span class="br"></span>
<p>Built with open source tools and libraries, the engine is freely available to other cultural institutions to visualize their own collections and develop experiences that suit their unique learning goals and audiences.</p>
</div>
<div class="reel">
<h1>Highlight Demo</h1>
<video src="https://amnh-sciviz.github.io/assets/video/collectionscope_highlight_reel_2021-04-08.mp4?v=1" loop autoplay muted poster="img/amnh_collectionscope.png" controls></video>
</div>
<div class="features">
<h1>Features</h1>
<ul class="flex-container">
<li class="flex-item">
<h1>Visualize</h1>
<img src="img/homepage/img_feature_01.jpg" alt="Tunnel image" style="max-width:100%; max-height: 100%;"/>
<p>Map 100,000s of objects in 3D space with configurable layouts</p>
</li>
<li class="flex-item">
<h1>Multi-platform support</h1>
<img src="img/homepage/img_feature_02.jpg" alt="Touch-screen image" style="max-width:100%; max-height: 100%;"/>
<p>Interact with mouse and keyboard or touch with experimental support for mixed reality</p>
</li>
<li class="flex-item">
<h1>Simple configuration</h1>
<img src="img/homepage/img_feature_03.jpg" alt="data image" style="max-width:100%; max-height: 100%;"/>
<p>Create your visualization from a comma-separated values (CSV) file</p>
</li>
<li class="flex-item">
<h1>Customizable</h1>
<img src="img/homepage/img_feature_04.jpg" alt="style guide image" style="max-width:100%; max-height: 100%;"/>
<p>With story template, add context and interpretation and showcase 3D objects, audio, and external links</p>
</li>
<li class="flex-item">
<h1>Open source</h1>
<img src="img/homepage/img_feature_05.jpg" alt="open source image" style="max-width:100%; max-height: 100%;"/>
<p>Collectionscope is an open source tool free to use and adapt</p>
</li>
</ul>
</div>
<div class="examples">
<h1>Examples</h1>
<h2>Explore some examples of using this tool with difference open access collections</h2>
<ul class="flex-container">
<li class="flex-item">
<a href="apps/amnh">
<img src="img/homepage/amnh_screenshot.jpg" alt="A screenshot of the American Museum of Natural History prototype"/>
<p>See over 250,000 objects from the American Museum of Natural History’s anthropology collection, spanning the globe and collected over its 150-year history.</p>
</a>
</li>
<li class="flex-item">
<a href="apps/met">
<img src="img/homepage/met_screenshot.jpg" alt="A screenshot of the Met prototype"/>
<p>See 70,000 of The Met’s objects available under its Open Access program, visualized across space and time.</p>
</a>
</li>
</ul>
</div>
<div class="documentation">
<h1>Documentation</h1>
<ul class="flex-container">
<li class="flex-item">
<a href="https://github.com/amnh-sciviz/collectionscope#readme" target="_blank">
<img src="img/homepage/GitHub_Logo_White.png" alt="GitHub Logo" style="width:auto; height: 80px;"/>
<img src="img/homepage/GitHub_Octocat.png" alt="GitHub Octocat" style="width:auto; height: 80px;"/>
</a>
</li>
<li class="flex-item">
<p>Access the codebase on GitHub and start building your own Collectionscope project.</p>
</li>
</ul>
</div>
<div class="read-more">
<h1>Read more</h1>
<ul class="flex-container">
<li class="flex-item">
<a href="https://www.microsoft.com/inculture/arts/the-knight-foundation/" target="_blank">
<img src="img/homepage/img_readmore_01.jpg" alt="Reimagining the arts with immersive technology" style="max-width:100%; max-height: 100%;"/>
</a>
<p>Microsoft press release</p>
<a href="https://www.microsoft.com/inculture/arts/the-knight-foundation/" target="_blank"><span>Reimagining the arts with immersive technology</span></a>
</li>
<li class="flex-item">
<a href="https://www.microsoft.com/inculture/arts/the-knight-foundation/" target="_blank">
<img src="img/homepage/img_readmore_02.jpg" alt="shaping the future of technology" style="max-width:100%; max-height: 100%;"/>
</a>
<p>Knight Foundation press release</p>
<a href="https://knightfoundation.org/press/releases/shaping-the-future-of-technology-in-museums-knight-invests-750000-in-five-experiments-using-immersive-technology-in-the-arts/" target="_blank"><span>Shaping the future of technology in museums</span></a>
</li>
</ul>
</div>
</div>
<div class="footer"><div class="credits"><a href="https://amnh.org/" target="_blank"><img src="img/amnh_logo.png" alt="American Museum of Natural History" /></a><a href="https://knightfoundation.org/" target="_blank"><img src="img/knight_logo.png" alt="Knight Foundation" /></a></div>
<p class="credits-text">This prototype is supported by <a href="https://knightfoundation.org/press/releases/shaping-the-future-of-technology-in-museums-knight-invests-750000-in-five-experiments-using-immersive-technology-in-the-arts/" target="_blank">The Knight Foundation</a> and built by <a href="https://www.amnh.org/" target="_blank">the American Museum of Natural History</a>'s <a href="https://amnh-sciviz.github.io/">Science Visualization Group</a></p></div>
</body>
</html>