├── MozillaTechWeekendIoTEdition
└── IoTwithMozilla
│ ├── .editorconfig
│ ├── .gitignore
│ ├── README.md
│ ├── license.txt
│ ├── pictures
│ ├── cd
│ │ ├── Connected-devices.jpg
│ │ ├── cdlogo.png
│ │ ├── cdlogo.svg
│ │ ├── flyweb.png
│ │ ├── processA.png
│ │ ├── processA.svg
│ │ ├── processB.png
│ │ ├── processB.svg
│ │ └── projects.png
│ ├── mozillaoverview
│ │ └── redpanda.jpg
│ └── templatedemos
│ │ ├── earthphases.gif
│ │ ├── high-five.jpg
│ │ ├── phones.jpg
│ │ ├── smallphones.jpg
│ │ ├── wave.mp4
│ │ └── wave.webm
│ ├── scripts
│ └── script.js
│ ├── slides.html
│ ├── template.html
│ └── themes
│ └── mozilla
│ ├── fonts
│ ├── OpenSans-Bold.eot
│ ├── OpenSans-Bold.svg
│ ├── OpenSans-Bold.ttf
│ ├── OpenSans-Bold.woff
│ ├── OpenSans-Bold.woff2
│ ├── OpenSans-BoldItalic.eot
│ ├── OpenSans-BoldItalic.svg
│ ├── OpenSans-BoldItalic.ttf
│ ├── OpenSans-BoldItalic.woff
│ ├── OpenSans-BoldItalic.woff2
│ ├── OpenSans-ExtraBold.eot
│ ├── OpenSans-ExtraBold.svg
│ ├── OpenSans-ExtraBold.ttf
│ ├── OpenSans-ExtraBold.woff
│ ├── OpenSans-ExtraBold.woff2
│ ├── OpenSans-ExtraBoldItalic.eot
│ ├── OpenSans-ExtraBoldItalic.svg
│ ├── OpenSans-ExtraBoldItalic.ttf
│ ├── OpenSans-ExtraBoldItalic.woff
│ ├── OpenSans-ExtraBoldItalic.woff2
│ ├── OpenSans-Light.eot
│ ├── OpenSans-Light.svg
│ ├── OpenSans-Light.ttf
│ ├── OpenSans-Light.woff
│ ├── OpenSans-Light.woff2
│ ├── OpenSans-LightItalic.eot
│ ├── OpenSans-LightItalic.svg
│ ├── OpenSans-LightItalic.ttf
│ ├── OpenSans-LightItalic.woff
│ ├── OpenSans-LightItalic.woff2
│ ├── OpenSans-Regular.eot
│ ├── OpenSans-Regular.svg
│ ├── OpenSans-Regular.ttf
│ ├── OpenSans-Regular.woff
│ ├── OpenSans-Regular.woff2
│ ├── OpenSans-RegularItalic.eot
│ ├── OpenSans-RegularItalic.svg
│ ├── OpenSans-RegularItalic.ttf
│ ├── OpenSans-RegularItalic.woff
│ ├── OpenSans-RegularItalic.woff2
│ ├── OpenSans-SemiBold.eot
│ ├── OpenSans-SemiBold.svg
│ ├── OpenSans-SemiBold.ttf
│ ├── OpenSans-SemiBold.woff
│ ├── OpenSans-SemiBold.woff2
│ ├── OpenSans-SemiBoldItalic.eot
│ ├── OpenSans-SemiBoldItalic.svg
│ ├── OpenSans-SemiBoldItalic.ttf
│ ├── OpenSans-SemiBoldItalic.woff
│ ├── OpenSans-SemiBoldItalic.woff2
│ ├── TargetBlank.otf
│ └── TargetBlank.svg
│ ├── images
│ ├── Fx-logo.png
│ ├── bg-blue-2.png
│ ├── bg-darkgrey-2.png
│ ├── bg-red-2.png
│ ├── bg-sandstone-2.png
│ ├── mozilla-logo-white.png
│ ├── mozilla-logo.png
│ └── tab-2.png
│ └── styles
│ ├── fonts.css
│ ├── print.css
│ ├── reset.css
│ └── style.css
├── README.md
├── fxos
├── 1919_boot.jpg
├── 1919_home.jpg
├── 1920.md
├── 1920_boot.jpg
├── 1920_home.jpg
├── fxosnuc.jpg
├── nuc.jpg
└── nuc.md
├── republica17
└── outline.md
└── wikicon
├── 57.png
├── Eu-gathering-2016.jpg
├── MozTechSpeakers.png
├── allhands_hawaii.png
├── allhands_london.png
├── allhands_sf.png
├── amazing_firefox.jpg
├── clubs.svg
├── mozfest.jpg
├── mozfest_flo.jpg
├── mozfest_people.jpg
├── reps.png
├── reps_org.png
├── slides.html
├── slides.md
├── super.jpg
├── webby
├── Cargo.toml
└── src
│ └── main.rs
└── yearbook.png
/MozillaTechWeekendIoTEdition/IoTwithMozilla/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
10 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/README.md:
--------------------------------------------------------------------------------
1 | HTML presentation templates for Mozilla
2 | =======================================
3 |
4 | This is the repository with HTML format. View the [sample overview](http://mozilla.github.io/html-presentation-templates/template.html?lang=en-US).
5 |
6 | Sample multilingual links:
7 |
8 | * [en-US](http://mozilla.github.io/html-presentation-templates/template.html?full=&lang=en-US#shout)
9 | * [zh-CN](http://mozilla.github.io/html-presentation-templates/template.html?full=&lang=zh-CN#shout)
10 | * [zh-TW](http://mozilla.github.io/html-presentation-templates/template.html?full=&lang=zh-TW#shout)
11 | * [ja-JP](http://mozilla.github.io/html-presentation-templates/template.html?full=&lang=ja-JP#shout)
12 |
13 | Changes in this version:
14 |
15 | * Fullscreen button (as requested by Stormy Peters)
16 | * Overall cleanup of the CSS (different list styles, live CSS code)
17 | * Pressing "N" in fullscreen mode toggles note display
18 | * In list mode, each slide has a "x" button to turn it on and off. This does not persist though, so when you reload your slides, it will make them all active again (TODO I guess)
19 | * Support for multilingual slides, with URLs that update. Toggle the menu option to get the text in your desired language.
20 | * Moved out to a dedicated repository, originally from https://github.com/mozilla/mozilla-presentation-templates
21 |
22 | Next steps:
23 |
24 | * Persist Toggle slides feature
25 |
26 | Known issues:
27 |
28 | * Slide printing sometimes doesn't work properly
29 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/license.txt:
--------------------------------------------------------------------------------
1 | The MIT License
2 |
3 | Copyright © 2010–2012 Vadim Makeev, http://pepelsbey.net/
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
23 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
24 |
25 | Лицензия MIT
26 |
27 | Copyright © 2010–2012 Вадим Макеев, http://pepelsbey.net/
28 |
29 | Данная лицензия разрешает лицам, получившим копию данного программного обеспечения
30 | и сопутствующей документации (в дальнейшем именуемыми «Программное Обеспечение»),
31 | безвозмездно использовать Программное Обеспечение без ограничений, включая
32 | неограниченное право на использование, копирование, изменение, добавление,
33 | публикацию, распространение, сублицензирование и/или продажу копий
34 | Программного Обеспечения, также как и лицам, которым предоставляется
35 | данное Программное Обеспечение, при соблюдении следующих условий:
36 |
37 | Указанное выше уведомление об авторском праве и данные условия должны быть
38 | включены во все копии или значимые части данного Программного Обеспечения.
39 |
40 | ДАННОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ,
41 | ЯВНО ВЫРАЖЕННЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ ТОВАРНОЙ
42 | ПРИГОДНОСТИ, СООТВЕТСТВИЯ ПО ЕГО КОНКРЕТНОМУ НАЗНАЧЕНИЮ И ОТСУТСТВИЯ НАРУШЕНИЙ ПРАВ.
43 | НИ В КАКОМ СЛУЧАЕ АВТОРЫ ИЛИ ПРАВООБЛАДАТЕЛИ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ПО ИСКАМ
44 | О ВОЗМЕЩЕНИИ УЩЕРБА, УБЫТКОВ ИЛИ ДРУГИХ ТРЕБОВАНИЙ ПО ДЕЙСТВУЮЩИМ КОНТРАКТАМ,
45 | ДЕЛИКТАМ ИЛИ ИНОМУ, ВОЗНИКШИМ ИЗ, ИМЕЮЩИМ ПРИЧИНОЙ ИЛИ СВЯЗАННЫМ С ПРОГРАММНЫМ
46 | ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ИЛИ ИНЫМИ ДЕЙСТВИЯМИ
47 | С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ.
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/Connected-devices.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/Connected-devices.jpg
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/cdlogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/cdlogo.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/cdlogo.svg:
--------------------------------------------------------------------------------
1 |
2 |
17 |
41 |
42 |
44 | image/svg+xml
45 |
49 |
50 |
51 |
54 | mozilla Connected Devices
97 |
98 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/flyweb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/flyweb.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/processA.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/processA.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/processB.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/processB.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/projects.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/cd/projects.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/mozillaoverview/redpanda.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/mozillaoverview/redpanda.jpg
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/earthphases.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/earthphases.gif
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/high-five.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/high-five.jpg
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/phones.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/phones.jpg
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/smallphones.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/smallphones.jpg
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/wave.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/wave.mp4
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/wave.webm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/pictures/templatedemos/wave.webm
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/scripts/script.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var url = window.location,
3 | body = document.body,
4 | slides = document.querySelectorAll('div.slide'),
5 | progress = document.querySelector('div.progress div'),
6 | slideList = [],
7 | l = slides.length,
8 | i;
9 | if (typeof keysalive === 'undefined') {
10 | keysalive = true;
11 | }
12 |
13 | for (i = 0; i < l; i++) {
14 | var cb = document.createElement('button');
15 | cb.className = 'cb';
16 | cb.innerHTML = 'x';
17 | slides[i].appendChild(cb);
18 | slideList.push({
19 | id: slides[i].id,
20 | hasInnerNavigation: null !== slides[i].querySelector('.inner')
21 | });
22 | }
23 |
24 | /* Encode code blocks */
25 | function encode() {
26 | var codes = document.querySelectorAll('code');
27 | var all = codes.length;
28 | while (all--) {
29 | var tc = codes[all].innerHTML;
30 | if (tc.indexOf('<') !== -1) {
31 | tc = tc.replace(//g, '>');
33 | codes[all].innerHTML = tc;
34 | }
35 | }
36 | }
37 | encode();
38 |
39 | var demos = document.querySelectorAll('[contenteditable]'),
40 | alldemos = demos.length;
41 |
42 | function dokeys(ev) {
43 | keysalive = true;
44 | }
45 |
46 | function stopkeys(ev) {
47 | keysalive = false;
48 | }
49 | while (alldemos--) {
50 | demos[alldemos].addEventListener('focus', stopkeys, false);
51 | demos[alldemos].addEventListener('blur', dokeys, false);
52 | }
53 |
54 | function getTransform() {
55 | var denominator = Math.max(
56 | body.clientWidth / window.innerWidth,
57 | body.clientHeight / window.innerHeight
58 | );
59 |
60 | return 'scale(' + (1 / denominator) + ')';
61 | }
62 |
63 | function applyTransform(transform) {
64 | body.style.WebkitTransform = transform;
65 | body.style.MozTransform = transform;
66 | body.style.msTransform = transform;
67 | body.style.OTransform = transform;
68 | body.style.transform = transform;
69 | }
70 |
71 | function enterSlideMode() {
72 | body.className = 'full';
73 | applyTransform(getTransform());
74 | }
75 |
76 | function enterListMode() {
77 | body.className = 'list';
78 | applyTransform('none');
79 | }
80 |
81 | function getCurrentSlideNumber() {
82 | var i, l = slideList.length,
83 | currentSlideId = url.hash.substr(1);
84 |
85 | for (i = 0; i < l; ++i) {
86 | if (currentSlideId === slideList[i].id) {
87 | return i;
88 | }
89 | }
90 |
91 | return -1;
92 | }
93 |
94 | function scrollToSlide(slideNumber) {
95 | if (-1 === slideNumber) {
96 | return;
97 | }
98 | var currentSlide = document.getElementById(slideList[slideNumber].id);
99 | if (null !== currentSlide) {
100 | window.scrollTo(0, currentSlide.offsetTop);
101 | }
102 | }
103 |
104 | function isListMode() {
105 | // Should use `URLSearchParams` but modern browser support is poor.
106 | return !(url.search.indexOf('?full') !== -1 || url.search.indexOf('&full') !== -1);
107 | }
108 |
109 | function normalizeSlideNumber(slideNumber) {
110 | if (0 > slideNumber) {
111 | return slideList.length - 1;
112 | } else if (slideList.length <= slideNumber) {
113 | return 0;
114 | } else {
115 | return slideNumber;
116 | }
117 | }
118 |
119 | function updateProgress(slideNumber) {
120 | if (null === progress) {
121 | return;
122 | }
123 | progress.style.width = (100 / (slideList.length - 1) * normalizeSlideNumber(slideNumber)).toFixed(2) + '%';
124 | }
125 |
126 | function getSlideHash(slideNumber) {
127 | return '#' + slideList[normalizeSlideNumber(slideNumber)].id;
128 | }
129 |
130 | function goToSlide(slideNumber) {
131 | var currentSlide = document.getElementById(slideList[slideNumber].id);
132 | if (currentSlide.classList.contains('inactive')) {
133 | goToSlide(slides[slideNumber + 1] ? slideNumber + 1 : 0);
134 | } else {
135 | url.hash = getSlideHash(slideNumber);
136 | lognotes(slideNumber);
137 | if (!isListMode()) {
138 | updateProgress(slideNumber);
139 | GIFrefresh(slideNumber);
140 | playVideoIfAutoplay(slideNumber);
141 | }
142 | }
143 | }
144 |
145 | function GIFrefresh(slideNumber) {
146 | if (slides[slideNumber]) {
147 | var img = slides[slideNumber].querySelector('img');
148 | if (img && img.src.indexOf('gif') !== -1) {
149 | img.src = img.src;
150 | }
151 | }
152 | }
153 |
154 | function playVideoIfAutoplay(slideNumber) {
155 | if (slides[slideNumber] &&
156 | slides[slideNumber].className.indexOf('autoplay') !== -1) {
157 | var video = slides[slideNumber].querySelector('video');
158 | if (video) {
159 | video.play();
160 | }
161 | }
162 | }
163 |
164 | function getContainingSlideId(el) {
165 | var node = el;
166 | while ('BODY' !== node.nodeName && 'HTML' !== node.nodeName) {
167 | if (node.classList.contains('slide')) {
168 | return node.id;
169 | } else {
170 | node = node.parentNode;
171 | }
172 | }
173 |
174 | return '';
175 | }
176 |
177 | function dispatchSingleSlideMode(e) {
178 | var slideId = getContainingSlideId(e.target);
179 |
180 | if ('' !== slideId && isListMode()) {
181 | e.preventDefault();
182 |
183 | if (e.target.tagName === 'BUTTON' && e.target.className === 'cb') {
184 | toggleSlide(e.target.parentNode);
185 | } else {
186 | // NOTE: we should update hash to get things work properly
187 | url.hash = '#' + slideId;
188 | history.replaceState(null, null, url.pathname + '?full#' + slideId);
189 | enterSlideMode();
190 |
191 | updateProgress(getCurrentSlideNumber());
192 | }
193 | }
194 | }
195 |
196 | function toggleSlide(elm) {
197 | if (elm.classList.contains('inactive')) {
198 | elm.classList.remove('inactive');
199 | } else {
200 | elm.classList.add('inactive');
201 | }
202 | }
203 |
204 | // Increases inner navigation by adding 'active' class to next inactive inner navigation item
205 | function increaseInnerNavigation(slideNumber) {
206 | // Shortcut for slides without inner navigation
207 | if (true !== slideList[slideNumber].hasInnerNavigation) {
208 | return -1;
209 | }
210 |
211 | var activeNodes = document.querySelectorAll(getSlideHash(slideNumber) + ' .active'),
212 | // NOTE: we assume there is no other elements in inner navigation
213 | node = activeNodes[activeNodes.length - 1].nextElementSibling;
214 |
215 | if (null !== node) {
216 | node.classList.add('active');
217 | return activeNodes.length + 1;
218 | } else {
219 | return -1;
220 | }
221 | }
222 |
223 | function lognotes(slideNumber) {
224 | if (window.console && slideList[slideNumber]) {
225 | var notes = document.querySelector('#' + slideList[slideNumber].id + ' .notes');
226 | if (notes) {
227 | console.info(notes.innerHTML.replace(/\n\s+/g, '\n'));
228 | }
229 | if (slideList[slideNumber + 1]) {
230 | var next = document.querySelector('#' + slideList[slideNumber + 1].id + ' header');
231 | if (next) {
232 | next = next.innerHTML.replace(/^\s+|<[^>]+>/g, '');
233 | console.info('NEXT: ' + next);
234 | }
235 | }
236 | }
237 | }
238 |
239 |
240 | // Event handlers
241 |
242 | window.addEventListener('DOMContentLoaded', function() {
243 | if (!isListMode()) {
244 | // "?full" is present without slide hash, so we should display first slide
245 | if (-1 === getCurrentSlideNumber()) {
246 | history.replaceState(null, null, url.pathname + '?full' + getSlideHash(0));
247 | }
248 | enterSlideMode();
249 | updateProgress(getCurrentSlideNumber());
250 | }
251 | }, false);
252 |
253 | document.addEventListener('keydown', function(e) {
254 | if (!keysalive) {
255 | return;
256 | }
257 | // Shortcut for alt, shift and meta keys
258 | if (e.altKey || e.ctrlKey || e.metaKey) {
259 | return;
260 | }
261 |
262 | var currentSlideNumber = getCurrentSlideNumber();
263 | switch (e.which) {
264 | case 116: // F5
265 | case 13: // Enter
266 | if (isListMode() && -1 !== currentSlideNumber) {
267 | e.preventDefault();
268 |
269 | history.pushState(null, null, url.pathname + '?full' + getSlideHash(currentSlideNumber));
270 | enterSlideMode();
271 |
272 | updateProgress(currentSlideNumber);
273 | }
274 | break;
275 |
276 | case 27: // Esc
277 | if (!isListMode()) {
278 | e.preventDefault();
279 |
280 | history.pushState(null, null, url.pathname + getSlideHash(currentSlideNumber));
281 | enterListMode();
282 | scrollToSlide(currentSlideNumber);
283 | }
284 | break;
285 |
286 | case 33: // PgUp
287 | case 38: // Up
288 | case 37: // Left
289 | case 72: // h
290 | case 75: // k
291 | e.preventDefault();
292 |
293 | currentSlideNumber--;
294 | goToSlide(currentSlideNumber);
295 | break;
296 |
297 | case 34: // PgDown
298 | case 40: // Down
299 | case 39: // Right
300 | case 76: // l
301 | case 74: // j
302 | e.preventDefault();
303 |
304 | // Only go to next slide if current slide have no inner
305 | // navigation or inner navigation is fully shown
306 | // NOTE: But first of all check if there is no current slide
307 | if (-1 === currentSlideNumber ||
308 | !slideList[currentSlideNumber].hasInnerNavigation ||
309 | -1 === increaseInnerNavigation(currentSlideNumber)
310 | ) {
311 | currentSlideNumber++;
312 | goToSlide(currentSlideNumber);
313 | }
314 | break;
315 |
316 | case 36: // Home
317 | e.preventDefault();
318 |
319 | currentSlideNumber = 0;
320 | goToSlide(currentSlideNumber);
321 | break;
322 |
323 | case 35: // End
324 | e.preventDefault();
325 |
326 | currentSlideNumber = slideList.length - 1;
327 | goToSlide(currentSlideNumber);
328 | break;
329 |
330 | case 9: // Tab = +1; Shift + Tab = -1
331 | case 32: // Space = +1; Shift + Space = -1
332 | e.preventDefault();
333 |
334 | currentSlideNumber += e.shiftKey ? -1 : 1;
335 | goToSlide(currentSlideNumber);
336 | break;
337 | case 78:
338 | slides[currentSlideNumber].classList.toggle('peek');
339 | break;
340 | default:
341 | // Behave as usual
342 | }
343 | }, false);
344 |
345 | }());
346 |
347 | function goFullScreen() {
348 | document.fullscreenEnabled = document.fullscreenEnabled ||
349 | document.mozFullScreenEnabled ||
350 | document.documentElement.webkitRequestFullScreen;
351 |
352 | function requestFullscreen(element) {
353 | if (element.requestFullscreen) {
354 | element.requestFullscreen();
355 | } else if (element.mozRequestFullScreen) {
356 | element.mozRequestFullScreen();
357 | } else if (element.webkitRequestFullScreen) {
358 | element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
359 | }
360 | }
361 | if (document.fullscreenEnabled) {
362 | requestFullscreen(document.documentElement);
363 | }
364 | }
365 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/slides.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
13 |
14 | Connected Devices: IoT with Mozilla
16 |
21 |
26 | Connected Devices: IoT with Mozilla
27 |
31 |
32 |
33 | This slide deck is using the shower system - roll over the previews to see the notes and click any slide to go into presentation mode. Then use keys to navigate. Go fullscreen
34 |
35 | Abstract:
36 | Add your talk abstract here
37 |
38 |
39 |
40 |
45 |
46 |
47 |
48 |
49 | Connected Devices: IoT with Mozilla
50 |
51 |
55 | Florian, Merz
56 |
57 |
58 |
63 |
64 |
65 | Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.
66 | mozilla
67 |
68 |
70 |
71 |
74 |
75 |
76 | A Mozilla Story
77 |
78 |
79 |
81 |
83 |
84 |
88 |
89 |
90 | IoT ↮ put people first
92 |
94 |
95 |
98 |
99 |
101 |
102 | IMAGINE an Internet of Things that truly puts people first, where individuals can shape their own experience and are empowered , safe and independent .
103 |
104 |
106 |
107 |
110 |
111 |
112 | How can we get there?
113 |
114 |
116 |
117 |
120 |
121 |
122 |
123 | experiment!
124 |
125 |
126 |
128 |
129 |
132 |
133 |
135 |
142 |
145 |
146 |
148 |
155 |
158 |
159 |
160 | Current Projects
161 |
162 |
163 |
165 |
167 |
168 |
171 |
172 |
173 | Project Flyweb
174 |
175 |
181 | detect nearby services
182 | use local network instead of cloud
183 | currently based on mdns
184 |
185 |
186 | Introduce yourself, who you are and why you are the person to give that talk
187 |
188 |
189 |
193 |
194 |
197 |
206 |
Your talk title here
16 |
21 |
26 | Your talk title here
27 |
32 |
33 |
34 | This slide deck is using the shower system - roll over the previews to see the notes and click any slide to go into presentation mode. Then use keys to navigate. Go fullscreen
35 |
36 | Abstract:
37 | Add your talk abstract here
38 |
39 |
40 |
41 |
46 |
47 |
48 |
49 |
50 | The cover slide
51 |
52 |
56 | {Firstname}, {Lastname}, {Conference}, {Location}, {date}
57 |
58 |
59 | This is a simple cover slide with an image in the middle
60 |
61 |
62 |
67 |
68 |
69 | Callout slide styles
70 |
71 | The following are callout slide styles – either a large word, or a one sentence headline. Use them to chunk your presentation into logical units.
72 | Multilingual content:
73 | This is English.
74 | 这是中文（简体）。
75 | 這是中文（繁體）。
76 | これは日本語です。
77 |
79 |
80 |
83 |
84 |
85 |
86 | Shout slide
87 | 标题
88 | 標題
89 | タイトル
90 |
91 |
92 |
94 |
95 |
98 |
99 |
100 | Imagine : One line slide
102 |
104 |
105 |
108 |
109 |
110 | Image slide styles
111 |
112 |
113 | Images are either backgrounds or part of the page.
114 | Background images need a "cover" class on on the slide DIV.
115 | In-page images need a class of "middle" to get centered
116 | Adding "left" or "right" classes floats the image and you can use text next to them
117 | Adding a "shadow" class adds a drop-shadow.
118 | FIGURE elements around the image allow for a "swinging frame" effect
119 | Images can also be videos or SVG. :)
120 |
121 |
123 |
124 |
145 |
146 |
147 | Image slide (stretched vertical)
148 |
149 |
153 |
154 | Image by Chris Heilmann
155 |
156 |
157 |
158 | Introduce yourself, who you are and why you are the person to give that talk
159 |
160 |
161 |
164 |
165 |
166 | Image slide (centered, resized)
167 |
168 |
172 |
173 | Image by Chris Heilmann
174 |
175 |
176 |
177 | Introduce yourself, who you are and why you are the person to give that talk
178 |
179 |
180 |
183 |
184 |
185 | Image slide (right)
186 |
187 |
192 | Item 1
193 | Item 2
194 | Item 3
195 |
196 |
197 |
198 |
199 | Image by Chris Heilmann
200 |
201 |
202 |
203 | Introduce yourself, who you are and why you are the person to give that talk
204 |
205 |
206 |
290 |
291 |
292 | Image slide (GIF)
293 |
294 | GIFs animate from the start when the slide shows.
297 |
299 |
300 |
342 |
343 |
344 | List style types
345 |
346 | The following are the different kinds of list styles available to you. Always remember that bullets kill – both people and audiences. If people can read ahead of your narrative, they will. And you made yourself redundant as a speaker.
347 |
349 |
350 |
353 |
354 |
355 | Numbered list
356 |
357 |
358 | Collect underpants
359 | ???
360 | Profit
361 |
362 |
364 |
365 |
368 |
369 |
370 | Unordered List
371 |
372 |
373 | Tigers
374 | Elephants
375 | Bears
376 |
377 | Koalas
378 | Polar
379 | Panda
380 |
381 |
382 | Oh my…
383 |
384 |
386 |
387 |
390 |
391 |
394 |
395 | Tigers
396 | Elephants
397 | Bears
398 |
399 | Koalas
400 | Polar
401 | Panda
402 |
403 |
404 | Oh my…
405 |
406 |
408 |
409 |
412 |
413 |
416 |
417 | Tigers
418 | Elephants
419 | Bears
420 |
421 | Koalas
422 | Polar
423 | Panda
424 |
425 |
426 | Hedgehogs
427 | Opossums
428 | Hyrax
429 | Capybara
430 | Oh my…
431 |
432 |
434 |
435 |
438 |
439 |
442 |
443 | Tigers
444 | Elephants
445 | Bears
446 | Hedgehogs
447 | Opossums
448 | Hyrax
449 | Capybara
450 | Oh my…
451 |
452 |
454 |
455 |
458 |
459 |
460 | Animated List
461 |
462 |
463 | Tigers
464 | Elephants
465 | Bears
466 | Hedgehogs
467 | Opossums
468 | Hyrax
469 | Capybara
470 | Oh my…
471 |
472 |
474 |
475 |
478 |
479 |
480 | One line list
481 |
482 |
483 | Elephants
484 | Aardvarks
485 | Hedgehogs
486 | Kittens
487 | Puppies
488 |
489 |
491 |
492 |
495 |
496 |
499 |
500 | Elephants
501 | Aardvarks
502 | Hedgehogs
503 | Kittens
504 | Puppies
505 | Axolotls
506 | Elephants
507 | Aardvarks
508 | Hedgehogs
509 | Kittens
510 | Puppies
511 | Axolotls
512 | Elephants
513 | Aardvarks
514 | Hedgehogs
515 | Kittens
516 | Puppies
517 | Axolotls
518 | Elephants
519 | Aardvarks
520 | Hedgehogs
521 | Kittens
522 | Puppies
523 | Axolotls
524 | Elephants
525 | Aardvarks
526 | Hedgehogs
527 | Kittens
528 | Puppies
529 | Axolotls
530 |
531 |
533 |
534 |
537 |
538 |
541 | Code is not automatically encoded and colour coded. The space you have for code is also limited. This is by design: presentations are not there to drench audiences with code . Switch to your editor if needed and link to live, maintained code so people don't copy+paste.
542 |
544 |
545 |
548 |
549 |
552 |
553 | var installapp = navigator.mozApps.install(manifestURL);
554 | installapp.onsuccess = function(data) {
555 | // App is installed
556 | };
557 | installapp.onerror = function() {
558 | // App wasn't installed, info is in
559 | // installapp.error.name
560 | };
561 |
562 |
564 |
565 |
568 |
569 |
570 | Markup is encoded
571 |
572 |
573 | Paragraph without encode
<p>Paragraph without encode</p>
575 |
577 |
579 |
580 |
583 |
584 |
585 | Live CSS code
586 |
587 |
588 |
593 |
595 |
596 |
599 |
600 |
601 | Live CSS code (smooth)
602 |
603 |
604 |
609 |
611 |
612 |
615 |
616 |
619 | Quotes are a superb way to look clever and get more kudos for being in the know. Make sure you attribute them correctly and do not quote out of context.
620 |
622 |
623 |
626 |
627 |
630 |
631 | The worst part of internet quotes is that you can never be sure that they are attributed correctly.
632 | Benjamin Franklin
633 |
634 |
636 |
637 |
640 |
641 |
642 | Long quote is long…
643 |
644 |
645 | But there's no doubt that, we went for this approach, we built this internal framework that we called Faceweb , which is basically this idea that we can take the infrastructure that we built out for pushing code everyday, not having to submit to an app store, building web code on the web stack that we have, and that we can translate that into mobile development. We just were never able to get the quality of it we wanted …
646 |
647 |
648 | It seems the main failure was Facebook's approach and internal system creating HTML5 apps - not the technology itself.
649 |
650 |
651 |
654 |
655 |
658 |
660 | {name}
661 | {title}
662 | {@twitter }
663 | Slides : {slideurl}
665 |
666 | Photo by Yortw
667 |
668 |
669 |
671 |
672 |
673 |
3 |
4 | Designer: Vadim Makeev
5 |
6 |
7 |
8 |
13 |
14 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/Fx-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/Fx-logo.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-blue-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-blue-2.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-darkgrey-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-darkgrey-2.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-red-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-red-2.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-sandstone-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/bg-sandstone-2.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/mozilla-logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/mozilla-logo-white.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/mozilla-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/mozilla-logo.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/tab-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/images/tab-2.png
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/styles/fonts.css:
--------------------------------------------------------------------------------
1 |
2 | @font-face {
3 | font-family: 'Open Sans';
4 | src: url('../fonts/OpenSans-Light.eot');
5 | src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
6 | url('../fonts/OpenSans-Light.woff2') format('woff2'),
7 | url('../fonts/OpenSans-Light.woff') format('woff'),
8 | url('../fonts/OpenSans-Light.ttf') format('truetype'),
9 | url('../fonts/OpenSans-Light.svg#open_sanslight') format('svg');
10 | font-weight: 300;
11 | font-style: normal;
12 |
13 | }
14 |
15 | @font-face {
16 | font-family: 'Open Sans';
17 | src: url('../fonts/OpenSans-LightItalic.eot');
18 | src: url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
19 | url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
20 | url('../fonts/OpenSans-LightItalic.woff') format('woff'),
21 | url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),
22 | url('../fonts/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg');
23 | font-weight: 300;
24 | font-style: italic;
25 |
26 | }
27 |
28 | @font-face {
29 | font-family: 'Open Sans';
30 | src: url('../fonts/OpenSans-Regular.eot');
31 | src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
32 | url('../fonts/OpenSans-Regular.woff2') format('woff2'),
33 | url('../fonts/OpenSans-Regular.woff') format('woff'),
34 | url('../fonts/OpenSans-Regular.ttf') format('truetype'),
35 | url('../fonts/OpenSans-Regular.svg#open_sansregular') format('svg');
36 | font-weight: 400;
37 | font-style: normal;
38 |
39 | }
40 |
41 | @font-face {
42 | font-family: 'Open Sans';
43 | src: url('../fonts/OpenSans-RegularItalic.eot');
44 | src: url('../fonts/OpenSans-RegularItalic.eot?#iefix') format('embedded-opentype'),
45 | url('../fonts/OpenSans-RegularItalic.woff2') format('woff2'),
46 | url('../fonts/OpenSans-RegularItalic.woff') format('woff'),
47 | url('../fonts/OpenSans-RegularItalic.ttf') format('truetype'),
48 | url('../fonts/OpenSans-RegularItalic.svg#open_sansitalic') format('svg');
49 | font-weight: 400;
50 | font-style: italic;
51 |
52 | }
53 |
54 | @font-face {
55 | font-family: 'Open Sans';
56 | src: url('../fonts/OpenSans-Semibold.eot');
57 | src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
58 | url('../fonts/OpenSans-Semibold.woff') format('woff'),
59 | url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
60 | url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
61 | url('../fonts/OpenSans-Semibold.svg#open_sanssemibold') format('svg');
62 | font-weight: 600;
63 | font-style: normal;
64 |
65 | }
66 |
67 | @font-face {
68 | font-family: 'Open Sans';
69 | src: url('../fonts/OpenSans-SemiboldItalic.eot');
70 | src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
71 | url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
72 | url('../fonts/OpenSans-SemiboldItalic.woff2') format('woff2'),
73 | url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'),
74 | url('../fonts/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg');
75 | font-weight: 600;
76 | font-style: italic;
77 |
78 | }
79 |
80 | @font-face {
81 | font-family: 'Open Sans';
82 | src: url('../fonts/OpenSans-Bold.eot');
83 | src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
84 | url('../fonts/OpenSans-Bold.woff') format('woff'),
85 | url('../fonts/OpenSans-Bold.woff2') format('woff2'),
86 | url('../fonts/OpenSans-Bold.ttf') format('truetype'),
87 | url('../fonts/OpenSans-Bold.svg#open_sansbold') format('svg');
88 | font-weight: 700;
89 | font-style: normal;
90 |
91 | }
92 |
93 | @font-face {
94 | font-family: 'Open Sans';
95 | src: url('../fonts/OpenSans-BoldItalic.eot');
96 | src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
97 | url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
98 | url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
99 | url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
100 | url('../fonts/OpenSans-BoldItalic.svg#open_sansbold_italic') format('svg');
101 | font-weight: 700;
102 | font-style: italic;
103 |
104 | }
105 |
106 | @font-face {
107 | font-family: 'Open Sans';
108 | src: url('../fonts/OpenSans-ExtraBold.eot');
109 | src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
110 | url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
111 | url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
112 | url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
113 | url('../fonts/OpenSans-ExtraBold.svg#open_sansextrabold') format('svg');
114 | font-weight: 800;
115 | font-style: normal;
116 |
117 | }
118 |
119 | @font-face {
120 | font-family: 'Open Sans';
121 | src: url('../fonts/OpenSans-ExtraBoldItalic.eot');
122 | src: url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
123 | url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
124 | url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
125 | url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
126 | url('../fonts/OpenSans-ExtraBoldItalic.svg#open_sansextrabold_italic') format('svg');
127 | font-weight: 800;
128 | font-style: italic;
129 |
130 | }
131 |
132 |
133 | /* Linker */
134 | @font-face {
135 | font-family:'Target Blank';
136 | src:url(../fonts/TargetBlank.otf) format('opentype'),
137 | url(../fonts/TargetBlank.svg#TargetBlank) format('svg');
138 | }
139 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/styles/print.css:
--------------------------------------------------------------------------------
1 | /*
2 | Ribbon theme for Shower presentation template: http://github.com/pepelsbey/shower
3 | Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/
4 | Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
5 | */
6 |
7 | @page {
8 | margin:0;
9 | size:1024px 640px;
10 | }
11 |
12 | /* List
13 | ---------------------------------------- */
14 | .list {
15 | float:none;
16 | padding:0;
17 | background:#888;
18 | }
19 |
20 | /* Caption */
21 | .list .caption {
22 | display:none;
23 | }
24 |
25 | /* Slide */
26 | .list .slide {
27 | float:none;
28 | margin:0;
29 | padding:0;
30 | }
31 | .list .slide > DIV {
32 | width:1024px;
33 | height:640px;
34 | background:none;
35 | }
36 | .list .slide > div,
37 | .list .slide > div:hover {
38 | -webkit-box-shadow:none;
39 | -moz-box-shadow:none;
40 | box-shadow:none;
41 | }
42 | .list .slide section {
43 | -webkit-transform:none;
44 | -moz-transform:none;
45 | -ms-transform:none;
46 | -o-transform:none;
47 | transform:none;
48 | }
49 | .list .slide:after {
50 | position:absolute;
51 | bottom:85px;
52 | left:120px;
53 | color:#BBB;
54 | line-height:1;
55 | text-shadow:none;
56 | }
57 |
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/styles/reset.css:
--------------------------------------------------------------------------------
1 | html, body, div, span, applet, object, iframe,
2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3 | a, abbr, acronym, address, big, cite, code,
4 | del, dfn, em, img, ins, kbd, q, s, samp,
5 | small, strike, strong, sub, sup, tt, var,
6 | b, u, i, center,
7 | dl, dt, dd, ol, ul, li,
8 | fieldset, form, label, legend,
9 | table, caption, tbody, tfoot, thead, tr, th, td,
10 | article, aside, canvas, details, embed,
11 | figure, figcaption, footer, header, hgroup,
12 | menu, nav, output, ruby, section, summary,
13 | time, mark, audio, video {
14 | margin:0;
15 | padding:0;
16 | border:0;
17 | font-size:100%;
18 | font:inherit;
19 | vertical-align:baseline;
20 | }
21 | article, aside, details, figcaption, figure,
22 | footer, header, hgroup, menu, nav, section {
23 | display:block;
24 | }
25 | body {
26 | line-height:1;
27 | }
28 | ol, ul {
29 | list-style:none;
30 | }
31 | blockquote, q {
32 | quotes:none;
33 | }
34 | blockquote:before, blockquote:after,
35 | q:before, q:after {
36 | content:'';
37 | content:none;
38 | }
39 | table {
40 | border-collapse:collapse;
41 | border-spacing:0;
42 | }
--------------------------------------------------------------------------------
/MozillaTechWeekendIoTEdition/IoTwithMozilla/themes/mozilla/styles/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | Mozilla theme for Shower presentation template: http://github.com/pepelsbey/shower
3 | Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/
4 | Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
5 | Theme by Chris Heilmann http://christianheilmann.com @codepo8
6 | */
7 |
8 | @import url(fonts.css);
9 | @import url(reset.css);
10 |
11 | BODY {
12 | font:25px/1.8 'Open Sans', sans-serif;
13 | counter-reset:paging;
14 | }
15 |
16 | body:after {
17 | position:absolute;
18 | top:0;
19 | right:10px;
20 | width:153px;
21 | height:41px;
22 | background:url(../images/tab-2.png);
23 | content:'';
24 | }
25 |
26 |
27 | /* Slide
28 | ---------------------------------------- */
29 | .slide button.cb {
30 | position: absolute;
31 | top: 80px;
32 | right: 0;
33 | }
34 | .full .slide button.cb {
35 | display: none;
36 | }
37 | .inactive {
38 | opacity: .5;
39 | }
40 | .slide:after {
41 | counter-increment:paging;
42 | content:counter(paging, decimal-leading-zero);
43 | }
44 | .slide section {
45 | padding:80px 120px 0;
46 | width:784px;
47 | height:560px;
48 | background:url(../images/bg-sandstone-2.png);
49 | color:rgb(62,62,62);
50 | }
51 |
52 | /*
53 | No numbering in the progress bar:
54 | add "nonumbers" class to
55 | */
56 | .nonumbers .full .slide:after{
57 | content: '';
58 | }
59 |
60 | /*
61 | Smooth fading in between slides:
62 | add "fade" class to
63 | */
64 | .fade .full .slide section {
65 | -webkit-transition: opacity 1s;
66 | -moz-transition: opacity 1s;
67 | -ms-transition: opacity 1s;
68 | -o-transition: opacity 1s;
69 | transition: opacity 1s;
70 | opacity: 0;
71 | }
72 | .fade .full .slide:target section {
73 | opacity: 1;
74 | }
75 | .fade .full .slide {
76 | background: url(../images/bg-sandstone-2.png);
77 | }
78 | /*
79 | Picture frame
80 | */
81 | .frame {
82 | display:block;
83 | }
84 | .shadow {
85 | box-shadow: 5px 10px 10px rgba(0,0,0,.35);
86 | }
87 | .frame img {
88 |
89 | border: 5px solid #f8f8f8; z-index: 2; display: block;
90 | }
91 | .frame::after {
92 | content: '';
93 | display: block;
94 | position: absolute;
95 | top: -10px;
96 | left: 50%;
97 | margin-left: -10px;
98 | width: 20px;
99 | height: 20px;
100 | -webkit-transform: rotate(45deg);
101 | -moz-transform: rotate(45deg );
102 | -ms-transform: rotate(45deg );
103 | -o-transform: rotate(45deg );
104 | transform: rotate(45deg);
105 | border-style: solid;
106 | border-color: #666;
107 | border-width: 1px 0 0 1px;
108 | }
109 | .frame::before {
110 | content: '';
111 | display: block;
112 | width: 5px;
113 | height: 5px;
114 | background-image:
115 | -webkit-linear-gradient(top, #f1f1f1 0%, #333 80%, #000 95%);
116 | background-image:
117 | -moz-linear-gradient(to bottom, #f1f1f1 0%, #333 80%, #000 95%);
118 | background-image:
119 | linear-gradient(to bottom, #f1f1f1 0%, #333 80%, #000 95%);
120 | border-radius: 50%;
121 | border: 1px solid #666;
122 | position: absolute;
123 | top: -15px;
124 | left: 50%;
125 | margin-left: -3px;
126 | }
127 |
128 |
129 |
130 | /* Header */
131 | .slide header {
132 | margin:0 0 58px;
133 | color:rgb(62,62,62);
134 | text-transform: uppercase;
135 | font:lighter 40px/1.13 'Open Sans', sans-serif;
136 | }
137 |
138 | /* Elements */
139 | .slide p {
140 | margin:0 0 45px;
141 | }
142 | .slide p.note {
143 | color:#888;
144 | }
145 | .slide a {
146 | border-bottom:0.1em solid;
147 | color:#0174A7;
148 | text-decoration:none;
149 | }
150 | .slide a[target=_blank] {
151 | margin-right:22px;
152 | }
153 | .slide a[target=_blank]:after {
154 | position:absolute;
155 | margin-left:7px;
156 | font-family:'Target Blank';
157 | content:'\005E';
158 | }
159 | .slide b,
160 | .slide strong {
161 | font-weight:bold;
162 | }
163 | .slide i,
164 | .slide em {
165 | font-style:italic;
166 | }
167 | .slide kbd,
168 | .slide code {
169 | padding:3px 8px;
170 | -webkit-border-radius:8px;
171 | -moz-border-radius:8px;
172 | border-radius:8px;
173 | background:#FAFAA2;
174 | color:#000;
175 | -webkit-tab-size:4;
176 | -moz-tab-size:4;
177 | -o-tab-size:4;
178 | tab-size:4;
179 | font-family:'monaco', 'courier', monospace;
180 | }
181 |
182 | /* Quote */
183 | .slide blockquote {
184 | font-style:italic;
185 | font-size: 40px;
186 | }
187 | .slide blockquote.lots {
188 | font-style:italic;
189 | font-size: 30px;
190 | }
191 | .slide blockquote:before {
192 | position:absolute;
193 | margin:-15px 0 0 -80px;
194 | color:#666;
195 | font:200px/1 'Open Sans', sans-serif;
196 | content:'\201C'; /* ldquo */
197 | }
198 | blockquote .quotesource {
199 | font-size: 20px;
200 | text-align: right;
201 | }
202 |
203 | /* Lists */
204 | .slide ol,
205 | .slide ul {
206 | margin:0 0 45px;
207 | counter-reset:list;
208 | }
209 | .slide ul ul,
210 | .slide ol ul,
211 | .slide ol ol,
212 | .slide ul ol {
213 | margin:0 0 0 38px;
214 | }
215 | .slide ol > li:before,
216 | .slide ul > li:before {
217 | position:absolute;
218 | margin-left:-120px;
219 | width:100px;
220 | color:rgb(62,62,62);
221 | text-align:right;
222 | }
223 | .slide ul > li:before {
224 | content:'\2022'; /* bull */
225 | line-height:1.1;
226 | font-size:40px;
227 | }
228 | .slide ol > li:before {
229 | counter-increment:list;
230 | content:counter(list)'.';
231 | }
232 | /* Inner navigation */
233 | .inner li {
234 | opacity: 0.05;
235 | -webkit-transition: opacity 1s;
236 | -moz-transition: opacity 1s;
237 | -o-transition: opacity 1s;
238 | transition: opacity 1s;
239 | }
240 | .inner .active {
241 | opacity: 1;
242 | }
243 |
244 | /* Code */
245 | .slide pre {
246 | margin:0 0 45px;
247 | counter-reset:code;
248 | white-space:normal;
249 | }
250 | .slide pre code {
251 | display:block;
252 | padding:0;
253 | background:none;
254 | white-space:pre;
255 | }
256 | .slide pre code:before {
257 | position:absolute;
258 | margin:0 0 0 -120px;
259 | width:110px;
260 | color:rgb(182, 182, 182);
261 | text-align:right;
262 | counter-increment:code;
263 | content:counter(code, decimal-leading-zero)'.';
264 | }
265 | .slide pre mark {
266 | padding:3px 8px;
267 | -webkit-border-radius:8px;
268 | -moz-border-radius:8px;
269 | border-radius:8px;
270 | background:#FAFAA2;
271 | color:#000;
272 | font-style:normal;
273 | }
274 | .slide pre .important {
275 | background:#C00;
276 | color:#FFF;
277 | font-weight:normal;
278 | }
279 | .slide pre .comment {
280 | padding:0;
281 | background:none;
282 | color:#888;
283 | }
284 |
285 | /* Cover */
286 | .slide.cover section {
287 | background:#000;
288 | overflow:hidden;
289 | }
290 | .slide.cover section:before {
291 | display:none;
292 | }
293 | .slide.cover .byline {
294 | color: #fff;
295 | text-align: right;
296 | position: absolute;
297 | bottom: 10px;
298 | right: 10px;
299 | }
300 | .slide.cover img,
301 | .slide.cover svg,
302 | .slide.cover video,
303 | .slide.cover object {
304 | position:absolute;
305 | top:0;
306 | left:50%;
307 | z-index:-1;
308 | height:100%;
309 | -webkit-transform:translateX(-50%);
310 | -moz-transform:translateX(-50%);
311 | -ms-transform:translateX(-50%);
312 | -o-transform:translateX(-50%);
313 | transform:translateX(-50%);
314 | }
315 | .slide.cover.w img,
316 | .slide.cover.w svg,
317 | .slide.cover.w video,
318 | .slide.cover.w object {
319 | top:50%;
320 | left:0;
321 | width:100%;
322 | height:auto;
323 | -webkit-transform:translateY(-50%);
324 | -moz-transform:translateY(-50%);
325 | -ms-transform:translateY(-50%);
326 | -o-transform:translateY(-50%);
327 | transform:translateY(-50%);
328 | }
329 |
330 | /* Shout */
331 | .slide.shout section:before {
332 | display:none;
333 | }
334 | .slide.shout h2 {
335 | position:absolute;
336 | top:50%;
337 | left:0;
338 | width:100%;
339 | text-align:center;
340 | line-height:1;
341 | font-size:150px;
342 | -webkit-transform:translateY(-50%);
343 | -moz-transform:translateY(-50%);
344 | -ms-transform:translateY(-50%);
345 | -o-transform:translateY(-50%);
346 | transform:translateY(-50%);
347 | }
348 | .slide.shout h2 a[target=_blank] {
349 | margin:0;
350 | }
351 | .slide.shout h2 a[target=_blank]:after {
352 | content:'';
353 | }
354 |
355 | .slide.oneline section:before {
356 | display:none;
357 | }
358 | .slide.oneline h2 {
359 | position:absolute;
360 | top:50%;
361 | text-align:left;
362 | line-height:1;
363 | font-size:70px;
364 | -webkit-transform:translateY(-50%);
365 | -moz-transform:translateY(-50%);
366 | -ms-transform:translateY(-50%);
367 | -o-transform:translateY(-50%);
368 | transform:translateY(-50%);
369 | }
370 | .slide.oneline h2 a[target=_blank] {
371 | margin:0;
372 | }
373 | .slide.oneline h2 a[target=_blank]:after {
374 | content:'';
375 | }
376 |
377 |
378 | /* Middle */
379 | .middle {
380 | position:absolute;
381 | top:50%;
382 | left:50%;
383 | -webkit-transform:translate(-50%, -50%);
384 | -moz-transform:translate(-50%, -50%);
385 | -ms-transform:translate(-50%, -50%);
386 | -o-transform:translate(-50%, -50%);
387 | transform:translate(-50%, -50%);
388 | }
389 |
390 |
391 | /* List
392 | ---------------------------------------- */
393 | .list {
394 | float:left;
395 | padding:80px 0 80px 100px;
396 | background:#585A5E url(../images/bg-darkgrey-2.png) fixed;
397 | }
398 |
399 | /* Caption */
400 | .list .caption {
401 | color:#fff;
402 | text-shadow:0 1px 1px #000;
403 | }
404 | .list .caption h1 {
405 | font:bold 50px/1 'Open Sans', sans-serif;
406 | }
407 | .list .caption a {
408 | color:#fff;
409 | text-shadow:0 -1px 1px #1F3F60;
410 | text-decoration:none;
411 | }
412 | .list .caption a:hover {
413 | color:#5ca4ed;
414 | }
415 |
416 | /* Slide */
417 | .list .slide {
418 | position:relative;
419 | float:left;
420 | margin:0 50px 0 0;
421 | padding:80px 0 0;
422 | }
423 | .list .slide:after {
424 | position:absolute;
425 | bottom:-45px;
426 | left:60px;
427 | color:#3C3D40;
428 | text-shadow:0 1px 1px #8D8E90;
429 | line-height:1;
430 | font-weight:bold;
431 | font-size:25px;
432 | }
433 | .list .slide:target:after {
434 | text-shadow:0 -1px 1px #1F3F60;
435 | color:#fff;
436 | }
437 | .list .slide > div {
438 | position:relative;
439 | overflow:hidden;
440 | width:512px;
441 | height:320px;
442 | box-shadow:0 0 50px #3C3D40;
443 | border-radius:1px;
444 | background:rgba(0, 0, 0, 0.3);
445 | }
446 | .list .slide > div:hover {
447 | box-shadow:
448 | 0 0 0 10px rgba(60, 61, 64, 0.6),
449 | 0 0 50px #3C3D40;
450 | }
451 | .list .slide:target > div {
452 | box-shadow:
453 | 0 0 0 10px rgba(240,240,240, 1),
454 | 0 0 50px #3C3D40;
455 | }
456 | .list .slide section {
457 | -webkit-transform-origin:0 0;
458 | -webkit-transform:scale(0.5);
459 | -moz-transform-origin:0 0;
460 | -moz-transform:scale(0.5);
461 | -ms-transform-origin:0 0;
462 | -ms-transform:scale(0.5);
463 | -o-transform-origin:0 0;
464 | -o-transform:scale(0.5);
465 | transform-origin:0 0;
466 | transform:scale(0.5);
467 | }
468 | .list .slide section:after {
469 | position:absolute;
470 | top:0;
471 | right:0;
472 | bottom:0;
473 | left:0;
474 | content:'';
475 | }
476 |
477 | /* Small */
478 | @media all and (max-width:1274px) {
479 | .list .slide:after {
480 | left:30px;
481 | }
482 | .list .slide > div {
483 | width:256px;
484 | height:160px;
485 | }
486 | .list .slide section {
487 | -webkit-transform:scale(0.25);
488 | -moz-transform:scale(0.25);
489 | -ms-transform:scale(0.25);
490 | -o-transform:scale(0.25);
491 | transform:scale(0.25);
492 | }
493 | }
494 |
495 | /* Full
496 | ---------------------------------------- */
497 | .full {
498 | position:absolute;
499 | top:50%;
500 | left:50%;
501 | overflow:hidden;
502 | margin:-320px 0 0 -512px;
503 | width:1024px;
504 | height:640px;
505 | background:#000;
506 | }
507 | .full .caption {
508 | display:none;
509 | }
510 | .full .slide {
511 | position:absolute;
512 | visibility:hidden;
513 | }
514 | .full .slide:target {
515 | visibility:visible;
516 | }
517 | .full .slide:after {
518 | position:absolute;
519 | bottom:20px;
520 | right:90px;
521 | font-size: 16px;
522 | color:rgba(62,62,62,0.6);
523 | line-height:1;
524 | }
525 | .full .slide section {
526 | -webkit-transform:scale(1);
527 | -moz-transform:scale(1);
528 | -ms-transform:scale(1);
529 | -o-transform:scale(1);
530 | transform:scale(1);
531 | padding: 40px 120px;
532 | }
533 | .full .slide.cover {
534 | z-index:1;
535 | }
536 | .full .slide.cover:after,
537 | .full .slide.shout:after {
538 | content:'';
539 | }
540 |
541 | /* Progress */
542 | .full .progress {
543 | position:absolute;
544 | right:118px;
545 | bottom:20px;
546 | left:118px;
547 | border-radius:2px;
548 | border:2px solid rgba(62,62,62, 0.3);
549 | }
550 | .full .progress DIV {
551 | width:0;
552 | height:10px;
553 | border-radius:2px;
554 | background:rgba(62, 62, 62, 0.2);
555 | -webkit-transition:width 0.2s linear;
556 | -moz-transition:width 0.2s linear;
557 | -ms-transition:width 0.2s linear;
558 | -o-transition:width 0.2s linear;
559 | transition:width 0.2s linear;
560 | }
561 | .full .progress-off {
562 | z-index:1;
563 | }
564 |
565 | /* special content styles */
566 | .byline{
567 | font-size: 20px;
568 | text-align: right;
569 | }
570 |
571 | small.byline{
572 | position: absolute;
573 | font-size: 15px;
574 | text-align: right;
575 | bottom: 70px;
576 | right: 125px;
577 | }
578 | .right {
579 | float: right;
580 | position: relative;
581 | }
582 | .left {
583 | float: left;
584 | position: relative;
585 | padding-right: 80px;
586 | }
587 | .credits {
588 | font-size: 12px;
589 | position: absolute;
590 | bottom: 40px;
591 | left: 120px;
592 | }
593 | .demourl {
594 | font-size: 18px;
595 | position: absolute;
596 | bottom: 40px;
597 | width: 800px;
598 | text-align: center;
599 | }
600 | .demourl a {
601 | color:inherit;
602 | }
603 | .cover h2, .cover a {
604 | color:#fff;
605 | background: rgba(0,0,0,0.6);
606 | padding: 5px 10px;
607 | border-bottom: none;
608 | text-decoration: none;
609 | }
610 | .longlist {
611 | font-size: 20px;
612 | }
613 | .slide ul.longlist li:before {
614 | content:'\2022'; /* bull */
615 | line-height:1.1;
616 | font-size:30px;
617 | }
618 | .lots li {
619 | float: left;
620 | width: 33%;
621 | font-size: 24px;
622 | }
623 | .slide ul.lots li:before {
624 | content:'\2022'; /* bull */
625 | line-height:1.3;
626 | font-size:30px;
627 | }
628 |
629 | ul.oneline li {
630 | display: inline;
631 | padding-right: 1em;
632 | }
633 | ul.oneline li::before, ul.nobull li::before {
634 | content: '';
635 | }
636 | ul.inline li {
637 | display: inline;
638 | padding-right: 0.2em;
639 | }
640 | ul.inline li::before {
641 | content: '';
642 | }
643 | ul.inline li::after {
644 | content: ', ';
645 | }
646 | ul.inline li:last-child::after {
647 | content: '.';
648 | }
649 |
650 | /* Notes */
651 | .full .slide .notes {
652 | display:none;
653 | }
654 | .full .peek .notes {
655 | display: block;
656 | z-index: 20;
657 | font-size: 15px;
658 | }
659 | .full .notes, .list .notes {
660 | background: #fff;
661 | padding: 5px 10px;
662 | z-index: 10;
663 | display: block;
664 | position: absolute;
665 | bottom: -500px;
666 | left: 50px;
667 | right: 50px;
668 | -webkit-transition: bottom .5s;
669 | -moz-transition: bottom .5s;
670 | -ms-transition: bottom .5s;
671 | -o-transition: bottom .5s;
672 | transition: bottom .5s;
673 | }
674 | .list .slide:hover .notes {
675 | bottom: 15px;
676 | }
677 | .full .notes {
678 | bottom: 70px;
679 | }
680 |
681 | /* Live demos */
682 |
683 | * [contenteditable] {
684 | display: block;
685 | white-space: pre;
686 | padding: 10px;
687 | transition: 1s;
688 | -webkit-transition: 1s;
689 | }
690 | * [contenteditable]:focus {
691 | background: #f8f8f8;
692 |
693 | }
694 |
695 | /* Meta */
696 | .talkdescription {
697 | font-size: 12px;
698 | color: #fff;
699 | width: 80%;
700 | }
701 | .full .talkdescription {
702 | display: none;
703 | }
704 | .abstract {
705 | margin: 1em 0;
706 | font-size: 14px;
707 | background: rgba(0,0,0, .7);
708 | padding: .5em;
709 | }
710 |
711 | /* Animations */
712 |
713 | .smoothdemo {
714 | transition: 0.5s;
715 | -webkit-transition: 0.5s;
716 | }
717 |
718 | .full .slide:target .swing {
719 | -moz-animation: swing linear 2s infinite;
720 | -moz-transform-origin: 0 -55%;
721 | -webkit-animation: swing ease-in-out 2s infinite;
722 | -webkit-transform-origin: 0 -55%;
723 | -o-animation: swing ease-in-out 2s infinite;
724 | -o-transform-origin: 0 -55%;
725 | animation: swing ease-in-out 2s infinite;
726 | transform-origin: 0 -55%;
727 | }
728 | @-moz-keyframes swing {
729 | 0% { -moz-transform: rotate3d(0deg,0,0) translate3d(-50%, -50%, 0); }
730 | 25% { -moz-transform: rotate(3deg) translate(-50%, -50%); }
731 | 50% { -moz-transform: rotate(0deg) translate(-50%, -50%); }
732 | 75% { -moz-transform: rotate(-3deg) translate(-50%, -50%); }
733 | 100% { -moz-transform: rotate(0deg) translate(-50%, -50%); }
734 | }
735 | @-webkit-keyframes swing {
736 | 0% {-webkit-transform: rotate(-3deg) translate(-50%, -50%); }
737 | 50% {-webkit-transform: rotate(3deg) translate(-50%, -50%); }
738 | 100% {-webkit-transform: rotate(-3deg) translate(-50%, -50%); }
739 | }
740 |
741 | @-o-keyframes swing {
742 | 0% { -o-transform: rotate(-3deg) translate(-50%, -50%); }
743 | 50% { -o-transform: rotate(3deg) translate(-50%, -50%); }
744 | 100% { -o-transform: rotate(-3deg) translate(-50%, -50%); }
745 | }
746 | @keyframes swing {
747 | 0% { transform: rotate(-3deg) translate(-50%, -50%); }
748 | 50% { transform: rotate(3deg) translate(-50%, -50%); }
749 | 100% { transform: rotate(-3deg) translate(-50%, -50%); }
750 | }
751 |
752 | /* Multilingual support */
753 |
754 | .en-US,
755 | .zh-CN,
756 | .zh-TW,
757 | .ja-JP {
758 | display: none;
759 | }
760 |
761 | :lang(en-US) .en-US,
762 | :lang(zh-CN) .zh-CN,
763 | :lang(zh-TW) .zh-TW,
764 | :lang(ja-JP) .ja-JP {
765 | display: block;
766 | }
767 |
768 | #langMenuId {
769 | pointer-events: auto;
770 | }
771 |
772 | #langMenuDivId {
773 | position: absolute;
774 | left: 0px;
775 | right: 0px;
776 | text-align: center;
777 | bottom: 36px;
778 | pointer-events: none;
779 | }
780 |
781 | .list #langMenuDivId {
782 | display: none;
783 | }
784 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # mozilla-berlin
--------------------------------------------------------------------------------
/fxos/1919_boot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/1919_boot.jpg
--------------------------------------------------------------------------------
/fxos/1919_home.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/1919_home.jpg
--------------------------------------------------------------------------------
/fxos/1920.md:
--------------------------------------------------------------------------------
1 | #### 1920 vs 1919 screen width
2 |
3 | Some pics for the problem I briefly described in
4 | [fxos on an intel nuc](https://github.com/fiji-flo/mozilla-berlin/blob/master/fxos/nuc.md).
5 | I guess this is just a configuration issue. Maybe the `1920x1080` option
6 | triggers a specific profile. I'll look into this.
7 |
8 | ##### 1919x1080
9 |
10 | This is how the nuc boots up b2g with the `-screen 1919x1080` option:
11 | 
12 | and the home screen:
13 | 
14 |
15 |
16 | ##### 1920x1080
17 |
18 | Boot screen with `-screen 1920x1080`:
19 | 
20 | home screen:
21 | 
22 |
--------------------------------------------------------------------------------
/fxos/1920_boot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/1920_boot.jpg
--------------------------------------------------------------------------------
/fxos/1920_home.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/1920_home.jpg
--------------------------------------------------------------------------------
/fxos/fxosnuc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/fxosnuc.jpg
--------------------------------------------------------------------------------
/fxos/nuc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/fxos/nuc.jpg
--------------------------------------------------------------------------------
/fxos/nuc.md:
--------------------------------------------------------------------------------
1 | ### fxos on an intel nuc (the very first steps)
2 |
3 | My goal is to build a Firefox OS TV set-top box based on an Intel NUC or an Intel Compute Stick. As a first proof of concept I started to scramble something like a real **boot to gecko** together. I started to look how the connection between [gecko](https://developer.mozilla.org/docs/Mozilla/Gecko) and [gonk](https://developer.mozilla.org/docs/Mozilla/Firefox_OS/Platform/Gonk) looks like. Especially, the basic display/window [code](https://github.com/mozilla/gecko-dev/tree/master/widget/gonk). But, I'm way to new in those areas of gecko and luckily I found a shortcut to start with.
4 |
5 | #### KISS (keep it simple stupid), for now
6 |
7 | So let's take a step back. I remembered that b2g is a normal application target when you build mozilla-central (`--enable-application=b2g`). So we can just build it based on GTK3 instead of gonk. Sure, a lot of functionality will be missing but let's see. And as mentioned in the title, this is only a first step.
8 |
9 | #### NUC
10 |
11 | Hardware: [Intel NUC NUC5PPYH](http://www.intel.com/content/www/us/en/nuc/nuc-kit-nuc5ppyh.html)
12 |
13 | Base specs:
14 |
15 | - Intel Pentium processor N3700
16 | - 4GB DDR3L RAM
17 | - Intel HD Graphics
18 | - Intel SSD 320 Series 40GB
19 |
20 | 
21 |
22 | #### The Plan
23 |
24 | Super simple:
25 |
26 | - install a minimal Linux ([Arch](https://archlinux.org) is my weapon of choice)
27 | - build b2g (build mozilla-central with `--enable-application=b2g`)
28 | - build
29 | [gaia](https://developer.mozilla.org/docs/Mozilla/Firefox_OS/Platform/Gaia)
30 | with (`GAIA_DEVICE_TYPE=tv`)
31 | - boot directly in to b2g running gaia in full screen
32 | - see what it looks like
33 |
34 | #### Let's do this
35 |
36 | ##### setting up an arch installation
37 |
38 | Even after countless installations of arch I still prefer to use their [beginner's guide](https://wiki.archlinux.org/index.php/Beginners'_guide). Don't get scared, this is totally doable. Just don't try to be a smart ass and start skipping steps :).
39 |
40 | Some tips on this would be:
41 |
42 | - use `GPT` as partitioning scheme (it's 2016)
43 | - from some reason I needed to boot the installation usb drive in legacy (BIOS) mode (you can still use the UEFI boot loader)
44 | - a [usb stick](https://www.sandisk.com/home/usb-flash/extreme-usb) with >190 MB/s will change your life
45 | - I did a simply partition layout: `512MB EFI, 4GB swap, 30GB /` some swap comes in handy, since we're gonna build mozilla-central on this thing!
46 |
47 | Go ahead an do this, come back when you reach the **Post-installation** step.
48 |
49 | ##### finishing the base system
50 |
51 | First get the network back up. In case you're on wifi:
52 | ```
53 | wifi-menu -o
54 | ```
55 | save it with a nice name like `my-super-profile` and make it connect automatically:
56 | ```
57 | netctl enable my-super-profile`
58 | ```
59 |
60 | Now set up an user:
61 | ```
62 | useradd -m -G wheel -s /bin/bash fxos
63 | ```
64 | ```
65 | passwd fxos
66 | ```
67 | set a nice password
68 | ```
69 | visudo
70 | ```
71 | uncomment
72 | ```
73 | %wheel ALL=(ALL) ALL
74 | ```
75 |
76 | Now you can ether change to the `fxos` user:
77 | ```
78 | su fxos
79 | cd ~/
80 | ```
81 | or enable `ssh` and login remotely:
82 | ```
83 | pacman -S ssh
84 | systemctl enable sshd
85 | systemctl start sshd
86 | ```
87 | then you can ssh in your NUC by:
88 | ```
89 | ssh fxos@
90 | ```
91 | from your machine (checkout [MobaXterm](http://mobaxterm.mobatek.net/) if you're on Windows)
92 |
93 | ##### prepare for gecko
94 |
95 | Get the dependencies to get the dependencies:
96 | ```
97 | sudo pacman -Syu
98 | sudo pacman -S wget python2 git gconf
99 | ```
100 |
101 | Get the dependencies (thanks for supporting arch here):
102 | ```
103 | wget -O bootstrap.py https://hg.mozilla.org/mozilla-central/raw-file/default/python/mozboot/bin/bootstrap.py && python2 bootstrap.py
104 | ```
105 |
106 | You may be prompted with some questions along the way. In general if it's just
107 | ```
108 | :: Proceed with installation? [Y/n]
109 | ```
110 | go ahead an say `Yay \o/`. For the more complex questions, this what I
111 | recommend:
112 |
113 | ```
114 | Please choose the version of Firefox you want to build:
115 | 1. Firefox for Desktop
116 | 2. Firefox for Android
117 | Your choice:
118 | 1
119 | ```
120 |
121 | ```
122 | :: There are 25 members in group base-devel:
123 | :: Repository core
124 | 1) autoconf 2) automake 3) binutils 4) bison 5) fakeroot 6) file
125 | 7) findutils 8) flex 9) gawk 10) gcc 11) gettext 12) grep 13) groff
126 | 14) gzip 15) libtool 16) m4 17) make 18) pacman 19) patch
127 | 20) pkg-config 21) sed 22) sudo 23) texinfo 24) util-linux 25) which
128 |
129 | Enter a selection (default=all): all
130 | ```
131 |
132 | ```
133 | WARNING! This script requires to install packages from the AUR This is potentially unsecure so I recommend that you carefully read each package description and check the sources.These packages will be built in /tmp/tmpEClkJO.
134 | Do you want to continue? (yes/no) [no]yes
135 | ```
136 |
137 | ```
138 | :: There are 4 providers available for libgl:
139 | :: Repository extra
140 | 1) mesa-libgl 2) nvidia-304xx-libgl 3) nvidia-340xx-libgl 4) nvidia-libgl
141 |
142 | Enter a number (default=1): 1
143 | ```
144 |
145 | ```
146 | Enter a number (default=1): 1
147 | :: There are 2 providers available for libx264.so=148-64:
148 | :: Repository extra
149 | 1) libx264 2) libx264-10bit
150 |
151 | Enter a number (default=1): 1
152 | ```
153 |
154 | So much for preparation.
155 |
156 |
157 | ##### building gecko
158 |
159 | First of all we clone the git repo (feel free to use mozilla-central or a source snapshot if you know what you're doing):
160 | ```
161 | git clone https://git.mozilla.org/integration/gecko-dev.git
162 | ```
163 | Step inside:
164 | ```
165 | cd gecko-dev
166 | ```
167 | Substitute `editor` with your favorite or least hated editor like `vi` or `nano` and create a config file named `.mozconfig`:
168 | ```
169 | editor .mozconfig
170 | ```
171 |
172 | Now paste the following configuration:
173 | ```
174 | . "$topsrcdir/b2g/config/mozconfigs/common"
175 |
176 | mk_add_options MOZ_MAKE_FLAGS="-j$((`nproc`)) -s"
177 |
178 | ac_add_options --enable-application=b2g
179 | ac_add_options --disable-libjpeg-turbo
180 | ```
181 |
182 | We're all set here. Start the build with:
183 | ```
184 | ./mach build
185 | ```
186 | and get a coffee or a beer, this may take a while.
187 |
188 |
189 | ##### building gaia
190 |
191 | Let's get gaia:
192 | ```
193 | cd ~/
194 | git clone https://github.com/mozilla-b2g/gaia
195 | cd gaia
196 | ```
197 |
198 | And again a config file:
199 | ```
200 | editor build/config/custom-settings.json
201 | ```
202 | fill with this content:
203 | ```
204 | {
205 | "lockscreen.enabled": false,
206 | "lockscreen.locked": false,
207 | "devtools.debugger.remote-enabled": true
208 | }
209 | ```
210 |
211 | Now build gaia:
212 | ```
213 | make NOFTU=1 GAIA_DEVICE_TYPE=tv USE_LOCAL_XULRUNNER_SDK=1 XULRUNNER_DIRECTORY=/home/fxos/gecko-dev/obj-x86_64-unknown-linux-gnu/dist REMOTE_DEBUGGER=1
214 | ```
215 |
216 | That's it with compiling stuff.
217 |
218 | ##### some runtime stuff
219 |
220 | Let's install some things to prepare out final step. Some of them might not be needed anymore. I'll remove them, once I confirmed that. But for now do:
221 | ```
222 | sudo pacman -S nodejs npm xorg-server xorg-utils xf86-video-intel xorg-xinit ttf-dejavu pulseaudio pulseaudio-alsa pavucontrol
223 | ```
224 | You'll be prompted to choose an input driver:
225 | ```
226 | :: There are 2 providers available for xf86-input-driver:
227 | :: Repository extra
228 | 1) xf86-input-evdev 2) xf86-input-libinput
229 |
230 | Enter a number (default=1): 2
231 | ```
232 |
233 | #### Booting into Gecko!
234 |
235 | In order to boot into gecko aka start b2g in full screen we need bring up an xserver on login. Therefore, edit the `~/bash_profile`:
236 | ```
237 | editor ~/.bash_profile
238 | ```
239 | and paste the following to automatically invoke `startx` on login:
240 | ```
241 | [[ -z $DISPLAY && $XDG_VTNR -eq 1 ]] && exec startx
242 | ```
243 |
244 | Also we want `fxos` to automatically login after boot. Use:
245 | ```
246 | sudo systemctl edit getty@tty1
247 | ```
248 | to modify the `tty1` target and paste:
249 | ```
250 | [Service]
251 | ExecStart=
252 | ExecStart=-/usr/bin/agetty --autologin fxos --noclear %I $TERM
253 | ```
254 |
255 | The final step is to automatically start b2g in full screen. Edit the `.xinit` file:
256 | ```
257 | editor ~/.xinitrc
258 | ```
259 | and paste:
260 | ```
261 | # set hdmi as sound output
262 | pactl set-card-profile 0 output:hdmi-stereo+input:analog-stereo &
263 | # start b2g and debug server
264 | exec /home/fxos/gecko-dev/obj-x86_64-unknown-linux-gnu/dist/bin/b2g --profile /home/fxos/gaia/profile -screen 1919x1080 -start-debugger-server 6000
265 | ```
266 | Sadly the `1919x1080` is not a typo. `1921x1080` works also if you want to see what happens if you use `1920x1080` go ahead and give it a shot :)
267 |
268 | **Reboot** and it should look like this:
269 | 
270 |
271 | #### Where to go from here (remember, this was just a first step)
272 |
273 | There are many problems with this quick and dirty boot to gecko hack. But this give us a lot to work on. Here are some nice next steps, some of them might be just a config change:
274 |
275 | - figure out why the performance is so bad in this setup
276 | - enable access to wifi, bluetooth, volume, ...
277 | - fill the settings menu with life
278 | - enable the real market place
279 | - make it work with an xbox/steam controller
280 |
281 | And the bigger things:
282 |
283 | - remove the need for X => make it work with wayland
284 | - even remove the need for GTK3
285 | - get feature parity with gonk based build without depending on Android
286 | - cross compile it the raspberry pi 2
287 |
288 | #### Known Issues
289 |
290 | For some reason remote debugging with WebIDE does not work as I would expect. If I forward the port it works nicely:
291 | ```
292 | ssh -L 6000:localhost:6000 fxos@
293 | ```
294 | probably just some settings.
295 |
296 | I'm still working through all settings in gaia and b2g. There's a log to learn.
297 |
298 | *There is much more to write but it's getting late and I'm getting tired. I will keep updating this article and/or write more on this topic. If you have feedback please make a pull request for https://github.com/fiji-flo/mozilla-berlin/blob/master/fxos/nuc.md *
299 |
--------------------------------------------------------------------------------
/republica17/outline.md:
--------------------------------------------------------------------------------
1 | # Volunteering for an Open Web
2 |
3 | ## Short thesis
4 |
5 | *The Internet is an integral part of modern life—a key component in education,
6 | communication, collaboration, business, entertainment and society as a whole.*
7 | *The Internet is a global public resource that must remain open and accessible.*
8 | These are the first two principles of the
9 | [Mozilla Manifesto](https://www.mozilla.org/3about/manifesto/) and summarize the
10 | motivation behind this talk quite well. How can we contribute to protect the open
11 | web, the platform for our modern digital culture.
12 |
13 | ## Description
14 |
15 | This talk gives an introduction into the Mozilla Community. How we are organized,
16 | structured and financed. What drives us and what we do.
17 |
18 | Mozilla is well known for Firefox, but not so much for the community that drives
19 | us. We call ourselves [Mozillians](https://mozillians.org) and contribute in
20 | various ways to Mozilla's [Mission](https://www.mozilla.org/mission/).
21 |
22 | We are working to keep the internet healthy, open and accessible to all. To do
23 | so, we need help! Areas like web literacy, advocacy and participation but also
24 | a lot of innovative technologies are looking for new volunteers to get involved.
25 | We are building the future of the open web exploring technologies like
26 | [servo](https://servo.org), a next generation web rendering engine. At the same
27 | time we are organizing campaigns for a
28 | [better European copyright reform](https://www.changecopyright.org/signup#about).
29 |
30 | Dive into the community world of Mozilla and join us protect the open web!
31 |
32 |
33 | # Bio
34 |
35 | Web-Enthusiast and Mozillian. In his professional life he works as a Software
36 | Engineer at [GoEuro](https://www.goeuro.com/), getting people from A to B. In his
37 | spare time he is growing the
38 | [Berlin Mozilla Community](https://www.meetup.com/Berlin-Mozilla-Meetup/) and
39 | contributing to Mozilla projects.
40 |
--------------------------------------------------------------------------------
/wikicon/57.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/57.png
--------------------------------------------------------------------------------
/wikicon/Eu-gathering-2016.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/Eu-gathering-2016.jpg
--------------------------------------------------------------------------------
/wikicon/MozTechSpeakers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/MozTechSpeakers.png
--------------------------------------------------------------------------------
/wikicon/allhands_hawaii.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/allhands_hawaii.png
--------------------------------------------------------------------------------
/wikicon/allhands_london.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/allhands_london.png
--------------------------------------------------------------------------------
/wikicon/allhands_sf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/allhands_sf.png
--------------------------------------------------------------------------------
/wikicon/amazing_firefox.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/amazing_firefox.jpg
--------------------------------------------------------------------------------
/wikicon/clubs.svg:
--------------------------------------------------------------------------------
1 |
2 |
13 |
17 |
18 |
20 | image/svg+xml
21 |
25 |
26 |
27 |
30 |
33 |
36 |
41 |
44 |
49 |
52 |
57 |
60 |
65 |
68 |
73 |
76 |
81 |
84 |
89 |
92 |
97 |
108 |
113 |
120 |
125 |
128 |
133 |
148 |
153 |
156 |
161 |
164 |
169 |
172 |
177 |
180 |
185 |
188 |
193 |
196 |
201 |
204 |
209 |
212 |
217 |
220 |
225 |
228 |
233 |
236 |
241 |
244 |
249 |
252 |
257 |
260 |
265 |
268 |
273 |
276 |
281 |
284 |
289 |
292 |
297 |
300 |
305 |
308 |
313 |
316 |
321 |
324 |
329 |
332 |
337 |
340 |
345 |
348 |
353 |
356 |
361 |
364 |
369 |
370 |
371 |
372 |
--------------------------------------------------------------------------------
/wikicon/mozfest.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/mozfest.jpg
--------------------------------------------------------------------------------
/wikicon/mozfest_flo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/mozfest_flo.jpg
--------------------------------------------------------------------------------
/wikicon/mozfest_people.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/mozfest_people.jpg
--------------------------------------------------------------------------------
/wikicon/reps.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/reps.png
--------------------------------------------------------------------------------
/wikicon/reps_org.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/reps_org.png
--------------------------------------------------------------------------------
/wikicon/slides.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Mozilla Communities im Wandel
5 | "]
5 |
6 | [dependencies]
7 | rocket = "0.3.2"
8 | rocket_codegen = "0.3.2"
9 |
--------------------------------------------------------------------------------
/wikicon/webby/src/main.rs:
--------------------------------------------------------------------------------
1 | #![feature(plugin)]
2 | #![plugin(rocket_codegen)]
3 |
4 | extern crate rocket;
5 |
6 | use std::fs::File;
7 | use std::io::BufReader;
8 | use std::io::prelude::*;
9 | use std::path::PathBuf;
10 |
11 | use rocket::http::Status;
12 | use rocket::response::NamedFile;
13 | use rocket::response::content::Html;
14 | use rocket::response::status::Custom;
15 |
16 | fn read_file(path: &str) -> Result {
17 | let file = File::open(path).map_err(|e| {
18 | format!("unable to open {}: {}", path, e)
19 | })?;
20 | let mut buf_reader = BufReader::new(file);
21 | let mut contents = String::new();
22 | buf_reader.read_to_string(&mut contents).map_err(|e| {
23 | format!("unable to read file {}: {}", path,e )
24 | })?;
25 | Ok(contents)
26 | }
27 |
28 | #[get("/render")]
29 | fn render() -> Result, Custom> {
30 | let template = read_file("slides.html").map_err(|e| {
31 | Custom(Status::InternalServerError, e)
32 | })?;
33 | let content = read_file("slides.md").map_err(|e| {
34 | Custom(Status::InternalServerError, e)
35 | })?;
36 | let output = template.replace("###SLIDES###", &content);
37 | Ok(Html(output))
38 | }
39 |
40 | #[get("/")]
41 | fn file(file: PathBuf) -> Option {
42 | NamedFile::open(file).ok()
43 | }
44 |
45 | fn main() {
46 | rocket::ignite().mount("/", routes![render, file]).launch();
47 | }
48 |
--------------------------------------------------------------------------------
/wikicon/yearbook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fiji-flo/mozilla-berlin/1a12a682258b3c1cb0d4c5089febd47c226b2705/wikicon/yearbook.png
--------------------------------------------------------------------------------
54 |
55 | Florian, Merz
56 |
57 | 
139 |
141 | 
152 |
154 | 
179 |
180 | 
198 | 
55 |
56 | {Firstname}, {Lastname}, {Conference}, {Location}, {date}
57 |
58 |
61 | 
134 |
135 |
136 | Image by Chris Heilmann
137 |
138 |
139 |
141 | 
171 |
172 |
173 | Image by Chris Heilmann
174 |
175 |
176 |
179 | 
296 |