Skip to content

Commit e6bade5

Browse files
coryrylancoryrylan
committed
docs: publish work
1 parent a63b9df commit e6bade5

17 files changed

+485
-11
lines changed

‎.firebaserc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "ngx-lite"
4+
}
5+
}

‎README.md

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
# ngx-lite
22
[![Build Status](https://travis-ci.org/coryrylan/ngx-lite.svg?branch=master)](https://travis-ci.org/coryrylan/ngx-lite)
33

4+
[ngxlite.com](https://ngxlite.com/)
5+
46
A mono repo collection of lightweight stand alone Angular libraries built with
57
the [Angular CLI](https://github.com/angular/angular-cli) and [ng-packagr](https://github.com/dherges/ng-packagr)
68

7-
| Package | Demo | Documentation | Version |
9+
10+
<!-- | Package | Demo | Documentation | Version |
811
| ------------- | ------------- | ------------- | ------------- |
912
| ngx-debounce-click | [Demo](https://stackblitz.com/edit/angular-nbhugm) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-debounce-click) | [![npm version](https://badge.fury.io/js/ngx-debounce-click.svg)](https://badge.fury.io/js/ngx-debounce-click) |
1013
| ngx-eq | [Demo](https://stackblitz.com/edit/angular-fgjuh8) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-eq) | [![npm version](https://badge.fury.io/js/ngx-eq.svg)](https://badge.fury.io/js/ngx-eq) |
@@ -15,4 +18,4 @@ the [Angular CLI](https://github.com/angular/angular-cli) and [ng-packagr](https
1518
| ngx-input-tag | [Demo](https://stackblitz.com/edit/angular-8qhlb4) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-input-tag) | [![npm version](https://badge.fury.io/js/ngx-input-tag.svg)](https://badge.fury.io/js/ngx-input-tag) |
1619
| ngx-json-ld | [Demo](https://stackblitz.com/edit/angular-oyrw84) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-json-ld) | [![npm version](https://badge.fury.io/js/ngx-json-ld.svg)](https://badge.fury.io/js/ngx-json-ld) |
1720
| ngx-loaders | [Demo](https://stackblitz.com/edit/angular-i5c8wa) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-loaders) | [![npm version](https://badge.fury.io/js/ngx-loaders.svg)](https://badge.fury.io/js/ngx-loaders) |
18-
| ngx-nav-drawer | [Demo](https://stackblitz.com/edit/angular-veeywy) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-nav-drawer) | [![npm version](https://badge.fury.io/js/ngx-nav-drawer.svg)](https://badge.fury.io/js/ngx-nav-drawer) |
21+
| ngx-nav-drawer | [Demo](https://stackblitz.com/edit/angular-veeywy) | [Documentation](https://github.com/coryrylan/ngx-lite/tree/master/src/lib/ngx-nav-drawer) | [![npm version](https://badge.fury.io/js/ngx-nav-drawer.svg)](https://badge.fury.io/js/ngx-nav-drawer) | -->

‎firebase.json

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"hosting": {
3+
"public": "dist/app",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
],
9+
"rewrites": [
10+
{
11+
"source": "**",
12+
"destination": "/index.html"
13+
}
14+
]
15+
}
16+
}

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"test": "ng test",
1010
"lint": "ng lint",
1111
"e2e": "ng e2e --aot",
12+
"deploy": "ng build --prod && firebase deploy",
1213
"coverage": "ng test --watch=false --code-coverage",
1314
"package": "npm run package:ngx-carbon-ad && npm run package:ngx-code-example && npm run package:ngx-debounce-click && npm run package:ngx-eq && npm run package:ngx-in-viewport && npm run package:ngx-input-range && npm run package:ngx-input-star-rating && npm run package:ngx-input-switch && npm run package:ngx-input-tag && npm run package:ngx-json-ld && npm run package:ngx-loaders && npm run package:ngx-nav-drawer && npm run package:ngx-tabs",
1415
"package:ngx-carbon-ad": "ng-packagr -p src/lib/ngx-carbon-ad/ng-package.json",

‎src/app/docs/docs-ngx-debounce-click/docs-ngx-debounce-click.component.html

-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@ <h1>@ngx-lite/debounce-click</h1>
1818

1919
<ngx-tabs>
2020
<ngx-tab [active]="true" name="Usage">
21-
<h2>Usage</h2>
2221
<ngx-code-example ngNonBindable>
2322
<![CDATA[
2423
import { Component, OnInit } from '@angular/core';

‎src/app/docs/docs-ngx-tabs/docs-ngx-tabs.component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<section bp="grid vertical-start">
22
<div bp="8@md">
33
<h1>@ngx-lite/tabs</h1>
4-
<app-badges package="tabs" stackblitzId=""></app-badges>
4+
<app-badges package="tabs" stackblitzId="angular-clhd6f"></app-badges>
55

66
<p>
77
A tabs component with ability to programmatically set active tabs.

‎src/app/home/home.component.html

+25-6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,30 @@
1-
<section bp="grid vertical-start">
2-
<div bp="8@md">
3-
<h1>A collection of lightweight Angular components and libraries.</h1>
1+
<div class="background">
2+
<h1>A collection of lightweight Angular components and libraries.</h1>
3+
<ngx-carbon-ad siteName="coryrylancom" bp="4@md"></ngx-carbon-ad>
4+
<img src="/assets/images/earth.svg" class="earth" alt="earth">
5+
<img src="/assets/images/comet.svg" class="comet" alt="comet">
6+
<img src="/assets/images/comet.svg" class="comet2" alt="comet">
7+
</div>
48

9+
<section bp="grid">
10+
<div bp="4@md">
11+
<img src="/assets/images/feather-dark.svg" alt="lightweight">
12+
<h2>Lightweight</h2>
513
<p>
6-
ngx-lite is collection of standalone lightweight Angular libraries and components in a single mono repo. Each component/library
7-
is a stand alone npm package so you only install what you need to use, keeping your Angular app light and fast.
14+
Each component/library is a stand alone npm package so you only install what you need to use.
815
</p>
916
</div>
10-
<ngx-carbon-ad siteName="coryrylancom" bp="4@md"></ngx-carbon-ad>
17+
<div bp="4@md">
18+
<img src="/assets/images/github.svg" alt="lightweight">
19+
<h2>Open Source</h2>
20+
<p>
21+
100% open source MIT license
22+
hosted on Github
23+
</p>
24+
</div>
25+
<div bp="4@md">
26+
<img src="/assets/images/square.svg" alt="lightweight">
27+
<h2>Productive</h2>
28+
<p>Components designed to be fully compatible with Angular and get you up and running quickly.</p>
29+
</div>
1130
</section>

‎src/app/home/home.component.scss

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
@import "./../../styles/_config";
2+
3+
.background {
4+
background-color: darken($color-primary, 3%);
5+
color: $color-white;
6+
margin-bottom: 16px;
7+
overflow: hidden;
8+
width: 100%;
9+
position: relative;
10+
min-height: 300px;
11+
padding: 40px 40px 15px 40px;
12+
margin: -24px -24px 40px -24px;
13+
width: 105%;
14+
z-index: 1;
15+
}
16+
17+
.earth {
18+
max-width: 360px;
19+
position: absolute;
20+
right: -25px;
21+
bottom: -10px;
22+
}
23+
24+
h1 {
25+
max-width: 550px;
26+
z-index: 2;
27+
position: relative;
28+
font-size: 2.2em;
29+
margin-bottom: 48px;
30+
}
31+
32+
ngx-carbon-ad {
33+
z-index: 2;
34+
position: relative;
35+
}
36+
37+
section {
38+
text-align: center;
39+
40+
img {
41+
width: 100%;
42+
max-width: 100px;
43+
margin: 0 auto 12px auto;
44+
}
45+
}
46+
47+
@keyframes comet {
48+
20%, 100% {
49+
opacity: 0;
50+
transform: translate(400px, 430px) rotate(45deg);
51+
}
52+
53+
0% {
54+
opacity: 0;
55+
}
56+
57+
10% {
58+
opacity: 1;
59+
}
60+
}
61+
62+
.comet, .comet2 {
63+
position: absolute;
64+
top: -20px;
65+
left: 40px;
66+
width: 40px;
67+
transform: rotate(45deg);
68+
animation: comet 10s infinite ease-in-out;
69+
}
70+
71+
.comet2 {
72+
left: 140px;
73+
animation: comet 8s infinite ease-in-out;
74+
}

‎src/assets/images/comet.svg

+143
Loading

0 commit comments

Comments
 (0)