Skip to content

Commit a0fcd93

Browse files
mmatczak-cgmmatczak-cg
committed
relative paths
1 parent 460246b commit a0fcd93

File tree

1 file changed

+52
-51
lines changed

1 file changed

+52
-51
lines changed

‎index.html‎

Lines changed: 52 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -6,52 +6,52 @@
66
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" rel="stylesheet" type="text/css">
77
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
88

9-
<link rel="stylesheet" href="/jspm_packages/github/hakimel/reveal.js@3.3.0/css/reveal.css">
10-
<link rel="stylesheet" href="/jspm_packages/github/hakimel/reveal.js@3.3.0/css/theme/white.css">
11-
<link rel="stylesheet" href="/src/css/common.css">
12-
<link rel="stylesheet" href="/src/css/solarized-light.css">
9+
<link rel="stylesheet" href="jspm_packages/github/hakimel/reveal.js@3.3.0/css/reveal.css">
10+
<link rel="stylesheet" href="jspm_packages/github/hakimel/reveal.js@3.3.0/css/theme/white.css">
11+
<link rel="stylesheet" href="src/css/common.css">
12+
<link rel="stylesheet" href="src/css/solarized-light.css">
1313

1414
</head>
1515

1616
<body>
1717
<div class="reveal">
1818
<div class="slides">
1919

20-
<section data-background-image="/src/img/techtalk_rewolucja_web_grafika_do_wydarzenia_v2.png" data-background-size="90%">
20+
<section data-background-image="src/img/techtalk_rewolucja_web_grafika_do_wydarzenia_v2.png" data-background-size="90%">
2121

2222
</section>
2323

2424

2525
<section>
2626
<h2 style="margin-bottom: -0.25em">Are we going to talk about frameworks?</h2>
2727
<div>
28-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/angular-logo.png">
29-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/react-logo.png">
30-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/vue-logo.png">
28+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/angular-logo.png">
29+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/react-logo.png">
30+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/vue-logo.png">
3131
</div>
3232
<div>
33-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/aurelia-logo.png">
34-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/ember-logo.png">
35-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/backbone-logo.png">
33+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/aurelia-logo.png">
34+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/ember-logo.png">
35+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/backbone-logo.png">
3636
</div>
3737
<div>
38-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/jquery-logo.png">
39-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/logo-d3.png">
40-
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="/src/img/polymer-logo.png">
38+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/jquery-logo.png">
39+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/logo-d3.png">
40+
<img class="plain" style="max-height: 3.5em; margin: 0.5em" src="src/img/polymer-logo.png">
4141
</div>
4242
</section>
4343

4444
<section>
4545
<h2>Not much ...</h2>
4646
<h2>we are going to concentrate on the platform</h2>
4747
<div>
48-
<img class="plain" style="max-height: 4em; margin: 0.5em" src="/src/img/chrome-icon.png">
49-
<img class="plain" style="max-height: 4em; margin: 0.5em" src="/src/img/firefox-logo.png">
50-
<img class="plain" style="max-height: 4em; margin: 0.5em" src="/src/img/safari-logo.png">
48+
<img class="plain" style="max-height: 4em; margin: 0.5em" src="src/img/chrome-icon.png">
49+
<img class="plain" style="max-height: 4em; margin: 0.5em" src="src/img/firefox-logo.png">
50+
<img class="plain" style="max-height: 4em; margin: 0.5em" src="src/img/safari-logo.png">
5151
</div>
5252
<div>
53-
<img class="plain" style="max-height: 4em; margin: 1em" src="/src/img/edge-logo.png">
54-
<img class="plain" style="max-height: 4em; margin: 1em" src="/src/img/opera-logo.png">
53+
<img class="plain" style="max-height: 4em; margin: 1em" src="src/img/edge-logo.png">
54+
<img class="plain" style="max-height: 4em; margin: 1em" src="src/img/opera-logo.png">
5555
</div>
5656
</section>
5757

@@ -268,6 +268,7 @@ <h3>ES5 callbacks</h3>
268268
</code></pre>
269269
<p>
270270
<a href="http://es6-features.org/" class="credits" target="_blank">Code examples from http://es6-features.org/</a>
271+
<a href="http://es6-features.org/" class="credits" target="_blank">Code examples from http://es6-features.org/</a>
271272
</p>
272273

273274
</section>
@@ -734,7 +735,7 @@ <h1 style="font-size: 3em;" class="secondaryColor" >service workers</h1>
734735
<section>
735736
<h3>Service worker lifecycle</h3>
736737
<p style="font-size: 0.5em; margin-top:-1em">(on first installation)</p>
737-
<img class="plain" style="max-height: 11em;" src="/src/img/sw-lifecycle.png">
738+
<img class="plain" style="max-height: 11em;" src="src/img/sw-lifecycle.png">
738739
<p>
739740
<a href="https://developers.google.com/web/fundamentals/getting-started/primers/service-workers" class="credits" target="_blank">Image from Google Web Fundamentals</a>
740741
</p>
@@ -783,7 +784,7 @@ <h1 style="font-size: 3em;" class="flippedColor" >machine</h1>
783784

784785
<section>
785786
<h3>On install - as a dependency</h3>
786-
<img class="plain" style="max-height: 12em;" src="/src/img/cm-on-install-dep.png">
787+
<img class="plain" style="max-height: 12em;" src="src/img/cm-on-install-dep.png">
787788
<p>
788789
<a href="https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/" class="credits" target="_blank">Image from Jake Archibald`s offline cookbook</a>
789790
</p>
@@ -814,7 +815,7 @@ <h3>On install - as a dependency</h3>
814815

815816
<section>
816817
<h3>On install - not as a dependency</h3>
817-
<img class="plain" style="max-height: 12em;" src="/src/img/cm-on-install-not.png">
818+
<img class="plain" style="max-height: 12em;" src="src/img/cm-on-install-not.png">
818819
<p>
819820
<a href="https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/" class="credits" target="_blank">Image from Jake Archibald`s offline cookbook</a>
820821
</p>
@@ -845,7 +846,7 @@ <h3>On install - not as a dependency</h3>
845846

846847
<section>
847848
<h3>On activate - cleanup</h3>
848-
<img class="plain" style="max-height: 12em;" src="/src/img/cm-on-activate.png">
849+
<img class="plain" style="max-height: 12em;" src="src/img/cm-on-activate.png">
849850
<p>
850851
<a href="https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/" class="credits" target="_blank">Image from Jake Archibald`s offline cookbook</a>
851852
</p>
@@ -879,7 +880,7 @@ <h3>On activate - cleanup</h3>
879880

880881
<section>
881882
<h3>On user interaction</h3>
882-
<img class="plain" style="max-height: 12em;" src="/src/img/cm-on-user-interaction.png">
883+
<img class="plain" style="max-height: 12em;" src="src/img/cm-on-user-interaction.png">
883884
<p>
884885
<a href="https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/" class="credits" target="_blank">Image from Jake Archibald`s offline cookbook</a>
885886
</p>
@@ -913,18 +914,18 @@ <h3>On user interaction</h3>
913914

914915
<section>
915916
<h1>And more ...</h1>
916-
<img class="plain" style="max-height: 2.4em;" src="/src/img/cm-on-network-response.png">
917-
<img class="plain" style="max-height: 2.4em;" src="/src/img/cm-stale-while-revalidate.png">
918-
<img class="plain" style="max-height: 2.4em;" src="/src/img/cm-on-push.png">
919-
<img class="plain" style="max-height: 2.4em;" src="/src/img/cm-on-bg-sync.png">
920-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-cache-only.png">
921-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-network-only.png">
922-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-falling-back-to-network.png">
923-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-cache-and-network-race.png">
924-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-network-falling-back-to-cache.png">
925-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-cache-then-network.png">
926-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-generic-fallback.png">
927-
<img class="plain" style="max-height: 2.4em;" src="/src/img/ss-sw-side-templating.png">
917+
<img class="plain" style="max-height: 2.4em;" src="src/img/cm-on-network-response.png">
918+
<img class="plain" style="max-height: 2.4em;" src="src/img/cm-stale-while-revalidate.png">
919+
<img class="plain" style="max-height: 2.4em;" src="src/img/cm-on-push.png">
920+
<img class="plain" style="max-height: 2.4em;" src="src/img/cm-on-bg-sync.png">
921+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-cache-only.png">
922+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-network-only.png">
923+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-falling-back-to-network.png">
924+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-cache-and-network-race.png">
925+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-network-falling-back-to-cache.png">
926+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-cache-then-network.png">
927+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-generic-fallback.png">
928+
<img class="plain" style="max-height: 2.4em;" src="src/img/ss-sw-side-templating.png">
928929
<p>
929930
<a href="https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/" class="credits" target="_blank">Images from Jake Archibald`s offline cookbook</a>
930931
</p>
@@ -938,7 +939,7 @@ <h1 style="font-size: 3.0em;" class="fallbackColor" >Can we use <a href="https:/
938939

939940
<section>
940941
<h1>Push Notifications</h1>
941-
<img class="plain" style="max-height: 12em;" src="/src/img/cc-good.png">
942+
<img class="plain" style="max-height: 12em;" src="src/img/cc-good.png">
942943
<p>
943944
<a href="https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/" class="credits" target="_blank">Image from Google Web Fundamentals</a>
944945
</p>
@@ -1010,7 +1011,7 @@ <h1 style="font-size: 2.4em;" class="primaryColor" >architecture</h1>
10101011

10111012

10121013
<section>
1013-
<img class="plain" style="max-height: 12em;" src="/src/img/appshell-1.jpg">
1014+
<img class="plain" style="max-height: 12em;" src="src/img/appshell-1.jpg">
10141015
<p>
10151016
<a href="https://developers.google.com/web/updates/2015/11/app-shell" class="credits" target="_blank">Image from Google Web Updates</a>
10161017
</p>
@@ -1029,7 +1030,7 @@ <h3>Application shell should:</h3>
10291030

10301031
<section>
10311032
<h3>Web App Install Banner</h3>
1032-
<img class="plain" style="max-height: 12em;" src="/src/img/add-to-home-screen.gif">
1033+
<img class="plain" style="max-height: 12em;" src="src/img/add-to-home-screen.gif">
10331034
<p>
10341035
<a href="https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/" class="credits" target="_blank">Image from Google Web Fundamentals</a>
10351036
</p>
@@ -1086,7 +1087,7 @@ <h3>What can I tell the browser?</h3>
10861087

10871088
<section>
10881089
<h3>Native vs. browser launch style</h3>
1089-
<img class="plain" style="max-height: 12em;" src="/src/img/manifest-display-options.png">
1090+
<img class="plain" style="max-height: 12em;" src="src/img/manifest-display-options.png">
10901091
<p>
10911092
<a href="https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/" class="credits" target="_blank">Image from Google Web Fundamentals</a>
10921093
</p>
@@ -1098,7 +1099,7 @@ <h1 style="font-size: 3.0em;" class="fallbackColor" >Anyone really does <a href=
10981099

10991100
<section>
11001101
<a href="https://wiki-offline.jakearchibald.com/wiki/Rick_and_Morty">
1101-
<img class="plain" style="max-height: 15em;" src="/src/img/wikipedia.jpg">
1102+
<img class="plain" style="max-height: 15em;" src="src/img/wikipedia.jpg">
11021103
</a>
11031104
<p>
11041105
<a href="https://developers.google.com/web/updates/2015/11/app-shell" class="credits" target="_blank">Image from Google Web Updates</a>
@@ -1110,7 +1111,7 @@ <h1 style="font-size: 3.0em;" class="fallbackColor" >Anyone really does <a href=
11101111
<h2 style="margin-top: -4em;">HTTP 2</h2>
11111112
<div class="replacement">
11121113
<div style="margin-top: 0em;" class="fragment fade-out" data-fragment-index="0">
1113-
<img class="plain" style="max-height: 15em;" src="/src/img/HTTP_persistent_connection.svg">
1114+
<img class="plain" style="max-height: 15em;" src="src/img/HTTP_persistent_connection.svg">
11141115
<p>
11151116
<a href="https://en.wikipedia.org/wiki/HTTP_persistent_connection" class="credits" target="_blank">Image from Wikipedia</a>
11161117
</p>
@@ -1178,7 +1179,7 @@ <h3 style="font-size: 2em; margin-bottom: 0em;" class="tertiaryColor" >and creat
11781179

11791180
<section>
11801181
<h1>
1181-
<img style="max-height: 1.5em;" class="plain" src="/src/img/chrome-icon.png">
1182+
<img style="max-height: 1.5em;" class="plain" src="src/img/chrome-icon.png">
11821183
<span style="font-size: 1em" class="inline secondaryFont fallbackColor lowercase">developer</span>
11831184
<span class="inline primaryColor">Tools</span>
11841185
</h1>
@@ -1187,23 +1188,23 @@ <h1>
11871188

11881189
<section>
11891190
<h3>Inspect / Live Edit</h3>
1190-
<img class="plain" style="max-height: 12em;" src="/src/img/elements.png">
1191+
<img class="plain" style="max-height: 12em;" src="src/img/elements.png">
11911192
<p>
11921193
<a href="https://developers.google.com/web/tools/chrome-devtools/" class="credits" target="_blank">Chrome Developer Tools documentation</a>
11931194
</p>
11941195
</section>
11951196

11961197
<section>
11971198
<h3>Analyse network traffic</h3>
1198-
<img class="plain" style="max-height: 12em;" src="/src/img/network.png">
1199+
<img class="plain" style="max-height: 12em;" src="src/img/network.png">
11991200
<p>
12001201
<a href="https://developers.google.com/web/tools/chrome-devtools/" class="credits" target="_blank">Chrome Developer Tools documentation</a>
12011202
</p>
12021203
</section>
12031204

12041205
<section>
12051206
<h3>Debug</h3>
1206-
<img class="plain" style="max-height: 12em;" src="/src/img/sources.png">
1207+
<img class="plain" style="max-height: 12em;" src="src/img/sources.png">
12071208
<p>
12081209
<a href="https://developers.google.com/web/tools/chrome-devtools/" class="credits" target="_blank">Chrome Developer Tools documentation</a>
12091210
</p>
@@ -1215,13 +1216,13 @@ <h3>Profile</h3>
12151216
<h3 style="margin-top: -7.5em;">Profiling</h3>
12161217
<div class="replacement">
12171218
<div style="margin-top: 0em;" class="fragment fade-out" data-fragment-index="0">
1218-
<img class="plain" style="max-height: 12em;" src="/src/img/timeline.png">
1219+
<img class="plain" style="max-height: 12em;" src="src/img/timeline.png">
12191220
<p>
12201221
<a href="https://developers.google.com/web/tools/chrome-devtools/" class="credits" target="_blank">Chrome Developer Tools documentation</a>
12211222
</p>
12221223
</div>
12231224
<div style="margin-top: 0em;" class="fragment fade-in" data-fragment-index="0">
1224-
<img class="plain" style="max-height: 12em;" src="/src/img/cpu-profile.png">
1225+
<img class="plain" style="max-height: 12em;" src="src/img/cpu-profile.png">
12251226
<p>
12261227
<a href="https://developers.google.com/web/tools/chrome-devtools/" class="credits" target="_blank">Chrome Developer Tools documentation</a>
12271228
</p>
@@ -1279,10 +1280,10 @@ <h1 style="font-size: 1.5em;" class="flippedColor" >for your attention!</h1>
12791280
</div>
12801281
</div>
12811282

1282-
<script src="/jspm_packages/system.js"></script>
1283-
<script src="/config.js"></script>
1283+
<script src="jspm_packages/system.js"></script>
1284+
<script src="config.js"></script>
12841285
<script>
1285-
System.import('/src/js/main');
1286+
System.import('src/js/main');
12861287
</script>
12871288
</body>
12881289

0 commit comments

Comments
 (0)