Add new app: Get Kana

arielsdesign · Feb 18, 2016 · 4b0e541 · 4b0e541
1 parent 00f5a81
commit 4b0e541
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -14,6 +14,7 @@
 - [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
diff --git a/src/index.html b/src/index.html
@@ -55,6 +55,9 @@ <h2 elem="title">Wiki Offline</h2>
 		<a elem="item" mod="2048-puzzle" href="https://2048-opera-pwa.surge.sh/">
 			<h2 elem="title">2048 Puzzle</h2>
  		</a>
+		<a elem="item" mod="get-kana" href="https://getkana.com/app">
+			<h2 elem="title">Get Kana!</h2>
+ 		</a>
 		<a elem="item" mod="suggest" href="https://github.com/operasoftware/pwa-list">
 			<h2 elem="title">Suggest</h2>
  		</a>

diff --git 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;
 			}