diff --git a/README.md b/README.md index 2ae642df..ca2d0dce 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,7 @@ What is progressive web app? See “[Progress Web Apps](https://developer.chrome - [Voice Memos](https://voice-memos.appspot.com/) - [Wiki Offline](https://wiki-offline.jakearchibald.com/) - [2048](https://2048-opera-pwa.surge.sh) +- [Get Kana!](https://getkana.com/app) ## Development diff --git a/src/assets/images/get-kana.svg b/src/assets/images/get-kana.svg new file mode 100644 index 00000000..d2b8967f --- /dev/null +++ b/src/assets/images/get-kana.svg @@ -0,0 +1 @@ + diff --git a/src/index.html b/src/index.html index def25736..056d8b75 100644 --- a/src/index.html +++ b/src/index.html @@ -55,6 +55,9 @@

Wiki Offline

2048 Puzzle

+ +

Get Kana!

+

Suggest

diff --git a/src/styles/list.scss b/src/styles/list.scss index 894dc69e..8fe3348d 100644 --- a/src/styles/list.scss +++ b/src/styles/list.scss @@ -11,7 +11,7 @@ column-count:2; } @include mq($from:lap) { - column-count:3; + column-count:4; } // Title @@ -94,6 +94,9 @@ &--2048-puzzle { background:#EDC500 url(../images/2048-puzzle.svg) 50% 50% / 65% auto no-repeat; } + &--get-kana { + background:#7C7171 url(../images/get-kana.svg) 50% 50% / 50% auto no-repeat; + } &--suggest { background:#282828 url(../images/suggest.svg) 50% 50% / 20% auto no-repeat; }