updated site

site/src/app/components/footer/footer.component.html

@@ -1,4 +1,5 @@
 <div fxLayout="row wrap" fxLayoutAlign="center center" fxLayoutGap="10px">
   <span>All rights reserved © Bitgapp Ltd. {{year}}</span>
   <a routerLink="/terms">Terms and Conditions</a>
-</div>
+  <eqm-github-stats></eqm-github-stats>
+</div>

site/src/app/components/github-stats/github-stats.component.html

@@ -0,0 +1 @@
+<iframe src="https://ghbtns.com/github-btn.html?user=bitgapp&repo=eqmac&type=star&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe>

site/src/app/components/github-stats/github-stats.component.scss

@@ -0,0 +1,3 @@
+:host {
+  margin: 20px;
+}

site/src/app/components/github-stats/github-stats.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'eqm-github-stats',
+  templateUrl: './github-stats.component.html',
+  styleUrls: ['./github-stats.component.scss']
+})
+export class GithubStatsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

site/src/app/routes/root/sections/overview/overview.component.html

@@ -1,4 +1,4 @@
-<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="space-around center">
+<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="center center" fxLayoutGap="200px" fxLayoutGap.lt-md="0px">
   <div fxLayout="column" fxLayoutAlign="space-around center" class="info">
     <img width="144" height="144" src="assets/icon.svg">
     <div style="position: relative;">
@@ -20,6 +20,13 @@
     </div>
     <br>
     <span class="text-small" style="opacity: 0.7">By Downloading and installing eqMac you automatically agree to our <a routerLink="/terms" class="underline">Terms and Conditions</a></span>
+    <br>
+    <div fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="center space-around">
+      <span>600k+ Downloads</span>
+      <span>|</span>
+      <span>50k+ Users</span>
+    </div>
+    <eqm-github-stats></eqm-github-stats>
   </div>
-  <img class="screenshot" src="assets/screenshot.jpg" width="500"/>
+  <img class="screenshot" src="assets/screenshot2.png" width="500"/>
 </div>

site/src/app/routes/root/sections/overview/overview.component.scss

@@ -21,10 +21,10 @@
 }
 
 .screenshot {
-  border: 1px solid black;
+  // border: 1px solid black;
   margin: 30px 0;
-  $shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2);
-  box-shadow: $shadow;
-  -moz-box-shadow: $shadow;
-  -webkit-box-shadow: $shadow;
+  // $shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2);
+  // box-shadow: $shadow;
+  // -moz-box-shadow: $shadow;
+  // -webkit-box-shadow: $shadow;
 }

site/src/app/site.module.ts

@@ -16,6 +16,7 @@ import { Routes, RouterModule } from '@angular/router'
 import { TermsAndConditionsComponent } from './routes/terms/terms.component'
 import { FAQComponent } from './routes/faq/faq.component'
 import { MatExpansionModule } from '@angular/material/expansion'
+import { GithubStatsComponent } from './components/github-stats/github-stats.component'
 
 const routes: Routes = [{
   path: '',
@@ -39,7 +40,8 @@ const routes: Routes = [{
     HelpComponent,
     FooterComponent,
     TermsAndConditionsComponent,
-    FAQComponent
+    FAQComponent,
+    GithubStatsComponent
   ],
   imports: [
     BrowserModule.withServerTransition({ appId: 'serverApp' }),

site/src/styles.scss

@@ -40,4 +40,8 @@ a {
 
 .underline {
   text-decoration: underline;
+}
+
+.iframe {
+  border: none;
 }