2 files changed, 17 insertions, 12 deletions

diff --git a/src/app/rest-apis/rest-apis.component.html b/src/app/rest-apis/rest-apis.component.html
index 6081599..e9c99e5 100644
--- a/src/app/rest-apis/rest-apis.component.html
+++ b/src/app/rest-apis/rest-apis.component.html
@@ -1,9 +1,15 @@
 <div class="o-grid u-pt-x2 ">
-    <div class="o-grid__col u-1/4" *ngFor="let api of apis">
-      <div class="c-card">
-        <h1 class="o-type-28">{{api.name}}</h1>
+    <div class="o-grid__col o-grid--gutter-x2 u-mv-x1 u-1/1" *ngFor="let api of apis">
+      <div routerLink="{{api.link}}" class="c-card c-card--clickable">
+        <h1 class="u-color-primary-light o-type-28">{{api.name}}</h1>
         <br>
-        {{api.desc}} ...<a routerLink="{{api.link}}">Read more</a>
+        <div class="o-media">
+          <div class="o-media__fluid u-align-middle">
+            <p class=" o-type-20">{{api.desc}}</p>
+          </div>
+          <div class="o-media__fixed u-text-right u-align-middle">
+          </div>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/app/rest-apis/rest-apis.component.ts b/src/app/rest-apis/rest-apis.component.ts
index 8c95b23..72ff3bf 100644
--- a/src/app/rest-apis/rest-apis.component.ts
+++ b/src/app/rest-apis/rest-apis.component.ts
@@ -11,14 +11,14 @@
    WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
    Affero General Public License for more details.
-  
+
    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
    */
 /**
  * @author Philippe Buschmann
  * @file src/app/rest-apis/rest-apis.component.ts
- * @brief 
+ * @brief
  *
  */
 
@@ -31,16 +31,15 @@ import { ApiService } from '../api.service';
 })
 export class RestApisComponent implements OnInit {
 
-  apis: RestAPI[];
+  apis: RestAPI[] = [
+    {name: 'Manage Identities', desc: 'Create new identities, edit their names and delete them!', link: 'identity'},
+    {name: 'Maintain Names', desc: 'Do things!', link: 'namestore'},
+    {name: 'Handle Peers', desc: 'Do things!', link: 'peerstore'},
+  ];
 
   constructor(private apiService: ApiService) { }
 
-  getAPIs(): void {
-    this.apiService.getAPIs().subscribe(apis => this.apis = apis);
-  }
-
   ngOnInit() {
-    this.getAPIs();
   }
 
 }