Skip to content

Instantly share code, notes, and snippets.

@mark-cooper

mark-cooper/index.html

Created May 7, 2022 05:55
Show Gist options
  • Save mark-cooper/90d8a388d8a899bab277b6757f6f43a9 to your computer and use it in GitHub Desktop.
Save mark-cooper/90d8a388d8a899bab277b6757f6f43a9 to your computer and use it in GitHub Desktop.
Download ZIP
CSpace Public Browser example
Raw
index.html
<!DOCTYPE html>
<html>
<!-- cspace public browser tester -->
<!-- python3 -m http.server [8000] -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CollectionSpace Public Browser</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<style type="text/css" media="screen">
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
#wrapper {
flex: 1;
}
</style>
</head>
<body>
<div id="wrapper">
<nav class="navbar is-black py-2" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://core.dev.collectionspace.org">
<img src="https://explorecollectionspace.org/wp-content/uploads/2020/09/CollectionSpace.png">
</a>
</div>
<div id="navbarBasic" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-light" href="https://core.dev.collectionspace.org/cspace/core/login">
<span class="mr-2 pb-1">Log in</span>
<span><img src="https://s3-us-west-2.amazonaws.com/cs-public-shared-files/cspace_dots.png" style="vertical-align: bottom"></span>
</a>
</div>
</div>
</div>
</div>
</nav>
<div id="cspace-browser"></div>
</div>
<footer class="footer" style="background-color: rgb(245, 245, 245)">
<div class="columns">
<div class="column is-one-fifth"></div>
<div class="column is-three-fifths">
<div class="content has-text-centered">
<p>
<a href="https://collectionspace.org">CollectionSpace</a></strong> is a web-based, open-source
collections management software for museums and more.
</p>
</div>
</div>
<div class="column is-one-fifth"></div>
</div>
</footer>
<script src="https://unpkg.com/cspace-public-browser@1.1.0/dist/cspacePublicBrowser.min.js"></script>
<script>
cspacePublicBrowser({
gatewayUrl: 'https://core.dev.collectionspace.org/gateway/core'
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment