Skip to content

Instantly share code, notes, and snippets.

@cianclarke

cianclarke/ross.html

Last active January 24, 2018 14:38
Show Gist options
  • Save cianclarke/617d0c5bd39abdb1375a26bdbabaffc2 to your computer and use it in GitHub Desktop.
Save cianclarke/617d0c5bd39abdb1375a26bdbabaffc2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ross.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ServisBot Web Messenger</title>
<meta name="description" content="ServisBot Web Messenger">
<meta name="author" content="ServisBot">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="height=device-height width=device-width, initial-scale=1">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<style>
html {
height: 100%;
width: 100%;
background: url("/img/background.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #DDDDDD;
overflow: hidden;
position: fixed;
}
html body {
overflow: hidden;
}
.sample-button {
background-color: #0392CF;
border-style: none;
color: #FFFFFF;
width: 80px;
height: 40px;
border-radius: 5px;
font-size: 16px;
}
</style>
</head>
<body>
<button onclick="toggle()" class="sample-button">Click</button>
<button onclick="reset()" class="sample-button">Reset</button>
<script src="//alphaservisbotcdn.net/lightning/ff8ba8f/vendor-messenger.js"></script>
<script src="//alphaservisbotcdn.net/lightning/ff8ba8f/bundle-messenger.js"></script>
<script>
const hostUrl = location.protocol + '//' + location.host;
const ServisBotApi = ServisBot.init({
url:'http://ross.alphaservisbot.net',
displayWidget: true,
alwaysOpen: false
});
const toggle = ServisBotApi.toggle;
const reset = ServisBotApi.reset;
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment