12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!-- Author: Matthew Shiel -->
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- 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-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
- crossorigin="anonymous">
- <!-- Relatove link to stylesheet -->
- <link rel="stylesheet" href="style.css">
- <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
- </head>
- <body>
- <div class="wrapper">
- <div class="container">
- <h1>Welcome - I'm Eliza</h1>
- <h3>..... How can I help?</h3>
- <br>
- </div>
- <div class="container">
- <!-- Adapted from: https://v4-alpha.getbootstrap.com/components/forms/ -->
- <form id="user-input-form">
- <div class="form-group">
- <ul class="form-control" id="output-area"></ul>
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="user-input" aria-describedby="user-input" placeholder="Talk to Eliza">
- </div>
- <div class="credits">Based on excellent work of https://github.com/mattshiel/eliza-go</div>
- <button type="submit" class="btn btn-primary">Submit</button>
- </form>
- </div>
- </div>
- <!-- jQuery first, then Tether, then Bootstrap JS. -->
- <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
- crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
- crossorigin="anonymous"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
- crossorigin="anonymous"></script>
- <script src="script.js"></script>
- </body>
- </html>
|