Skip to content

Instantly share code, notes, and snippets.

@guinslym

guinslym/chat_tab_starter_template.html

Created June 28, 2019 18:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save guinslym/050f6e292e7f1d979ef5fa8e35be7f28 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save guinslym/050f6e292e7f1d979ef5fa8e35be7f28 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
chat_tab_starter_template.html
<!doctype html>
<html lang="en">
<head>
<title>Chat Tab!</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<div class="jumbotron">
<h1 class="display-4">Chat Tab Example!</h1>
<p class="lead">This is a chat tab Example.<br/>
Please login in the <a href="https://ca.libraryh3lp.com/webclient/client" target="_blank">Practice</a> queue. If there are no operators in the practice queue, this Chat Tab will redirect you to the Ask webpage.
</p>
<div ></div>
</div>
<!-- Place this div in your web page where you want your chat widget to appear. -->
<div class="needs-js">chat loading...</div>
<!-- Optional JavaScript -->
<!-- Place this script as near to the end of your BODY as possible. -->
<script type="text/javascript">
(function() {
var x = document.createElement("script");
x.type = "text/javascript";
x.async = true;
x.src =
(document.location.protocol === "https:" ? "https://" : "http://") +
"ca.libraryh3lp.com/js/libraryh3lp.js?934";
var y = document.getElementsByTagName("script")[0];
y.parentNode.insertBefore(x, y);
})();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment