index.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>AI.js demo</title> 8 9 <!-- Latest compiled and minified CSS --> 10 11 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 12 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet" id="theme"> 13 <link href="DemoCSS.css" rel="stylesheet"> 14 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 15 <script src="../change-theme.js"></script> 16 </head> 17 <body style="padding-top:70px;padding-bottom:70px"> 18 <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> 19 <nav class="navbar navbar-default navbar-fixed-top"> 20 <div class="container-fluid"> 21 <div class="navbar-header" style="margin-right:0px;margin-left:0px"> 22 <button type="button" class="navbar-toggle collapsed" onclick="$('#navbar-menu').toggleClass('collapse')"> 23 <span class="sr-only">Toggle navigation</span> 24 <span class="icon-bar"></span> 25 <span class="icon-bar"></span> 26 <span class="icon-bar"></span> 27 </button> 28 <a class="navbar-brand" href="../index.html">AI.js</a> 29 </div> 30 <div class="navbar-collapse collapse" id="navbar-menu"> 31 <ul class="nav navbar-nav"> 32 <li><a href="../index.html">Home</a></li> 33 <li class="active"><a href="#">Demo <span class="sr-only">(current)</span></a></li> 34 <li><a href="https://github.com/Lazerbeak12345/AI.js/">View on GitHub</a></li> 35 <li class="dropdown"> 36 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Change Theme <span class="caret"></span></a> 37 <ul class="dropdown-menu theme-select"></ul> 38 </li> 39 </ul> 40 </div> 41 </div> 42 </nav> 43 <div id="content" class="container-fluid"> 44 <div class="row"> 45 <div class="col-md-offset-3 col-md-offset-3 col-xs-12 col-md-6"> 46 <div class="well" id="output" title="Text output will appear here"> 47 <p style="text-align:center; font-size: 0.6em; color:gray">No older data found</p><!----> 48 <table style="margin:0px; width: 100%;"> 49 <tbody> 50 </tbody> 51 </table> 52 </div> 53 </div> 54 </div> 55 <div class="row" id="input-box"> 56 <div class="col-md-offset-3 col-md-offset-3 col-xs-12 col-md-6"> 57 <div class="input-group"> 58 <input type="text" class="form-control" spellcheck="true" title="Input message here" id="input" placeholder="Input message here" autofocus> 59 <span class="input-group-btn"> 60 <button type="button" id="enter" class="btn btn-default">Enter</button> 61 </span> 62 </div> 63 </div> 64 </div> 65 </div> 66 <noscript style="text-align:center; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:white; color:black; opacity:1; transperency:0; overflow-y:visible"> 67 This webpage <a target="_top" href="https://www.google.com/search?q=websites+that+require+javascript"><em>(and most other webpages)</em></a> requires JavaScript (also known as ECMAScript).<br/> 68 <br/> 69 Things this page uses JavaScript for:<br/> 70 <ol style="text-align:initial"> 71 <li>Displaying chat boxes</li> 72 <li>Computing input, then replying. (how else would an AI work anyway?)</li> 73 <li>Dialog boxes</li> 74 <li>Allowing you to change the theme and background color of the website</li> 75 <li>Changing emoji shortcuts into actual emojis</li> 76 <li>Many cool animations</li> 77 </ol><br/> 78 For more ways that this site uses JavaScript view this on <a href="https://github.com/Lazerbeak12345/AI.js">Git Hub</a> 79 </noscript> 80 <!-- Placed at the end of the document so the pages load faster --> 81 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 82 <script src="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/lib/js/emojione.min.js" integrity="sha256-9cBkVeU53NiJ9/BdcJta3HbERAmf5X9DE2WvL8V+gDs=" crossorigin="anonymous"></script> 83 <script src="../AI.js"></script> 84 <script src="DemoJS.js"></script> 85 </body> 86 </html>