-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (182 loc) · 7.5 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Introducing CityZenApp</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<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/black.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 data-background="assets/poster.jpg">
<h1>Introducing CityZenApp</h1>
</section>
<section>
<section data-background="assets/my-name-is.jpg">
<h2>Let's start with the basics</h2>
<p>Who am I?</p>
</section>
<section data-background="#D4145A">
<h2>My name is Boris Budini</h2>
<h3 class="fragment">I come from 41°0′0′′N, 20°0′0′′E <span class="fragment">(🇦🇱)</span></h3>
<p class="fragment">And I'm really excited to meet all of you ✋🏻✌🏻</p>
</section>
<section data-background="assets/lego.jpg">
<h1>I am a part of</h1>
<h3 class="fragment">Open Labs Hackerspace</h3>
<h3><span class="fragment">Collective 68</span><span class="fragment">, Cloud68</span> <span class="fragment">& </span> <span class="fragment" style="color:#58595B;-webkit-text-stroke: 1px white;">CityZenApp</span></h3>
</section>
<section data-background="#D4145A">
<h1>And the most important thing about me is..</h1>
</section>
<section data-background="assets/topkek.gif">
<h2>I love cats</h2>
<h4>Her name's TopKek</h4>
</section>
</section>
<section>
<section data-background="assets/story.jpg">
<h2>Let me tell you my <small>brief</small> <em>story</em></h2>
</section>
<section data-background="assets/map.png">
<h1 style="color: #000;">I come from Durres</h1>
<h3 style="color: #000;" class="fragment">(...)</h3>
</section>
<section data-background="assets/smallme.jpg">
<h2>I started messing around with computers as a kid </h2>
<p class="fragment">The side effect of this is that my first wikipedia username will forever be <br><span class="fragment"><em><strong>bukurosh</strong></em><span></p>
</section>
<section data-background="assets/oscal-photo.jpg">
<h1>I joined Open Labs in 2014</h1>
<p>I'm the person who's responsibility is to make sure the services are ALWAYS running</p>
</section>
<section data-background="assets/serverdown.png">
<h3>I'm the person who's responsibility is to make sure the services are <strike>ALWAYS</strike> running</h3>
</section>
<section data-background="assets/">
<h3> And I got involved with most of the communities at first</h3>
<p><span class="fragment">However..... </span><span class="fragment">OpenStreetMap wasn't one of them</span></p>
</section>
</section>
<section>
<section data-background="#F15A24">
<h2>And not because of the community</h2>
<p class="fragment">But because I couldn't use it on my phone</p>
</section>
<section data-background="#F15A24">
<h3>"But isn't browsing the site from your phone good enough?"</h3>
<h2 class="fragment">NO!</h2>
</section>
<section data-background="#F15A24">
<h2>Let's rewind a bit</h2>
<p class="fragment">If I want to navigate, what can I use on my phone?</p>
</section>
</section>
<section>
<section data-background="#D4145A">
<p class="fragment">All of these softwares</p>
<p class="fragment">Assume that you know what point B is</p>
</section>
<section data-background="assets/announcement.png">
<h2>And so, a couple of people got together</h2>
<h4 class="fragment">And started something called CityZenApp</h4>
</section>
</section>
<section>
<section data-background="assets/screenshot.jpg" data-background-size="contain">
<h2>Why CityZenApp</h2>
<ul>
<li class="fragment">Open Source</li>
<li class="fragment">Empowered by OpenStreetMap</li>
<li class="fragment">Community Driven</li>
<li class="fragment">Privacy by design</li>
<li class="fragment">Translated in 18 languages (12 of Which are fully translated)</li>
<li class="fragment">You can add POI in OSM right from the app</li>
</ul>
</section>
</section>
<section>
<section data-background="assets/github.png">
<h2>How do I get involved?</h2>
<p class="fragment">Join us on GitHub</p>
<p class="fragment">Join the Telegram group (or IRC channel)</p>
</section>
<section data-background="#F15A24">
<h2>What can I do?</h2>
<p class="fragment">Code</p>
<p class="fragment">Design</p>
<p class="fragment">Translate</p>
<p class="fragment">Usability testing</p>
<p class="fragment">Whatever you think of</p>
</section>
</section>
<section data-background="#F15A24">
<h2>I'm not into contributing</h2>
<p>I just want to use it</p>
<p class="fragment">We are not on Google Play</p>
<p class="fragment">But we are on F-Droid</p>
</section>
</section>
<section data-background="#F15A24">
<h2>Is CityZen the best application for city navigation?</h2>
<p class="fragment">Not necessarily</p>
<p class="fragment">But it is an alternative</p>
<p class="fragment">And the choice is up to you</p>
</section>
<section data-background="#D4145A">
<h2>And with that</h2>
<p class="fragment"> I want to give all of you a big thank you</p>
<p class="fragment"> And if you have any questions, now's your chance</p>
</section>
<section data-background="assets/qa.jpg">
<h2>Q&A</h2>
<p>Don't be shy</p>
</section>
<section data-background="assets/social.jpg">
<h2>@kominoshja</h2>
</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: 'slide', // 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>
</body>
</html>