https://github.com/convoo/holding-fire
An element that makes a holding page
https://github.com/convoo/holding-fire
Last synced: 8 days ago
JSON representation
An element that makes a holding page
- Host: GitHub
- URL: https://github.com/convoo/holding-fire
- Owner: convoo
- License: mit
- Created: 2017-02-08T12:17:49.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-18T07:25:07.000Z (about 8 years ago)
- Last Synced: 2025-04-18T13:03:46.696Z (about 1 month ago)
- Language: HTML
- Size: 656 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# holding-fire
A simple way to create a holding page
---
## Install
```
bower install holding-fire --save
```
# \
An element that uploads files and provides download url from Firebase Storage. For images, it can resize and provide a placeholder as well.
```html
```
```html
A revolutionary new startup. Website coming soon!
```
See the demos by clicking in the sidebar on [webcomponents.org](https://webcomponents.org/element/convoo/holding-fire) for more.
### Styling
Style the element with CSS as you would a normal DOM element.
The following custom properties and mixins are available for styling:
| Custom property | Description |
| --- | --- |
| `--holding-fire-host` | Mixin for the host element |
| `--holding-fire-overlay` | Mixin for an overlay |
| `--holding-fire-container` | Mixin for the container |
| `--holding-fire-logo` | Mixin for the logo |
| `--holding-fire-inner-container` | Mixin for the inner container with content and form |
| `--holding-fire-content` | Mixin for the content section |
| `---holding-fire-subscribe-container` | Mixin for the subscribe container|
| `---holding-fire-subscribe-title` | Mixin for the subscribe title|
| `---holding-fire-subscribe-form` | Mixin for the subscribe form|
| `--holding-fire-input` | Mixin for the inputs |
| `---holding-fire-subscribe-button` | Mixin for the subscribe button|
| `--holding-fire-email` | Mixin for the email paragraph |
| `--holding-fire-email-link` | Mixin for the email text |
| `---holding-fire-thanks-container` | Mixin for the thanks container|
| `---holding-fire-thanks-title` | Mixin for the thanks title|
| `---holding-fire-thanks-section` | Mixin for the thanks section|
| `--holding-fire-twitter-link` | Mixin for the twitter link |
| `--holding-fire-twitter-button` | Mixin for the twitter button |
| `--holding-fire-animations` | Mixin for any animations you want to define. First one will not be registered. See demo. |
## Dependencies
Element dependencies are managed via [Bower](http://bower.io/). You can
install that via:
npm install -g bower
Then, go ahead and download the element's dependencies:
bower install
## Playing With Your Element
If you wish to work on your element in isolation, we recommend that you use
[Polyserve](https://github.com/PolymerLabs/polyserve) to keep your element's
bower dependencies in line. You can install it via:
npm install -g polyserve
And you can run it via:
polyserve
Once running, you can preview your element at
`http://localhost:8080/components/image-fire/`, where `image-fire` is the name of the directory containing it.