Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 02:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(demo): add landing page with docs (#1951)

Browse source
This commit is contained in:
Dmitry Nehaychik 2018-12-26 15:17:57 +03:00 • committed by Sergey Andrievskiy
parent 67c9587b87
commit 43cc3a1556
190 changed files with 15425 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

63
docs/app/pages/home/social-section/social-section.component.html Normal file
View file

@ -0,0 +1,63 @@
<ngx-landing-section-title>
Help us make our products better for you
</ngx-landing-section-title>
<p>
You can support us by creating pull requests, submitting bugs, and suggesting awesome new features you’d like to see
</p>
<a class="social-button github"
href="https://github.com/akveo/ngx-admin"
target="_blank">
<i [innerHTML]="'github' | eva: { width: 42, height: 42 }"></i>
<div class="info">
<div class="appeal">Star our repo</div>
<div class="title">GitHub</div>
</div>
</a>
<div class="sub-title">
Here's what else you can do:
</div>
<div class="buttons-group">
<a class="social-button facebook"
href="https://www.facebook.com/akveo"
target="_blank">
<i [innerHTML]="'facebook' | eva: { width: 44, height: 44, fill: '#3b5998' }"></i>
<div class="info">
<div class="appeal">
Like us
</div>
<div class="title">
Facebook
</div>
</div>
</a>
<a class="social-button linkedin"
href="https://www.linkedin.com/company/akveo"
target="_blank">
<i [innerHTML]="'linkedin' | eva: { width: 42, height: 42, fill: '#0077b5' }"></i>
<div class="info">
<div class="appeal">
Join us
</div>
<div class="title">
Linkedin
</div>
</div>
</a>
<a class="social-button twitter"
href="https://twitter.com/akveo_inc"
target="_blank">
<i [innerHTML]="'twitter' | eva: { width: 42, height: 42, fill: '#08a0e9' }"></i>
<div class="info">
<div class="appeal">
Follow us
</div>
<div class="title">
Twitter
</div>
</div>
</a>
</div>

166
docs/app/pages/home/social-section/social-section.component.scss Normal file
View file

@ -0,0 +1,166 @@
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
display: block;
text-align: center;
padding-top: 4.75rem;
padding-bottom: 5.125rem;
.social-button {
display: inline-flex;
align-items: center;
box-shadow: nb-theme(shadow-default);
background-color: nb-theme(color-white);
padding-left: 2rem;
border-radius: 0.25rem;
color: #000000;
text-decoration: none;
cursor: pointer;
&:hover {
box-shadow: nb-theme(shadow-hover-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-btn);
}
.info {
margin-left: 2rem;
text-align: left;
}
.appeal {
font-family: nb-theme(font-secondary), sans-serif;
}
.title {
font-size: 1.5rem;
}
}
p {
font-family: nb-theme(font-secondary), sans-serif;
font-size: nb-theme(font-size-lg);
width: 36%;
margin: 1.25rem auto 0;
line-height: 1.5;
}
.github {
margin-top: 2rem;
margin-left: 1.25rem;
padding-right: 6.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sub-title {
color: #000000;
margin-top: 2.5rem;
font-size: 1.5rem;
}
.buttons-group {
display: flex;
justify-content: center;
margin-top: 2.5rem;
.social-button {
margin-left: 1.5rem;
&:first-child {
margin-left: 0;
}
}
}
.facebook {
padding: 1.5rem 6.625rem 1.25rem 1.375rem;
.info {
margin-left: 1.125rem;
}
.title {
margin-top: 0.25rem;
}
}
.linkedin {
padding: 1.5rem 7rem 1.25rem 1.625rem;
.info {
margin-left: 1.75rem;
}
}
.twitter {
padding: 1.5rem 8rem 1.25rem 1.625rem;
.info {
margin-left: 1.75rem;
}
}
@include media-breakpoint-down(md) {
p {
width: 80%;
}
.facebook {
padding-right: 1.5rem;
}
.linkedin {
padding-right: 1.5rem;
}
.twitter {
padding-right: 3rem;
}
}
@include media-breakpoint-down(sm) {
padding: 4.25rem 1rem 2.125rem;
p {
width: 100%;
font-size: nb-theme(font-size);
}
.github {
margin-top: 2rem;
margin-left: 0;
padding-right: 0;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width: 100%;
}
.sub-title {
margin-top: 2.25rem;
}
.buttons-group {
margin-top: 1.875rem;
flex-direction: column;
.social-button {
margin-top: 1rem;
margin-left: 0;
&:first-child {
margin-top: 0;
}
}
}
}
}

16
docs/app/pages/home/social-section/social-section.component.ts Normal file
View file

@ -0,0 +1,16 @@
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component } from '@angular/core';
@Component({
selector: 'ngx-landing-social-section',
templateUrl: './social-section.component.html',
styleUrls: ['./social-section.component.scss'],
})
export class SocialSectionComponent {
}