feat(docs): add star & download badges into the hero section (#813)

akveo · Sep 28, 2018 · c3c755a · c3c755a
1 parent e91f557
commit c3c755a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/docs/app/@theme/components/hero/hero.component.scss b/docs/app/@theme/components/hero/hero.component.scss
@@ -41,6 +41,19 @@
  padding-right: 2em;
  }
 
+ .badges {
+ display: flex;
+ margin-bottom: 1.5rem;
+ flex-direction: row;
+ align-items: center;
+
+ .stars {
+ width: 95px;
+ height: 20px;
+ margin-right: 1rem;
+ }
+ }
+
  .btn {
  display: inline-block;
  font-size: 1.125em;

diff --git a/docs/app/@theme/components/hero/hero.component.ts b/docs/app/@theme/components/hero/hero.component.ts
@@ -7,6 +7,16 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
  <div class="block">
  <h1>Nebular</h1>
  <p>Components, Auth & Security for your next Angular App</p>
+ <div class="badges">
+ <iframe class="stars"
+ src="https://ghbtns.com/github-btn.html?user=akveo&repo=nebular&type=star&count=true"
+ frameborder="0"
+ scrolling="0">
+ </iframe>
+ <a href="https://www.npmjs.com/package/@nebular/theme" target="_blank">
+ <img src="https://img.shields.io/npm/dt/@nebular/theme.svg">
+ </a>
+ </div>
  <a class="btn get-started" routerLink="docs">Get Started</a>
  <a class="btn" href="http:https://akveo.com/ngx-admin?utm_source=nebular_documentation&utm_medium=demo_button"
  target="_blank">Demo</a>