Skip to content

Commit 9c8b303

Browse files
committed
fix images
1 parent 33c3a56 commit 9c8b303

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ In this project we build a progressive web app for my hometown's
2424
part of their public transport system. In our app, we want to show the availability of bikes per station (And also show the closest
2525
station, if you wanted to hop onto a bike right away).
2626

27-
[image:velo](./img/velo.jpg)
27+
![velo](./img/velo.jpg)
2828

2929
I used [Vue.js](vuejs.org) for this. This application is kept as simple as possible to focus on the PWA-specific parts.
3030
For a real world Vue.js application, you might want to check out Vue's [CLI tool](https://github.com/vuejs/vue-cli).
@@ -122,7 +122,7 @@ npm start
122122

123123
The app will now render beautifully on the different browsers.
124124

125-
[image:getting started](./img/getting_started.png)
125+
![getting started](./img/getting_started.png)
126126

127127
# Service workers
128128
[Service workers](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) are a
@@ -191,7 +191,7 @@ application very quickly. In our case, these are all used files, without the sta
191191

192192
If you try to cache a file that cannot be retrieved, the service worker won't be installed
193193

194-
[image:Service Worker failed to install](./img/error_sw.png)
194+
![Service Worker failed to install](./img/error_sw.png)
195195

196196
Once the ServiceWorker is installed, we can listen to the activate-event.
197197

@@ -292,7 +292,7 @@ If you configured the web app manifest correctly, the browser might decide to sh
292292
[Install Banner](https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/). When and if
293293
the install banner is opened is browser-specifc and can be changed over time.
294294

295-
[image:install banner](./img/install_banner.png)
295+
![install banner](./img/install_banner.png)
296296

297297
## Local Storage
298298
The web has many features available that help create an app-like experience, like
@@ -432,7 +432,7 @@ var app = new Vue({
432432
For our final touch, we implement push notifications to engage users to use our app. Push notifications for progressive web apps work in 2 parts: [Web Notifications](https://notifications.spec.whatwg.org) and the [Push API](https://w3c.github.io/push-api).
433433
Web notifications look like this:
434434

435-
[image:Web Notifications](./img/notifications.png)
435+
![Web Notifications](./img/notifications.png)
436436

437437
We can show this, when a push-event is triggered in our service worker:
438438

@@ -517,16 +517,16 @@ urlB64ToUint8Array: function (base64String) {
517517
In order to send push notifications, we need to have a push notification server. We will use Google's [Push Companion](https://web-push-codelab.appspot.com/) website for this.
518518
In the above code, replace "<YOUR\_PUBLIC\_KEY>" with the public key that is generated for you on the Push Companion website:
519519

520-
[image:web companion site](./img/web_companion_site.png)
520+
![web companion site](./img/web_companion_site.png)
521521

522522
Reload the MyBike-application and press 'Enable notifications'. After a few moments, the text should switch to 'Disable notifications', meaning that we are now subscribed, and you can
523523
disable them again when needed. The subscription itself is shown in blue.
524524

525-
[image:subscription info](./img/push_subscription_info.png)
525+
![subscription info](./img/push_subscription_info.png)
526526

527527
Copy the subscription and paste it in the Push Companion site:
528528

529-
[image:send push message](./img/send_push_message.png)
529+
![send push message](./img/send_push_message.png)
530530

531531
You should now see the same notification message as before, but then triggered by the push notification service.
532532

0 commit comments

Comments
 (0)