forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
389 lines (347 loc) · 12.6 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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>FOSS4G NA Explained</title>
<meta
name="FOSS4G NA Explained"
content="How to survive the an open source community event"
url="https://osgeo.us/foss4g-na-2024-spark/#/"
/>
<meta name="author" content="Guido Stein" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/reveal.css" />
<link rel="stylesheet" href="css/theme/league.css" id="theme" />
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/monokai.css" />
<!-- Printing and PDF exports -->
<script>
var link = document.createElement("link")
link.rel = "stylesheet"
link.type = "text/css"
link.href = window.location.search.match(/print-pdf/gi)
? "css/print/pdf.css"
: "css/print/paper.css"
document.getElementsByTagName("head")[0].appendChild(link)
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section id="twain" data-background="images/twain.png">
</section>
<section id="title">
<h1>FOSS4G NA Explained</h1>
<h3>How to survive your first FOSS Conference</h3>
<p>
<small>
Created by <a href="https://guidos.link">Guido Stein</a>,
President, OSGEO US Local Chapter
</small>
</p>
</section>
<section id="overview" data-markdown>
# Overview
- Who am I
- Open Source
- Conference Tips
</section>
<section id="chapter1">
<section id="first-foss4g" data-background="images/bonn.jpeg">
<aside class="notes">
This is the first FOSS4G I attended. It was held in Bonn Germany at the Capitol Building for Western Germany durring the Cold War.
</aside>
</section>
<section id="chapter1-title" data-background="images/bonn.jpeg" data-markdown id="chapter 1 Title">
# Who Am I
</section>
<section data-markdown data-markdown id="chapter 1">
# Guido = Ghee + Dough
</section>
<section data-markdown>
# Work
- Graduated Clark University in 2002
- Worked in
- Agriculture
- Environmental Consulting
- Planning and Development
- Government & Commercial Consulting
- Renewable Energy
</section>
<section data-markdown>
# Tech
- Worked with
- Delphi, Java, C, Python, javascript, SQL
- AWS, Azure, Google Cloud
- Current Tooling
- Postgres, PostGIS, MS Code, QGIS, DBeaver, Python, Chrome, reveal.js
</section>
<section data-markdown>
# Boston
- Community Profile
- Academics
- Startups
- Government
- Events
- Meetup Monthly Meetings
- Ignite Events
- PodCamp, BarCamp, WhereCamp (Unconferences)
</section>
<section data-markdown>
# FOSS
Free and Open Source Software
- Co-Chair, FOSS4G Boston 2017
- President, OSGEO US Local Chapter
- Financial Sponsor, FOSS4G Dar Es Salaam 2018
- Financial Sponsor, FedGeoDay (D.C.)
- Producer, FOSS4GNA Baltimore 2023
- Producer, FOSS4GNA STL 2024
</section>
<section data-background="images/podcamp.jpg">
<aside class="notes">
Whats the point, I have been doing this for a while.
Some communities, like the unconference and open source ones, can make you feel empowered to do and be more. Participation pays off.
</aside>
</section>
</section>
<section id="chapter2">
<section data-background="images/open_source_eco.png" data-background-size="contain">
<aside class="notes">
Open Source Software is any software that allows you to review the code it uses. Many OSS projects are created and maintained by volunteers and are free to use by anyone.
</aside>
</section>
<section data-background="images/linux_foundation.png">
<aside class="notes">
The biggest player in the Open Source community it the Linux foundation.
</aside>
</section>
<section data-background="images/osgeo.png">
<aside class="notes">
In my world, The open source Geospatial Foundation (OSGeo) is the main player. They create governamance and community building oppurtinuites within the community.
</aside>
</section>
<section data-background="images/osgeo_projects.png">
<aside class="notes">
Projects that are associated with OSGeo US include....
</aside>
</section>
<section data-background="images/osgeous.png">
<aside class="notes">
Part of their community support includes creating and supporting user groups in specific languages, locations, and about specific topics.
</aside>
</section>
<section data-background="images/osgeous.png">
<aside class="notes">
Part of their community support includes creating and supporting user groups in specific languages, locations, and about specific topics.
</aside>
</section>
<section data-background="images/code_sprint.jpg">
<aside class="notes">
Whats the Point? Its a large community of people where you can fin oppurtunity for education, community, and jobs. Jump in.
</aside>
</section>
</section>
<section id="chapter3">
<section data-background="images/un.jpg" data-background-size="contain">
<aside class="notes">
Here are some things to know about conferences
</aside>
</section>
<section data-markdown>
# Why Go
- Connect with others
- Find new opportunities
- Promte yourself within the community
- Learn something new that makes your life easier
- Share your trauma with people who understand (therapy)
</section>
<section data-markdown>
# Summer Camp for Adults
- Make lifelong friends and business contacts
- Get away from your home routine
- Show off your sweet skills, because companies only want sweet skills
- nunchuck, bo hunting, and computer haking skills
</section>
<section data-markdown>
# Ask Good Questions
If you are confused, you are not alone. Help everyone out
</section>
<section data-markdown>
# Introduce Yourself
- Where are you from?
- What session are you most excited about or did you get the most out of?
- Is this your first time at this conference?
- Where is the coffee?
</section>
<section data-markdown>
# The Law of Two-Feet
If at any time you find yourself in any situation where you are neither learning nor contributing, use your two feet and go someplace else.
(Borrowed from the "un-conference" world)
</section>
<section data-markdown>
# Help out
- Volunteer
- Organize
- Invite your friends.
- Participate
</section>
<section data-markdown>
# Fin
Guido Stein, President, OsGeo US Local Chapter
</section>
</section>
</div>
</div>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
center: true,
hash: true,
transition: "convex", // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{
src: "plugin/markdown/marked.js",
condition: function () {
return !!document.querySelector("[data-markdown]")
},
},
{
src: "plugin/markdown/markdown.js",
condition: function () {
return !!document.querySelector("[data-markdown]")
},
},
{ src: "plugin/highlight/highlight.js", async: true },
{ src: "plugin/search/search.js", async: true },
{ src: "plugin/zoom-js/zoom.js", async: true },
{ src: "plugin/notes/notes.js", async: true },
],
})
</script>
<!-- Everything below this point is only used for the reveal.js demo page -->
<!-- <header class="reveal-header">
<a
class="reveal-header-button"
href="https://github.com/hakimel/reveal.js"
>Source on <em>GitHub</em></a
>
<span class="reveal-header-delimiter">•</span>
<a class="reveal-header-button" href="https://slides.com"
>Try the reveal.js <em>editor</em></a
>
<span class="reveal-header-delimiter">•</span>
<a class="reveal-header-button" href="https://twitter.com/revealjs"
>@revealjs</a
>
</header> -->
<style>
.reveal-header {
display: block;
position: absolute;
top: 12px;
right: 16px;
z-index: 20;
color: #fff;
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
}
.reveal-header-button {
display: inline-block;
padding: 14px 10px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
text-decoration: none;
font-weight: 500;
box-sizing: border-box;
text-align: center;
}
.reveal-header-button em {
color: #fff;
}
.reveal-header-button:hover {
color: #fff;
background: rgba(0, 0, 0, 0.2);
}
.reveal-header-button + .reveal-header-button {
margin-left: 10px;
}
@media screen and (max-width: 500px) {
body {
display: flex;
flex-direction: column;
}
.reveal-header {
display: flex;
position: initial;
background: rgba(0, 0, 0, 0.2);
align-items: center;
justify-content: flex-end;
font-size: 13px;
font-size: min(3.8vw, 14px);
align-items: center;
width: 100%;
}
.reveal-header-button {
flex-grow: 1;
margin: 0;
padding-left: 4px;
padding-right: 4px;
text-transform: none;
}
.reveal-header-delimiter {
display: none;
}
}
/* Advertising */
#carbonads {
width: 370px;
min-height: 100px;
font-size: 18px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px;
margin: 40px auto 0 auto;
font-size: 16px;
z-index: 10;
text-align: left;
}
#carbonads .carbon-img img {
float: left;
margin: 0 10px 0 0;
border: 0;
box-shadow: none;
}
#carbonads .carbon-poweredby {
display: block;
margin-top: 10px;
color: #aaa;
}
</style>
<script>
var _gaq = [["_setAccount", "UA-15240703-1"], ["_trackPageview"]]
;(function (d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0]
g.async = true
g.src =
("https:" == location.protocol ? "https://ssl" : "http://www") +
".google-analytics.com/ga.js"
s.parentNode.insertBefore(g, s)
})(document, "script")
</script>
</body>
</html>