This repository was archived by the owner on Sep 22, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·138 lines (126 loc) · 5.96 KB
/
index.html
File metadata and controls
executable file
·138 lines (126 loc) · 5.96 KB
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lambda Days - Chat App</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/buttons.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/media-queries.css">
<link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/2.0.1/css/converse.min.css" />
<link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/2.0.1/css/mobile.min.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
</head>
<body>
<!-- Top content -->
<div class="top-content">
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-12 text">
<img src="assets/img/logo.png">
</div>
</div>
</div>
</div>
</div>
<!-- Features -->
<div class="features-container">
<div class="container">
<div class="row">
<div class="col-sm-12 features">
<h2>Chat with our bots and other attendees</h2>
First you need to join network <code>IoT_lambda_2_4</code> or <code>IoT_lambda_5_0</code>
(the password is <code>lambdadays</code>).
<p>
In the right bottom corner tap <code>Toggle chat</code>.
</p>
<br>
<img src="assets/img/toggle.png">
<br>
<p>
Username and password is constructed by joining all segments of your name from Lambda Days badge with dots.
Remember that all characters with accents are converted to their ASCII counterparts, all non-alphanumeric
characters are removed and all characters are lowercased.
For example, if James Bond attended Lambda Days, his badge would look like this:
</p>
<br>
<img src="assets/img/badge.png">
<br>
<p>
James would then use <code>james.007.bond</code> as a username and password to join a chat.
</p>
<br>
<img src="assets/img/login.png">
<br>
<p>
Once logged in, you can tap on <code>Contacts</code> tab to invite other attendees to conversation.
Tap on <code>Add a contact</code> and type in someone else's JID (i.e. username constructed with
previous rule followed by <code>@xmpp.lambdadays.org</code>).
</p>
<h2> Chatting with bots</h2>
Note: to see an effect of conversation with bots, you must be near Erlang Solutions
stand.
<p>
Tap on the <code>Rooms</code> tab. Click <code>Show rooms</code> and join music_room.
If the rooms list is empty, manually enter room's name and tap <code>Join room</code>.
After joining type <code>help</code> and the bot will tell you what it can do for you!
</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="footer-social">
<a class="social social-facebook" href="https://www.facebook.com/lambdadays"><i class="fa fa-facebook"></i></a>
<a class="social social-twitter" href="https://twitter.com/LambdaDays"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Javascript -->
<script src="https://cdn.conversejs.org/2.0.1/dist/converse-mobile.min.js"></script>
<script src="assets/js/jquery-1.10.2.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<script src="assets/js/scripts.js"></script>
<script>
require(['converse'], function (converse) {
converse.initialize({
websocket_url: 'ws://xmpp.lambdadays.org:5280/ws-xmpp/',
keepalive: true,
allow_bookmarks: false,
allow_registration: false,
auto_join_on_invite: true,
auto_join_rooms: ['photo_room@muc.xmpp.lambdadays.org', 'music_room@muc.xmpp.lambdadays.org'],
domain_placeholder: 'xmpp.lambdadays.org',
locked_domain: 'xmpp.lambdadays.org',
default_domain: 'xmpp.lambdadays.org',
message_carbons: true,
play_sounds: false,
muc_nickname_from_jid: true,
show_desktop_notifications: false,
roster_groups: true,
show_controlbox_by_default: false
});
});
</script>
</body>
</html>