@gobistories/gobi-web-integration
Version:
This library will let you put your Gobi stories on your site.
73 lines (69 loc) • 1.63 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Gobi - Web Integration test</title>
<meta name="viewport" content="width=device-width, maximum-scale=1" />
<script type="text/javascript" src="/dist/run-config.js"></script>
<style>
#wrapper {
width: 800px;
}
</style>
<script type="text/javascript" src="../index.js?v=d85e77"></script></head>
<!-- Limit width -->
<div id="wrapper">
<h1>Should wrap</h1>
<div id="gobi-module-container"></div>
<h1>Should not wrap</h1>
<div id="gobi-module-container-2"></div>
</div>
<script>
new gobi.Bubbles({
container: '#gobi-module-container',
playerOptions: {
autoStart: true,
apiBaseUrl: runConfig.apiBaseUrl,
},
showPlayIcon: true,
animatedBubble: true,
color: '#000000',
bubbleSize: '115px',
wrap: true,
stories: [
{ id: "demo01" },
{ id: "demo02" },
{ id: "demo03" },
{ id: "demo04" },
{ id: "demo05" },
{ id: "demo06" },
{ id: "demo07" },
{ id: "demo08" },
{ id: "demo09" },
],
});
new gobi.Bubbles({
container: '#gobi-module-container-2',
playerOptions: {
autoStart: true,
apiBaseUrl: runConfig.apiBaseUrl,
},
showPlayIcon: true,
animatedBubble: true,
color: '#000000',
bubbleSize: '115px',
wrap: false,
stories: [
{ id: "demo10" },
{ id: "demo11" },
{ id: "demo12" },
{ id: "demo13" },
{ id: "demo14" },
{ id: "demo15" },
{ id: "demo16" },
{ id: "demo17" },
{ id: "demo18" },
],
});
</script>
</html>