update README, website, 10.0.0-beta.2

README.md

@@ -1,6 +1,8 @@
 # Focus listener service for Angular
 
-Handles focus/blur from a group of elements.
+Register element in the service and use focus/blur observables.
+
+Also handles focus/blur for a group of elements.
 
 If focus moves among elements in a defined group, blur event will not be fired.
 
@@ -33,7 +35,7 @@ $ npm i @oleksa/sx-focus-listener
 </div>
 ```
 
-### As service
+### As a service
 
 ```typescript
 ...

projects/sx-focus-listener/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@oleksa/sx-focus-listener",
-  "version": "10.0.0-beta.1",
+  "version": "10.0.0-beta.2",
+  "repository": "https://github.com/navix/sx-focus-listener",
+  "author": "Oleksa Novyk (inavix@gmail.com)",
+  "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^10.0.0",
     "@angular/core": "^10.0.0",

projects/website/src/styles.scss

@@ -1,21 +1,14 @@
-/* You can add global styles to this file, and also import other style files */
-
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: local('JetBrains Mono'), local('JetBrains-Mono'), url(assets/JetBrainsMono-Regular.woff2) format('woff2');
-}
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans:wght@400;600&display=swap');
 
 :root {
   --mainColor: #1e0070;
-  --lightColor: #bbb1ef;
 }
 
 body {
+  background: #f6f6f6;
   color: var(--mainColor);
-  font-family: 'JetBrains Mono', monospace;
-  font-size: 14px;
+  font-family: 'IBM Plex Sans', Arial, sans-serif;
+  font-size: 16px;
   line-height: 1.5rem;
   padding: 0 1rem;
 }
@@ -25,7 +18,7 @@ a {
 }
 
 pre {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'IBM Plex Mono', monospace;
   font-size: .9rem;
   line-height: 1rem;
 }