-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
66 lines (58 loc) · 3.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
<head>
<title>Narcissus</title>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/messagesView.css" rel="stylesheet" media="screen">
<link href="css/narcissus.css" rel="stylesheet" media="screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Page to select unarchived exported data directory from Facebook -->
<div class="view" id="directory-selection-view">
<div class="container" id="directory-selection-container">
<h1 id="directory-selection-title">Setup Instructions</h1>
<ol id="directory-selection-instructions">
<li>Go to <strong><a href="https://www.facebook.com/settings">Settings on Facebook</a></strong></li>
<li>Click <strong><em>"Download a copy of your Facebook data."</em></strong></li>
<li>After downloading the data, <strong>extract it</strong></li>
<li>Select the folder that contains your exported data from Facebook. It should be formatted <strong><em>facebook-USERNAME</em></strong></li>
</ol>
<div id="directory-selection-button-container">
<button id="directory-selection-button" class="btn btn-success" type="button">Select Directory</button>
</div>
</div>
</div>
<!-- Page to view the bot being trained -->
<div class="view" id="training-view">
<div class="container" id="training-view-container">
<figure class="figure">
<img src="img/freehugs.jpg" class="figure-img img-fluid rounded" alt="A robot asking for hugs">
<figcaption class="figure-caption text-xs-right"><a href="https://www.flickr.com/photos/benhusmann/5126030385/in/photolist-8NYffe-62Un24-hoMA46-4DP45h-nzN7Nd-DkL-f8vAx5-o2qe3B-nA4a4G-kJQYcp-gRc57B-nQve3A-nA3WYF-nSfFYc-nUk8JH-5ABkX9-5Pnxus-8nmJTj-eAEQoD-4nQLfY-8fiRJa-EhGVoT-opgTge-5ABmg9-MxAfD-o64smr-kbtvqb-nAGNZE-DbQXC-jHgG6-a4GyYQ-qDUY6-bYv8nw-nTc3VD-cKsPuq-e3MhDn-7pATq9-8S8Yah-dGdhRs-nzq1qq-8S5SF4-2qSUDb-bbeLzZ-e3SWrU-7EfwbL-9M2QU4-6v6xPy-cYVssS-4bSAiS-8eWrt2">The FREE HUGS robot says "I am here for you"</a> by <a href="https://www.flickr.com/photos/benhusmann/">Ben Husmann</a> licensed under <a href="https://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></figcaption>
</figure>
<h1>Training bot...</h1>
<h4 id="training-updates">Please wait — this could take a while</h4>
</div>
</div>
<!-- Page to send messages to the bot -->
<div class="view" id="messages-view">
<!-- Contains all the message bubbles -->
<div id="messages-list-container">
<div id="messages-list"></div>
</div>
<!-- Where the user can type messages and send them -->
<div id="message-bar" class="input-group input-group-lg">
<input id="input-message" class="form-control" type="text" placeholder="Type a message...">
<span class="input-group-btn">
<button id="send-button" class="btn btn-success" type="button">Send</button>
</span>
</div>
</div>
<!-- Enable using $ for jQuery (resolves Electron conflict) -->
<script type="text/javascript">window.$ = window.jQuery = require('jquery');</script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/directorySelectionView.js"></script>
<script type="text/javascript" src="js/trainingView.js"></script>
<script type="text/javascript" src="js/messageView.js"></script>
</body>
</html>