feat: demo version additions

This commit is contained in:
Sergey Andrievskiy 2021-08-06 18:48:35 +03:00
parent 0eec54695f
commit eee950248e
322 changed files with 23456 additions and 188 deletions

View file

@ -0,0 +1,45 @@
<div class="logo">
<a href="https://www.akveo.com?utm_campaign=services%20-%20homepage%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_docs_footer_link_logo" target="_blank"><img src="assets/img/akveo-logo.png" alt="Akveo logo"></a>
</div>
<div>
<ul>
<li><strong class="title">More from Akveo</strong></li>
<li><a href="https://www.akveo.com?utm_campaign=services%20-%20homepage%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_docs_footer_link_homepage" target="_blank">Homepage</a></li>
<li><a href="https://akveo.github.io/eva-icons?utm_campaign=eva_icons%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=docs_footer">Eva Icons</a></li>
<li><a href="https://akveo.github.io/react-native-ui-kitten?utm_campaign=ui_kitten%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=docs_footer">React Native UI Kitten</a></li>
<li><a href="https://www.akveo.com/ngx-admin?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=docs_footer_link"
target="_blank">ngx-admin</a></li>
</ul>
</div>
<div>
<ul>
<li><strong class="title">Follow Us</strong></li>
<li class="social">
<a href="https://github.com/akveo/ngx-admin"
aria-label="github"
target="_blank">
<i [innerHTML]="'github-outline' | eva: { width: 30, height: 30, fill: '#f7f8fa' }"></i>
</a>
<a href="https://twitter.com/akveo_inc"
aria-label="twitter"
target="_blank">
<i [innerHTML]="'twitter' | eva: { width: 30, height: 30, fill: '#f7f8fa' }"></i>
</a>
<a href="https://www.facebook.com/akveo"
aria-label="facebook"
target="_blank">
<i [innerHTML]="'facebook' | eva: { width: 35, height: 35, fill: '#f7f8fa' }"></i>
</a>
</li>
<li class="copy">
&copy; 2015-2019 <a href="https://www.akveo.com?utm_campaign=services%20-%20homepage%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_docs_footer_link_akveo_llc" target="_blank">Akveo LLC</a><br>
Documentation licensed under CC BY 4.0.
</li>
</ul>
</div>
<div class="contact">
<ul>
<li><strong class="title">Contact Us</strong></li>
<li><a href="mailto:contact@akveo.com">contact@akveo.com</a></li>
</ul>
</div>

View file

@ -0,0 +1,119 @@
/**
* @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() {
$text-fg: nb-theme(footer-text-color);
$social-fg: nb-theme(text-hint-color);
$title-fg: nb-theme(text-basic-color);
display: flex;
flex: 1;
flex-wrap: wrap;
padding-top: 1.25rem;
justify-content: space-around;
> div {
display: flex;
margin-right: 0;
justify-content: center;
width: 100%;
&:last-child {
margin-right: 0;
}
a {
color: $text-fg;
}
ul {
list-style: none;
padding-left: 0;
}
li {
display: flex;
margin-bottom: 1rem;
justify-content: center;
align-items: center;
text-align: center;
}
&.logo {
display: none;
}
.title {
color: $title-fg;
font-size: 1.125rem;
font-weight: bold;
line-height: 1.375rem;
}
.copy {
color: $text-fg;
display: list-item;
font-size: 0.75rem;
}
.social {
display: flex;
flex-direction: row;
a {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
background-color: $social-fg;
border-radius: 0.375rem;
text-decoration: none;
margin-right: 1.5rem;
line-height: 0.5;
&:last-child {
margin-right: 0;
}
}
}
}
> div.logo {
display: none;
}
@include media-breakpoint-up(md) {
> div {
justify-content: flex-start;
margin-right: 2rem;
width: auto;
li {
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
}
}
@include media-breakpoint-up(lg) {
> div.logo {
display: flex;
flex-direction: column;
margin-top: -2.5rem;
text-align: center;
justify-content: center;
img {
max-width: 9rem;
}
}
}
}

View file

@ -0,0 +1,10 @@
import { ChangeDetectionStrategy, Component } from '@angular/core';
@Component({
selector: 'ngx-docs-footer',
styleUrls: ['./footer.component.scss'],
templateUrl: './footer.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgxDocsFooterComponent {
}