<!DOCTYPE html><html> <head> <title>HBLL Chat</title> <meta charset="utf-8"> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=1' /> <script src="https://media.lib.byu.edu/assets/js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script type='text/javascript' charset='utf-8'>document.domain = 'lib.byu.edu';</script> <style type="text/css" media="screen"> html { height: 100%; } body { margin: 0; padding: 15px; background: #242527; height: 96%; } #chat { width: 200px; float: left; margin-right: 15px; } #chat * { font-family: "Source Sans Pro", "Lucida Grande", Helvetica, Arial, sans-serif; } #chat h4 { font-size: 16px; font-weight: 600; color: #8b98a5; margin: 0 0 5px 0; } #chat a { color: #fff; font-size: 14px; text-decoration: none; line-height: 1.3em; } #chat a:before { content: '➤ '; font-size: 12px; color: #888; margin-right: 3px; } #chat a:hover { color: #95d571; } #chat a.home { display: none; } #chat .group+.group { margin-top: 1em; } #chat ul { color: #9ab0c3; margin: 0; padding: 0; } #chat ul li { font-size: .9em; list-style: none; } #chat ul li+li { margin-top: 3px; } #chat ul li a { color: #e8e7c7; text-decoration: none; } #chat ul li a:before { content: none; } #chat ul li a:hover { color: #fff; } iframe#chatbox { border: solid 1px #111; width: 100%; height: 350px; margin-bottom: 1.5em; } iframe#hbll { border: solid 1px #111; width: 750px; width: calc(100% - 225px); height: 100%; } #chatbox.offline { background: #000; border-radius: 5px; color: #eee; margin-bottom: 15px; padding: 12px 15px; } /* Media queries */ @media screen and (max-width: 768px) { iframe#hbll { width: 500px; width: calc(100% - 225px); } } @media screen and (max-width: 580px) { iframe#hbll { display: none; } #chat { width: 100%; float: none; margin: 0; } #chat a.current { display: none; } #chat a.home { display: block; } } </style></head> <body id="main"> <div id="chat"> <div> <div class="needs-js">Chat loading...</div> <div class="libraryh3lp" jid="hbll_commons@chat.libraryh3lp.com" style="display: none;"> <iframe id="chatbox" src="https://libraryh3lp.com/chat/hbll_commons@chat.libraryh3lp.com?skin=8470&theme=gota&title=Live Library Chat&identity=Librarian" frameborder="0"></iframe> </div> <div class="libraryh3lp" style="display: none;"> <div id="chatbox" class="offline">Our chat queue is currently offline. Please check back later or try using one of the contact methods below.</div> </div> </div> <div class="group"> <h4>Done chatting?</h4> <a class="current" href="//lib.byu.edu/">Go to the Library home page</a> <a class="home" href="//lib.byu.edu/">Go to the Library home page</a> </div> <div class="group"> <h4>Or call or text us:</h4> <ul> <li>Text: <a href="sms://+18016236838">(801) 623-6838</a></li> <li>Phone: <a href="tel:+18014226061">(801) 422-6061</a></li> </ul> </div> </div> <script type='text/javascript'> // Load LibraryH3lp (function () { var x = document.createElement("script"); x.type = "text/javascript"; x.async = true; x.src = "https://libraryh3lp.com/js/libraryh3lp.js?multi,poll"; var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y); })(); // Prep the iframe for the page we're previewing var iframe = document.createElement('iframe'); iframe.setAttribute("id", "hbll"); iframe.setAttribute("name", "hbll"); iframe.setAttribute("frameborder", "none"); iframe.setAttribute("src", "//lib.byu.edu/"); document.getElementById('main').appendChild(iframe); $("iframe#hbll").load(function () { iframe = document.getElementById("hbll"); if (iframe.contentWindow) { newurl = iframe.contentWindow.location.href; if (newurl) { $("#chat a.current").attr("href", newurl); $("#chat a.current").html("Go to the current page"); } else { $("#chat a.current").attr("href", "//lib.byu.edu/"); $("#chat a.current").html("Go to the library home page"); } } }); </script> <!-- SiteCatalyst code version: G.9.Copyright 1997-2004 Omniture, Inc. More info available athttp://www.omniture.com --> <script language='JavaScript' type='text/javascript'><!--/* You may give each page an identifying name, server, and channel on the next lines. */ var s_pageName = 'HBLL Chat'; var s_server = 'lib.byu.edu'; var s_channel = 'HBLL Chat'; var s_pageType = ''; var s_prop1 = ''; var s_prop2 = ''; var s_prop3 = ''; var s_prop4 = ''; var s_prop5 = ''; //--></script> <script language='JavaScript' src='//lib.byu.edu/s_code_remote.js' type='text/javascript'></script> <!-- End SiteCatalyst code version: G.9. --> </body> </html> 
