24
24
</ head >
25
25
< body >
26
26
< div style ="position: absolute; bottom: 20px; left: 100%; margin-left: -230px ">
27
- < img height ="80px " src ="https://www.craftypenguins.net/wp-content/uploads/2016/09 /logo.png ">
27
+ < img height ="80px " src ="images /logo.png ">
28
28
</ div >
29
29
< div class ="reveal ">
30
30
< div class ="slides ">
@@ -36,7 +36,7 @@ <h2>Chilliwack.tech/Next</h2>
36
36
< h1 > Who?</ h1 >
37
37
< h3 > Richard Clark</ h3 >
38
38
< h3 > Crafty Penguins -
[email protected] </ h3 >
39
- < h4 > We support companies that develop web based software that runs on Linux based servers</ h4 >
39
+ < h4 > We support companies and their developers that create web based software that runs on Linux based servers</ h4 >
40
40
</ section >
41
41
< section >
42
42
< section >
@@ -45,26 +45,57 @@ <h3>Chat Ops</h3>
45
45
< p class ="fragment fade-up "> Chat</ p >
46
46
< p class ="fragment fade-up "> DevOps</ p >
47
47
</ section >
48
+ < section id ="whatchat " data-background-color ="#000000 ">
49
+ < h2 style ="text-shadow: 3px 3px 8px #000000 "> What is Chat?</ h2 >
50
+ ..for the people who recently woke up from a coma
51
+ < p id ="chatwhatcommunication " class ="fragment fade-up fragblack ">
52
+ Communication
53
+ </ p >
54
+ < p id ="chatwhatkeyboard " class ="fragment fade-up fragblack ">
55
+ With a Keyboard
56
+ </ p >
57
+ < p id ="chatwhatdistance " class ="fragment fade-up fragblack ">
58
+ .. at a distance
59
+ </ p >
60
+ </ section >
61
+ < section id ="whatdistance " data-background-color ="#000000 ">
62
+ < img style ="max-height: 60vh " src ="images/next_to_you.jpg ">
63
+ </ section >
48
64
< section id ="chat " data-background-color ="#000000 ">
49
65
< h1 style ="text-shadow: 3px 3px 8px #000000 "> Chat</ h1 >
50
- < h3 style ="text-shadow: 3px 3px 4px #000000 "> Everything old is new again </ h3 >
66
+ < h3 style ="text-shadow: 3px 3px 4px #000000 "> ... is not new </ h3 >
51
67
< p id ="chatphrase1 " class ="fragment fade-up fragblack ">
52
68
First Multi-User Online Chat 1973
53
69
</ p >
54
70
< p id ="chatphrase2 " class ="fragment fade-up fragblack ">
55
71
Internet Relay Chat (IRC) - 1988
56
72
</ p >
57
73
< p id ="chatphrase3 " class ="fragment fade-up fragblack ">
58
- Now - Chat is everywhere, multiple platforms< br /> Primary form of communication
74
+ Now - Chat is everywhere, multiple platforms< br /> Primary form of human communication?
75
+ </ p >
76
+ </ section >
77
+ < section id ="devopswhat " data-background-color ="#000000 ">
78
+ < h1 style ="text-shadow: 3px 3px 8px #000000 "> DevOps</ h1 >
79
+ < p id ="devopswhat1 " class ="fragment fade-up fragblack ">
80
+ Development - The people who create software
81
+ </ p >
82
+ < p id ="devopswhat2 " class ="fragment fade-up fragblack ">
83
+ Operations - The people that build and maintain the infrastructure that allows other people to use the software
84
+ </ p >
85
+ < p id ="devopswhatwall " class ="fragment fade-up fragblack ">
86
+ Dev and Ops in many organizations used to be separate teams
59
87
</ p >
60
88
</ section >
61
89
< section id ="devops " data-background-color ="#000000 ">
62
90
< h1 style ="text-shadow: 3px 3px 8px #000000 "> DevOps</ h1 >
91
+ < p id ="devops_natural_2 " class ="fragblack ">
92
+ Developer wants quick feedback. Operations wants stability.
93
+ </ p >
63
94
< p id ="devops_natural " class ="fragment fade-up fragblack ">
64
- Natural outcome of Cloud - Few Clicks to Operations !
95
+ Natural outcome of Cloud.. Click a few buttons, Poof, Infrastructure !
65
96
</ p >
66
97
< p id ="devops_natural_fail " class ="fragment fade-up fragblack ">
67
- Natural fail - Operation is not a few clicks
98
+ Natural fail - Operation < i > < u > was </ u > </ i > not just a few clicks
68
99
</ p >
69
100
< p id ="devops_peanutbutter " class ="fragment fade-up fragblack ">
70
101
Two great things merged together
@@ -76,14 +107,17 @@ <h1 style="text-shadow: 3px 3px 8px #000000">DevOps</h1>
76
107
</ section >
77
108
< section >
78
109
< h1 > Chat Ops</ h1 >
79
- < p class ="fragment fade-up ">
110
+ < p class ="">
80
111
New Buzzword for something we have been doing for ages.
81
112
</ p >
82
113
< p class ="fragment fade-up ">
83
114
A Chat Bot..
84
115
</ p >
85
116
< p class ="fragment fade-up ">
86
- ..that provides an alternative User Interface for DevOps tasks
117
+ A piece of software that hangs out in chat rooms, listens for things, acts on them..
118
+ </ p >
119
+ < p class ="fragment fade-up ">
120
+ ..provides an alternative User Interface for DevOps automation
87
121
</ p >
88
122
</ section >
89
123
< section >
@@ -92,15 +126,16 @@ <h1>Buzz Word</h1>
92
126
< li class ="fragment fade-up "> They want it</ li >
93
127
< li class ="fragment fade-up "> They think it is cutting edge</ li >
94
128
< li class ="fragment fade-up "> They have $</ li >
95
- < li class ="fragment fade-up "> It is easy and free to get started making one</ li >
129
+ < li class ="fragment fade-up "> It is easy and free to get started making a bot</ li >
130
+ < li class ="fragment fade-up "> and having it perform devops tasks, or really any handy tasks.</ li >
96
131
< li class ="fragment fade-up "> It's a great way to provide a UI</ li >
97
132
< ul >
98
133
</ section >
99
134
< section >
100
135
< h1 > GO !</ h1 >
101
136
</ section >
102
137
< section id ="slackstart " data-transition ="slide-out " data-background-opacity ="1 " data-background-image ="images/screaming_crowd2.jpg ">
103
- < h4 class ="fragblack " style ="text-shadow: 3px 3px 8px #000000 " > Step 1 - Chat Platform - Slack</ h4 >
138
+ < h2 class ="fragblack " style ="text-shadow: 3px 3px 8px #000000 " > Slack</ h2 >
104
139
< section id ="slack_create " data-transition ="slide-out " data-background-opacity ="0.75 " data-background-image ="images/screaming_crowd2.jpg ">
105
140
< h4 class ="fragblack "> https://slack.com/get-started</ h4 >
106
141
</ section >
@@ -134,12 +169,19 @@ <h4 class="fragblack">https://slack.com/get-started</h4>
134
169
< section id ="slack_share " data-transition ="slide-out " data-background-opacity ="0.10 " data-background-image ="images/screaming_crowd2.jpg ">
135
170
< img src ="/images/1_11_share_invite_link.png "/>
136
171
</ section >
172
+ < section id ="slack_share " data-transition ="slide-out " data-background-opacity ="0.0 " data-background-image ="images/screaming_crowd2.jpg ">
173
+ < h1 class ="fragblack " style ="text-shadow: 3px 3px 8px #000000 "> On to the bot</ h1 >
174
+ </ section >
175
+ </ section >
176
+ < section id ="demo_thuderdome ">
177
+ < h2 > Demo Thunderdome</ h2 >
137
178
</ section >
138
179
< section id ="slack_link_joke ">
139
180
< p > https://join.slack.com/t/chatbotallthethings/shared_invite/enQtNDc2NjgyNjY0NDE4LTU3NjZkM2FiYmUyMDMyYThlNzYxYmM3NmM1NTY2MjMxMjZhYzk0MjgxODQ4ZjEwNmMzOTQ3NDg1NzFmZmRkODQ</ p >
140
181
</ section >
141
182
< section id ="slack_link_bitly ">
142
- < h4 > http://bit.ly/chat_talk_invite</ h4 >
183
+ < h3 > http://bit.ly/chat_talk_invite</ h3 >
184
+ < img style ="max-height: 60vh " src ="images/qr-code.png ">
143
185
</ section >
144
186
< section id ="slack_legacy_token ">
145
187
< h4 > https://api.slack.com/custom-integrations/legacy-tokens</ h4 >
0 commit comments