-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (86 loc) · 5.84 KB
/
index.html
File metadata and controls
87 lines (86 loc) · 5.84 KB
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
<!doctype html>
<html>
<head>
<title>Heritage Connector Demonstrators</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"/>
<style>
a[target=_blank]:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
</style>
</head>
<body>
<article class="pa3 pa5-ns pt2-ns sans-serif">
<h1 class="f3 f2-m f1-l">Heritage Connector Demonstrators</h1>
<p class="lh-copy">
This page serves as a directory of demos for the <a href="https://www.sciencemuseumgroup.org.uk/projects/heritage-connector" target="_blank">Heritage Connector project</a>. The source code for most of these demos can be found on <a href="https://github.com/TheScienceMuseum/heritage-connector-demos" target="_blank">GitHub</a>.
</p>
<p class="measure lh-copy pt2-ns">
<section class="cf w-100 pa2-ns">
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="https://github.com/TheScienceMuseum/heritage-connector-demos/tree/main/5_map_visualisation" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/imgs/map.png);"
class="db bg-center cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">Mapping locations</h3>
<h3 class="f6 f5 fw4 mt2 black-60">Creating Google maps from places found in the Science Museum Group collection.</h3>
</a>
</article>
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="http://heritageconnector.sciencemuseum.org.uk/6_metadata_explorer/index.html" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/imgs/metadata_explorer.png);"
class="db bg-left cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">Metadata explorer</h3>
<h3 class="f6 f5 fw4 mt2 black-60">An interface for guided exploration of the Heritage Connector knowledge graph.</h3>
</a>
</article>
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="http://heritageconnector.sciencemuseum.org.uk/3_visualisation/index.html" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/3_visualisation/screenshot.png);"
class="db bg-center cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">Visualisation</h3>
<h3 class="f6 f5 fw4 mt2 black-60">View a map of a knowledge graph containing the Science Museum Group's collection, blog and journal. </h3>
</a>
</article>
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="http://heritageconnector.sciencemuseum.org.uk/4_visualisation_vanda/index.html" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/4_visualisation_vanda/screenshot.png);"
class="db bg-center cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">Visualisation - multiple collections</h3>
<h3 class="f6 f5 fw4 mt2 black-60">View a map of a knowledge graph containing the Science Museum Group's collection, blog and journal, and part of the V&A's collection.</h3>
</a>
</article>
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="https://github.com/TheScienceMuseum/heritage-connector-demos/tree/main/2_bookmarklet" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/2_bookmarklet/screenshot.gif);"
class="db bg-right cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">Bookmarklet</h3>
<h3 class="f6 f5 fw4 mt2 black-60">Browse the Heritage Connector knowledge graph from a page within it.</h3>
</a>
</article>
<article class="fl w-100 w-50-m w-25-ns pa2-ns">
<div class="aspect-ratio aspect-ratio--4x3">
<a href="http://34.240.58.30" class="ph2 ph0-ns pb3 link db">
<img style="background-image:url(http://heritageconnector.sciencemuseum.org.uk/imgs/sparql_ui.png);"
class="db bg-left cover aspect-ratio--object" />
</div>
<h3 class="f5 f4-ns mb0 black-90">SPARQL query interface</h3>
<h3 class="f6 f5 fw4 mt2 black-60">Query the Heritage Connector knowledge graph using SPARQL.</h3>
</a>
</article>
</section>
</p>
</article>
</body>