Created
July 29, 2014 19:08
-
-
Save lucasff/d9071bdacd003b353ffe to your computer and use it in GitHub Desktop.
Old HostGator USA chat with animated swamp in HTML5. Copyright by HostGator LLC.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | |
| <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> | |
| <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline --> | |
| <!--[if gt IE 8]><!--> | |
| <html class="no-js" lang="en" > | |
| <head> | |
| <meta charset="utf-8"> | |
| <!-- Use the .htaccess and remove these lines to avoid edge case issues. | |
| More info: h5bp.com/b/378 --> | |
| <!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]--> | |
| <title>HostGator Live Chat</title> | |
| <meta name="description" content="" /> | |
| <meta name="author" content="" /> | |
| <!-- Mobile viewport optimized: j.mp/bplateviewport --> | |
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | |
| <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons --> | |
| <!-- CSS: implied media=all --> | |
| <!-- CSS concatenated and minified via ant build script--> | |
| <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css" /> | |
| <link rel="stylesheet" type="text/css" href="js/libs/selectBox/jquery.selectBox.css" /> | |
| <link rel="stylesheet" type="text/css" href="css/all_minified.css" /> <!-- end CSS--> | |
| <!-- More ideas for your <head> here: h5bp.com/d/head-Tips --> | |
| <!-- All JavaScript at the bottom, except for Modernizr / Respond. | |
| Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries | |
| For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --> | |
| <!--<script src="js/libs/modernizr-2.0.6.min.js"></script>--> | |
| <script type="text/javascript">window.gatorchat = window.gatorchat || {}; gatorchat.chatIsActive = true;</script> | |
| </head> | |
| <body> | |
| <div id="clouds" class="animated"></div> | |
| <div id="swamp" class="animated"> | |
| <div id="swamp_grass"></div> | |
| <div id="rocks_left"></div> | |
| <div class="dragonfly"></div> | |
| <div id="wheat_grass_right"></div> | |
| <div id="leafy_plant_right"></div> | |
| </div> | |
| <div id="container"> | |
| <header> | |
| </header> | |
| <div id="main" role="main"> | |
| <div style="display: none;" id="messenger_wrapper"> | |
| <div class="container-frame messenger-container"> | |
| <h3 class="welcome-to-chat-message">Welcome To GatorChat!</h3> | |
| <div class="messenger-top-bar"> | |
| <button class="print-button"> | |
| <span class="print-text">Print</span> | |
| </button> | |
| <span class="v-rule-divider"></span> | |
| <button class="rate-exit-button"> | |
| <span class="rate-and-exit-text">Rate and Exit</span> | |
| </button> | |
| </div> | |
| <div class="messenger-conversation-area"> | |
| <div class="chat-messages-area"> | |
| </div> | |
| <div class="messenger-divider-bar"> | |
| <div class="star-happiness-rating" id="happiness_rating"></div> | |
| <span class="chat-elapsed-time"></span> | |
| <div class="sound-toggle-control-container"> | |
| <input type="checkbox" id="rcv_sound_toggle" checked="checked" /><label class="rcv-msg-sound-toggle-label" title="Play a sound any time staff sends you a message." for="rcv_sound_toggle"></label> | |
| <input type="checkbox" id="send_sound_toggle" checked="checked" /><label class="send-msg-sound-toggle-label" title="Play a sound any time your message was successfully sent." for="send_sound_toggle"></label> | |
| </div> | |
| <!-- <button class="verify-account-button"> | |
| <span class="verify-account-text">Verify Acct.</span> | |
| </button> | |
| --> | |
| </div> | |
| <div class="messenger-send-message-box"> | |
| <textarea></textarea> | |
| <button class="messenger-send-message-button"> | |
| <span class="send-message-text">Send</span> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer> | |
| </footer> | |
| </div> <!--! end of #container --> | |
| <!-- JavaScript at the bottom for fast page loading --> | |
| <!-- scripts concatenated and minified via ant build script--> | |
| <script defer src="js/all_minified.js"></script> | |
| <!-- end scripts--> | |
| <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. | |
| chromium.org/developers/how-tos/chrome-frame-getting-started --> | |
| <!--[if lt IE 7 ]> | |
| <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> | |
| <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script> | |
| <![endif]--> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment